Christina Hawkins :: GlobalSpex wrote:
> Hello.
> I just can't seem to wrap my head around IE and it's reasons for not letting
> my "clearfloat" div make my 2 columns play nice. IE is causing my
> "MainContent1" to be placed below the "leftcolumn1" div.
>
> Index: http://www.globalspex.com/clients/ti/index.php
> CSS: http://www.globalspex.com/clients/ti/style_main.css
>
> Any help is greatly appreciated.
>
> -Christina
#leftcolumn1 {
float: left;
width: 190px;
}
#mainContent {
margin: 0 0 0 190px;
padding: 5px;
width:590px; /* hasLayout [1] trigger */
}
190px + 590px + 10px = 790px
#container {
width: 780px;
overflow: hidden; /* a clue [2] */
}
What do you think the the good browsers are doing? IE5.5, IE6, IE7 all
shows a differences but they all have the same problem with the above CSS.
[1] <http://www.satzansatz.de/cssd/onhavinglayout.html>
[2] <http://www.w3.org/TR/CSS21/visufx.html#overflow>
______________________________________________________________________
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/
