03-03-2009, 10: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-03-2009, 11:18 PM
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-03-2009, 11:45 PM
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, 12:08 PM
Join Date: Oct 2007
Location: In your MIND.
I wish you were. I'd be a better coder then!
Thanked 132 Times in 131 Posts
03-04-2009, 08: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.