Marco,
Try adding "display: table; width: 75%" to the red box.
Hope this helps,
Misha
<hmtl>
<head><title>test</title></head>
<body>
<div style="float: left; width: 20%; height:400px; border: thin solid
gray">
my left bar
</div>
<div style="margin-left: 22%; border: thin solid red; display: table;
width: 75%">
<div style="float: left; height: 200px; border: thin solid green">my
big image</div>
<div>text</div>
<div style="clear: left;"></div>
</div>
</body>
</html>
Marco wrote:
What if I need to clear only one floating element?
Example:
<hmtl>
<head><title>test</title></head>
<body>
<div style="float: left; width: 20%; height:400px; border: thin
solid gray">
my left bar
</div>
<div style="margin-left: 22%; border: thin solid red;">
<div style="float: left; height: 200px; border: thin solid green">my
big image</div>
<div>text</div>
<div style="clear: left;"></div>
</div>
</body>
</html>
Because the gray left bar is higher, the red content box's height will
be exanded to to that height, and not to that of the green box (also
floating, but inside the content container).
I got this problem with firefox (and ie, of course).
Any ideas?
Thanks,
Marco
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
