Sent by Mark Wheeler on 8 August 2006 18:06
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-REMOVED]]
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/
