View Full Version : IE 6 extends floated div with defined height

03-03-2009, 11:25 PM
Hi everyone, I have two div's. Both are floated left and one is contained by the other. The outside one has a fixed height and the inside one does not in order to allow it to extend when additional content is added. However, in IE6, when the inside div overflows the container div, the outside div extends itself along with the inside div. How can I prevent this?

03-04-2009, 12:18 AM
Kind of sounds like your describing this bug: http://www.positioniseverything.net/explorer/expandingboxbug.html

Complete list here:http://www.positioniseverything.net/explorer.html
Hmm, I'll bet it's not the complete list of IE bugs... but there are a lot there.

03-04-2009, 12:45 AM
This is the default behavior, and my tests reflect it. If you want the outer div to scroll, use the overflow: auto; rule.

03-04-2009, 01:08 PM
Join Date: Oct 2007

Location: In your MIND.

I wish you were. I'd be a better coder then!

Posts: 1,532
Thanks: 13
Thanked 132 Times in 131 Posts

03-04-2009, 09:18 PM
Thanks everyone. The container div is pretty much just a solid color box that always has a fixed height and width, so I made it a gif image and just set the background-repeat to no-repeat. This seems to have solved the problem in IE6.