View this site in IE6 then view it in Firefox:
http://yoyoyo89.50webs.com/test2.html
In IE6 the page displays perfectly, but in Firefox the white background of the outer white backgrounded DIV cuts off at a certain point down the page and the text keeps going without the background. How do I fix this? The amount of text in the DIVs is going to change from time to time so I cant have a static “height:px;” css property.
Any help is appreciated!!!
My Code:
<body bgcolor="#000000;">
<center>
<div style=“background-color:#ffffff; width:700px; height:100%; padding-bottom:50px;”>
<div style=“float:left; color:red;”>TEXT<br />TEXT<br />TEXT<br />etc…</div>
<div style=“float:right; color:red;”>TEXT<br />TEXT<br />TEXT<br />etc…</div>
</div>
</center>
</body>
[COLOR=Red]Never mind I found the solution here:[/COLOR]
http://gtwebdev.com/workshop/floats/enclosing-floats.php