WebDesign - Tips und Tricks - IE7-Bugs : padding floats

Abstände floatender Boxen durch padding ihres Containers

Wie schon beim IE 6 gibt padding-top bei Umbuch floatenden Inhaltsboxen margin-top
(und auch ein zusätzliches clearendes Element könnte den Container im IE 7 nicht aufspannen): <div class="container"> <div>padding-floats</div><div>padding-floats</div><div>padding-floats</div> </div> .container { padding:1em 0; border:1px solid navy; background:#eee; } .container div { float:left; border:1px solid red; } .container:after { content:" "; clear:left;display:block; height:0;font-size:0; }

Workaround: *:first-child+html .Workaround { height:3em; } * html .container { height:3em; }