IE6 large spaced between divs

Question

PsychicTide 42 Junior Poster

15 Years Ago

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?

web-design

1 Contributor
2 Replies
105 Views
3 Days Discussion Span
Latest Post 15 Years Ago Latest Post by PsychicTide

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

PsychicTide 42 Junior Poster · Answer 1 · 2008-09-05T23:18:33+00:00

I realize some of you may not have IE6 to actually look at the problem... so here is a pic of it. [IMG]http://i233.photobucket.com/albums/ee141/Vincentnsoa/IE6-1.jpg[/IMG]

PsychicTide 42 Junior Poster · Answer 2 · 2008-09-09T12:01:52+00:00

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). :)