Ich benutze die originale Datei aus dem webs Template. Trotzdem werden mir immer die ersten beiden Produkte nebeneinander, das 3. rechts darunter und die nächsten beiden wieder nebeneinander unter dem 3. Produkt angezeigt. So geht das dann weiter.
Wenn ich den Aufbau richtig verstehe sollen es doch
In so einer Darstellung von "Grid - Elemente" nebeneinander, muss das erste in einer Reihe zusätzlich die Klasse alpha und das letzte in einer Reihe die Klasse omega erhalten. Schau in den Quellcode der Startseite von meinem Shop. Die Kategorien sind in einer Dreierliste und die Produkte in einer Viererliste ...
in meiner main_specials.html stehen. Laut Firebug wechselt auch grid_6 alpha und grid_6 omega. Doch die Produkte werden immer noch so bescheiden dargestellt.
Eigentlich sieht das gut aus, was Dir fehlt, sind gleichgroße Produktbilder. So floaten die beiden letzten Produkte nicht wie gewünscht und sehen aus, als ob sie rechtsbündig wären.
Das solltest Du über die Bildformate doch gut hinbekommen?
Ich glaube eher, dass die Höhe der Elemente das Problem ist. Alle Elemente floaten ja "left". "Fertigdecke Weihnachtsstern" ist aber höher, sodass die nächste Zeile da rechts dran hängen bleibt anstatt an die linke Kante zu floaten. Am unkompliziertesten wäre hier eine fixe Höhe für alle Elemente, damit solche überstehenden Kanten nicht auftreten.
Das mit der Höhe der Bilder war die Lösung. Ich habe nun die maximale Bildhöhe auf 130 gesetzt.
Dadurch haben alle Bilder die selbe Höhe.
Wie man eine feste Größe dort einstellen kann, weiß ich leider nicht.
Doch so geht es auch, bis neue Produktbilder zur Verfügung stehen