Vier Artikel nebeneinander problem

Deutsches Forum
1

Hallo Com.
Ich habe folgendes Problem:

Ich habe die Artikelübersicht auf 4 pro zeile gestellt (laut handbuch)
die erste Zeile passt dann kommt nur ein artikel in zeile 2 und 3 in zeile drei.
Als ob er eigentlich 5 pro Zeile macht und den einen umbricht, ich habe bereits mit css alles versucht das gerade zurücken, leider ohne Erfolg.

Ich hoffe jemand kann mir da weiterhelfen und die tomaten von meinen Augen entfernen.

Hier mal der link zum problem:
http://s336914343.online.de/BABY/

Shop ist noch in arbeit!

Vielen Dank schonmal für die Mühe.

2

Folgende Umstellung sollte funktionieren:

Diese beiden Klassen sollten ausgetauscht werden.

#body .product.small{
width:170px;
padding-left:5px;
text-align: center;
height: 305px;
}
#body .product .picture {
display:block;
width: 170px;
text-align: center;
}

Rein optisch sollte das funktionieren. Hab es im Firefox getestet. Du solltest natürlich noch Besonderheiten wie Varianten etc testen.

Eine andere Lösung währen clearfloats nach jedem 4ten Artikel.

3

…denn sie wissen nicht was sie tun^^

perfekt danke Dir, ist natürlich auch sinnvoller eine höhe zu definieren, als diese mit padding zu erzwingen.

Oh man, aber wen wunderts bei diesen tausend unter unter unter klassen, da verliehrt man schnell mal den überblick.

Also vielen dank für die lösung.