Just when you think your done, you find out you have to cross code for IE6... what a pain.

I'm working on a site that has a number of divs inside a container div. filler div floated left, list div floated left (display:inline-block), right fill floated left, and a large div floated right.

This looks great on IE7 and mozilla FF, but IE6 throws it all off by adding very large gaps in between just the three floated left divs (left fill, list div, right fill). and the rest of the page is in place.

If you have a sec, take a look at www.screenworksonline.com... CSS is /main.css.

Hopefully someone has encountered this before... maybe I forgot to reset an attribute?

8 Years
Discussion Span
Last Post by PsychicTide

once again... this is a fine example of me just not thinking.

I had a friend take a look at this and pointed out I need to have every multi-floated div with a fixed width for IE6... I added the width to each, and problem solved. just in case you guys were wondering (chances are you weren't). :)

Votes + Comments
Thank you for sharing
This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.