Nope, I removed that width control from the css but still IE is refusing to show it correctly, I did use FireBug in FireFox to check this out and FireBug seems to agree that it's ok!
Is this an IE problem, like the Microsoft way to be a pain, or am I missing something!? Alan Gresley wrote: > 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/ > > ______________________________________________________________________ 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/