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/
