CheesierAngel Posted November 27, 2006 Share Posted November 27, 2006 ??? Who can solve this?The expression "clear: right" puts the content under all right floats. But if you only want to clear 1 floats level?So if you have:[code]<html><body> <div style="border: 2px solid red; width: 150px; float: right" class="clearfix"> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> </div> <div style="margin-right: 160px; border: 2px solid green;"> <div style="border: 2px solid blue; width: 100px; float: right"> <br/><br/><br/><br/><br/> </div> The quick brown fox jumps over the lazy dog. <br style="clear: both;"/> text </div></body></html>[/code]Then "text" will be displayed under the (red) float. I would like to display "text" at the same height as the blue float.There is a possible way to work with "overflow" in firefox that works but not at IE. I would really like a possible way to do this at IE, Firefow and Opera.Any sugustions would be appreciated... Quote Link to comment Share on other sites More sharing options...
wildteen88 Posted November 27, 2006 Share Posted November 27, 2006 If you float the green box left then it'll work the way you want it to. Quote Link to comment Share on other sites More sharing options...
CheesierAngel Posted November 28, 2006 Author Share Posted November 28, 2006 Thanks! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.