Andrew Doades wrote:
> In my css file:
>
> #sidebar {
> float:left;
> width:165px;
> border: 3px solid #aaa;
> background-color: #eee;
> margin:2px;
> padding: 1em;
> }
>
> #content-main {
> float:none;
> width:100%;
> }
>
> then in my template I just put that links and that in a <div id="sidebar">
> and a content-main one for content
As Alan Baker said we need to see some working code to truly be correct.
This css.
#content-main {
float:none;
width:100%; /* hasLayout trigger */
}
Is simply.
#content-main {}
Since a div is always 100% of it containing block [1] when in normal
flow [2]. What you are seeing in IE5, IE6 or IE7 is I think the affects
of hasLayout [3]. Remove the width:100% from #content-main and IE should
behave itself.
[1] <http://www.w3.org/TR/CSS21/visuren.html#containing-block>
[2] <http://www.w3.org/TR/CSS21/visuren.html#block-formatting>
[3] <http://www.satzansatz.de/cssd/onhavinglayout.html>
Alan
http://css-class.com/test/
______________________________________________________________________
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/
