Trish Meyer wrote:
> http://www.collageartists.org/test7x1.html
>
> Basically, adding a clear: both to the headers in the main content
> area, ALSO clears the #leftcol (sidebar). #leftcol is a floated
> element, and #content moves to the right thanks to a left margin.
Didn't have time to look at your CSS, but adding the following will give
you a stable layout.
#wrapper {display: table;}
#content {float: left; margin: 0 -10px 0 15px;}
The solution is based on 'float' as isolated container (with altered
margins to go with it). Clearing inside a float won't react on anything
outside the float.
The 'display: table;' on wrapper makes the wrapper extend below the
floats in all good browsers as if there was a 'clear: both' down there.
IE/win do the same based on the 'hasLayout' bug/concept[1].
regards
Georg
[1]http://www.satzansatz.de/cssd/onhavinglayout.html
--
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/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
