Tycker jag att du ska undvika att låta element flyta som din "header-holder". Bara att användas när det behövs eller ska användas.
Om du har element som använder float, följ mitt exempel så slipper du massa problem:
Kod:
<div id="wrapper" class="cf">
<div class="floatLeft">Jag flyter till vänster</div>
<div class="floatRight">Jag flyter till höger</div>
</div>
/** CSS - Micro clearfix hack from http://nicolasgallagher.com/micro-clearfix-hack/ **/
/* For modern browsers */
.cf:before,
.cf:after { content:""; display:table; }
.cf:after { clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1;}
Använd inte denna metod. Den ser så ful ut i HTML koden.
Kod:
<div id="wrapper">
<div class="floatLeft">Jag flyter till vänster</div>
<div class="floatRight">Jag flyter till höger</div>
<div style="clear:both;"></div>
</div>