In my simplified test case I have 2 graphics in a div, first floats
left, second floats right. Looks fine in most browsers except for Win
IE5. I tried display inline (double margin float bug) and setting
heights, removing white space from the html and a few other things but
nothing worked. Any help greatly appreciated.
HTML
<div id="wrapper">
<div id="banner">
<img src="..." width="204" height="220" border="0" id="logo" />
<img src="..." width="494" height="220" id="bannergfx" />
</div>
</div>
CSS [main]
#wrapper { margin: 0 auto; width:698px; }
#banner { width: 698px; height: 200px; background: #2C2B60; }
#logo { float: left; }
#bannergfx { float: right; }
CSS [ie5 hacks]
body { text-align: center; }
#wrapper { text-align: left; }
Full css and test case are here:
http://nigelduckworth.com/test/one/test_ie5.html
Thanks in advance,
Nigel
nigel m. duckworth | one network enterprises
6101 Carnegie Blvd, Charlotte, NC 28209
704.227.1991 T 704.227.1901 F
[EMAIL PROTECTED] | www.onenetwork.com
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
