Richard Querin wrote: > I didn't think inner (contained) divs could be affected by divs or > other elements completely outside their parents in that way.
A div doesn't prevent its content from interacting with outside elements by default. > There are several layers of div's so I've changed their colours and > labeled them for clarity. The first screenshot is when the left div > is tall and the right div is short. The second illustrates the vice > versa case. In each case, the postheader div seems to take up the > height of the tallest float. It seems to clear all other elements inside div-content, which is correct behavior when you have a 'clear: both;' acting on it. > http://img352.imageshack.us/my.php?image=divprob2cc9.jpg Isolate div-centrepanel... #centrepanel{ background: #9cc; margin: 10px 220px 10px 10px; overflow: hidden; <-------- add } ...so its children only interacts with elements inside same div-centrepanel. You may also have to add... * html #centrepanel{ overflow: visible; height: 1%; } ...to make IE6 and older versions act properly. 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/
