todd_temple — 2010-03-04T16:13:48-05:00 — #1
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!
ralphm — 2010-03-04T17:41:41-05:00 — #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.)
ryanreese — 2010-03-04T17:42:30-05:00 — #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%;[/B]">
todd_temple — 2010-03-05T08:25:17-05:00 — #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?
ralphm — 2010-03-05T17:26:39-05:00 — #5
Maybe try giving that containing div haslayout. Try
and see if that does anything. May be a pixel or two out, so adjust to suit.
ryanreese — 2010-03-05T17:39:55-05:00 — #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