[------- Le 03/02/06 13:56, Zoe M. Gillenwater a écrit : -------] :
> So, remove the width and the float and apply "margin-left: 180px" to
> #maincontent. Your new problem then becomes that the clearers you have
> within #maincontent are clearing the #sidebar too. This is because
> #sidebar and #maincontent are in the same "block formatting context."
> You need to create a new block formatting context for #maincontent so
> that clearers within it pay no mind to #sidebar. The float you had on
> there before was establishing a new context, but it was unusable with a
> fluid layout. Luckily, you have several different ways:
> http://www.w3.org/TR/CSS21/visuren.html#q15
>
> I applied "display: table-cell" to #maincontent in Firefox and it worked
> great. If this doesn't work in other browsers, you can try "display:
> inline-block" on them.
Very interesting, Zoe. I was testing something like that this day and I
didn't get this solution.
"display: table-cell" applied ti #maincontent works on Opera 8.51.
To avoid any problem with IE, I have added through a conditional comment:
<!--[if lt IE 7]>
<style type="text/css">
#maincontent {
height: 1%; /* holly hack */
display: block; }
</style>
<![endif]-->
The "holly hack" seems absolutely necessary, "display: block" is rather
an additional security.
It works fine as well on Netscape 7.02 (Gecko 1.02) and Mozilla Firebird
0.7 (Gecko 1.5) but amazingly, it works for these two brothers even if
"display: block" is applied to #maincontent.
Amitiés
--
Philippe DE MOURA
><> phdm ><>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
