I have run into this several times before, but today I cannot find a
work-around. So, what is the "correct" behavior or proper way to clear a
float that is nested inside of another float without clearing the parent
float as well? Example time ...
<div id="left">
some content here ....
</div>
<div id="right">
<img src="xyz.gif" class="alignLeft" />
some content here ...
<br class="clear" />
some content here ...
</div>
----------
.left { width: 49%; float: left; }
.right { width: 49%; margin-left: 50%; }
.alignLeft { float: left; }
.clear { clear: both; }
----------
The problem here is that when the clear is used inside of the right column,
it does not just clear the right column, it clears the entire page - messing
up the two column layout. So, when you have a float nested within another
float, how do you clear just the inner float? The code I am working on
right now has objects floated both left and right in the right column, so I
have to use a clear: both which wipes out the layout. Any suggestions?
Thanks
-- Jeff
______________________________________________________________________
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/
