Hoe clear je floats nou het meest semantisch? Met een <br class="clear" />? Met een <hr class="clear" />?
En welke CSS pak je er dan bij die het in elke browser doet?
1.834 views
<div class="content clearfix">Bla bla bla</div>
<div>Deze div zal niet automatisch onder de div komen te liggen, maar zal netjes aanlsuiten, als je het volgende stukje css gebruikt:
<pre>
.content {
float:left;
}
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
html .clearfix{
height:1%;
}
</pre>
</div>
getest in? door? werkt in?
ik gebruik het in veel eigen projecten. Werkt in alle browsers.
edit: natuurlijk niet lager dan ie 6 en andere prehistorische browsers
hier een voorbeeld klik
edit: natuurlijk niet lager dan ie 6 en andere prehistorische browsers
hier een voorbeeld klik
clear:both; is genoeg meestal dacht ik...