Martin_Online: Fehler behoben - nichts dazugelernt! ;-)

Beitrag lesen

BTW: Wenn man eine solche Wiederholung von class Attributen sieht, stellt sich (mir) immer die Frage, ob es nicht ggf. "sinnvoller" wäre, dem jeweiligen Elternelement eine Klasse zu verpassen und per CSS Kind-Selektor die gewünschten Styles zuzuweisen.

Stimmt, ich brauch die einzelnen class wirklich nicht hinter jedem Bild, hab es nun entfernt und dem <p> Element eine class zugewiesen.

  
 <p class="startseite_bild">  
	<img src="startseite/1.jpg" alt="Referenz">  
	<img src="startseite/2.jpg" alt="Referenz">  
	<img src="startseite/3.jpg" alt="Referenz">  
	<img src="startseite/4.jpg" alt="Referenz">  
	<img src="startseite/5.jpg" alt="Referenz">  
	<img src="startseite/6.jpg" alt="Referenz">  
</p>  

  
.startseite_bild img {  
	padding:0 15px 15px 0;  
	float:left;  
}  
  
.startseite_bild img:nth-child(3n) {  
	padding-right:0px;  
}  

Uh, Extra-Markup zum Clearen von floats ...., übel(st).
Und bspw. bei einem "overflow: hidden" für das Elternelement auch nicht erforderlich.

Ok, auch dieses DIV habe ich wieder gelöscht und dachte, ich kann dieses so lösen

  
.startseite_bild:after {  
	clear:left;  
}  

aber leider ohne Erfolg. Wie geht ihr in diesem Fall vor?