Amy Drayer wrote:
> http://new.jocolibrary.org/
>
> I was trying to fix the position of the #content div in the
> #maincontent div so the light blue had equal pixels on the left and
> right (#content is the white area). It looks okay in IE6 (*sigh*),
> but in all other browsers the left is larger than the right side.
IE6 has its auto-expansion bug, not shared by other browsers.
Change width to reach consensus...
#maincontent {
width: 826px;
}
Also: 'overflow: hidden' won't work well as an 'expand to contain
content' trigger for the main content area in your case.
This will (sort of) work though...
#maincontent:after, #content:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
...Ref: <http://www.positioniseverything.net/easyclearing.html>
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
