Peter Nack: Sinnlose Mengen an <div class="clearfix"></div>

Beitrag lesen

Hallo,

ich habe mal eine Frage bezgl. des korrekten Markups fuer das Clearen von gefloateten Containern.

Bisher habe ich das immer in etwa wie folgt geloest:

.clearfix {  
  clear:both;  
}  
ol {  
  float:left;  
} 
<ol>  
  <li> Lorem </li>  
  <li> Ipsum </li>  
</ol>  
<div class="clearfix></div>

Allerdings wimmelt es in meiner Seite mitterweile geradezu von diesen Clearfixes. Daher schaue ich gerade, wie ich dieses unschoene Problem am besten loesen kann.

Dabei bin ich auf folgendes gestoszen:
Example 1
Example 2

Wobei letzteres den Anschein erweckt, als liefe es auch auf dem IE6.

Da http://browsershots.org/ ihren Dienst (derzeit?) deaktiviert haben, wollte ich mal in die Runde fragen, ob ich mich mit dem zweiten Beispiel in die richtige Richtung bewegen wuerde oder nicht.

Vielen Dank schonmal.

MfG
Peter