2012-03-27 7 views

Antwort

1

Die LIs alle schwimmend sind, aber die Bilder sind unterschiedlich hoch. Das fünfte Bild trifft das dritte Bild und sitzt neben ihm, statt darunter.

Löschen Sie den Float, wenn Sie eine neue Zeile beginnen möchten. Sie haben bereits eine Klasse auf dieser LI, um die Marge zu entfernen, fügen Sie einfach clear: left;

.photo-id.first, .first.interviewee { 
    [...] 
    clear: left; 
} 
+0

Ich dachte nicht, dass die verschiedenen Größen in Bildern ein Problem waren, solange das Seitenverhältnis das gleiche war; Es stellt sich heraus, dass das dritte Bildseitenverhältnis um 1 Pixel aus ist, was das Problem verursacht. Danke, dass du die Nadel gefunden hast, warum! Hatte mich ratlos und konzentrierte mich auf das CSS. –

2

clear:left hinzufügen:

.photo-id.first, .first.interviewee { 
    margin-left: 0; 
    clear: left; 
}