IE6 Fix For Collapsing DIV

HTML & CSS
1

LINK-
http://www.tocdocs.com/index.030510.html

Can someone tell me what I can add to my CSS so that this page will render properly? I am wanting to show the entire text inside the orange DIV. Works fine in IE7 and IE8.

Thanks in advance!
Todd

2

Not working in FF either!

Remove height: 100% from the container. (That’s working against you here, as it’s preventing overflow: hidden from working. The div doesn’t see the floated content, so thinks height 100% is very short.)

3

Hi, try removing the height set here :).

<div style="background-color: #FF9900; color: #000;border-radius:5px; padding: 8px 20px;-moz-border-radius: 5px; -webkit-border-radius: 5px;margin:5px;overflow:hidden;clear:both;[B]height:100&#37;;[/B]">
4

I removed the height property and it works decently in IE7 and IE8 but still does not contain all of the floats in IE6. Any ideas as to why?

Same link.

5

Maybe try giving that containing div haslayout. Try

width: 790px;

and see if that does anything. May be a pixel or two out, so adjust to suit.

6

Hi, yes what Ralph said will work. It was working in IE6 before because the height gives it haslayout and thus it contained it.

Either giving it a width, or zoom:1; or any other haslayout trigger will work :).

PS-Move all that inline CSS to external fiels :slight_smile: