Peter Ankelein wrote: > That worked perfectly, Georg, thanks! But what is exactly happening > by adding the 5px padding to the right and the -1000px on > margin-bottom?
The padding makes all left float a few pixels too wide to fit, so they can't go higher than preceding content-container and therefore no clearing is needed. That way we avoid IE's buggy clearing. However, this will make the line-up look a but "broken" (in all browsers) since the next, the corresponding, right content-container gets pushed down by the left float. The negative margin-bottom then makes each left float take up no vertical space - unless it is more than 1000px tall, so now all right content-containers can line up with the top of the correct left float. (Note that only browsers that interpret the W3C box model correctly - adding side-padding to width - will create the intended line-up. I ignored IE5.x/win this time - they need a larger width on the left float.) For a bit more about how front- and back-side margins on floats work and what can be achieved, see... <http://www.gunlaug.no/contents/wd_demo_float_03.html> <http://www.gunlaug.no/tos/moa_16.html> regards Georg -- http://www.gunlaug.no ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
