Hi, I have a little problem I can't seem to figure out. Below is a sample code of some floated divs. It all is as I would like it, except the div that contains "MORE TEXT GOESE HERE...". I want that to clear the previously floated divs that contain dates and prices, not the red bordered div. This way, the div containing "MORE TEXT GOES HERE..." will end up underneath the previous four floated divs. I put that section in a div by itself, thinking that clearing the final float would only clear within the containing div, but it's not doing that. It seems to work fine in IE/Win, but not in Firefox or Safari. Any help would be appreciated. Here's the sample code.
<CODE>---------------------------------------------------- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=iso-8859-1"> </head> <body bgcolor="#ffffff"> <div style="float: left; border: 1px solid red; height: 200px; width: 100px;"></div> <div> SOME TEXT GOES HERE... <br><br> <div style="float: left; width: 80px;"> <br> DATE<br> DATE<br> </div> <div style="float: left; width: 100px; text-align: center;"> <b>CATEGORY</b><br> <span class="pcbold"> $PRICE<br> $PRICE<br> </span> </div> <div style="float: left; width: 100px; text-align: center;"> <b>CATEGORY</b><br> <span class="pcbold"> $PRICE<br> $PRICE<br> </span> </div> <div style="float: left; width: 100px; text-align: center"> <b>CATEGORY</b><br> <span class="pcbold"> $PRICE<br> $PRICE<br> </span> </div> <div style="clear: left"> <br>MORE TEXT GOES HERE... </div> </div> </body> </html> </CODE>------------------------------------------- Thanks, Mark ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
