Goodbye Clearing Div's

[ClevaTreva]

Hi

Tony, from www.csscreator.com has just posted this:

http://www.csscreator.com/attributes/containedfloat.php

It shows how to clear those pesky div's without the:

<div class="clear"></div>

hack.

He shows a pseudo element solution that works! He has taken all the clearing bits from the css-creator forum with no ill effects!

One word of warning though, it may be that you need a space before the opening curly brace to get round a bug in IE. You will see in his code that the holly hack part has the space, but the other doesn't, so I would add it, per this site's findings:

http://www.maxgeek.com/ie6pebug/





Trevor

[Winged Spider]

Simply awesome.

My XHTML is now much cleaner and more semantic than before. Great find.

[Paul O'B]

Thanks for the tip Trevor it will come in useful