5. Floats Not Behaving in IE (Chris Akins)
Page:
http://www.springfieldmogov.org/egov/planning_development/planTest2.html
CSS with the float rules in question:
http://www.springfieldmogov.org/css/plan.css
Additional CSS Page: http://www.springfieldmogov.org/css/pw_oper.css
Problem: Three floated divs at page bottom should be side by side,
which they are in Firefox on Mac and Safari on Mac. But IE on PC puts
the 3rd one onto a second line.
Why? Thoughts? Help please :-)
------------------------------
IE's dreadful box model will add a 2 pixel margin to most floated elements.
Therefore, it might be advisable to hack IE box model so:
* html .mainlists .floatL{width:207px; clear:none;}
or...
* html .mainlists .floatL{width:210px; margin-right:16px; clear:none;}
Kludges of that sort have worked for me in the past. In addition, I've added
a clear:none just in case IE is tempted to jump lines anyway.
Good luck!
Jim
______________________________________________________________________
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/
