Hallo,

innerhalb einer Seite werden 9 Bilder eingefügt von denen jeweils die ersten beiden in einer Reihe mit float angeordnet sind. Bei der folgenden Konstellation tritt etwas auf was ich mir nicht erklären kann:

Obwohl alle 3 Bilderreihen völlig identisch sind und auch die dazwischenliegenden <br>-Tags dieselbe Formatierung ist der Abstand zwischen der 1. und der 2. Reihe doppelt so groß wie der zwischen Reihe 2 und Reihe 3.

Wie kommt diese unterschiedliche Darstellung zustande ?

p.s.
Aufgrund schlechter Erfahrungen - ich bitte die Fragestellung zu beachten, es geht mir ausschliesslich um die Frage wie eine unterschiedliche Behandlung der Tags zustande kommen kann, nicht darum den Quelltext inhaltlich zu ändern, da dieser längst mit gewünschtem Ergebnis fertiggestellt ist.

Vielen Dank schonmal :)

  
       <img class="fl_lft" src="p1.png" width="161" height="169" />  
        <img class="fl_flt" src="p2.png" width="161" height="169" />  
        <img src="p3.png" width="161" height="169" />  
  
      	<br class="clearfloat"/>  
  
       	<img class="img_flt" src="p4.png" width="161" height="169" />  
       	<img class="img_flt" src="p5.png" width="161" height="169" />  
    	<img src="p6.png" width="161" height="169" />  
  
        <br class="clearfloat"/>  
  
        <img class="img_flt" src="p7.png" width="161" height="169" />  
        <img class="img_flt" src="p87.png" width="161" height="169" />  
        <img src="p9.png" width="161" height="169" />  

  
  
.clearfloat {  
        clear:both;  
  }