Problem 1: Bei meiner Bildschrimauflösung (1920x1080) sind bei diesem Test allerdings 4 Boxen nebeneinander. Ein Div mit Max-Width 1350px außenrum bringt nicht das erhoffte Ergebnis. Wie stelle ich es an, dass nur 3 immer in einer Reihe sind bei dieser Auflösung?
mit einer max-width von 1350 Pixel - ergo: du machst etwas falsch (oder dein Browser).
Problem 2: Schiebe ich mein Fenster zusammen, so dass nur noch 3 Boxen nebeneinander zu sehen sind, erhalte ich 3 Reihen a 3 Boxen und eine Reihe mit nur einer Box. Kann man die letzte Reihe irgendwie verhindern? So dass Bei Darstellung von 3 Boxen nebeneinander nur 3 Reihen angezeigt werden (also 9 statt 10 Beiträge)?
max-height von 3x der höhe einer Box in Kombination mit overflow: hidden;
Alternativ kannst du mit Media Queries die Viewportbreite und -höhe abfragen und ggf. einzelne Elemente ausblenden.
Vielleicht hat jemand auch eine Idee wo ich mir was abkupfern könnte. Amazon hat ein wenig zuviel Code in ihren Seiten als das ich da wirklich einsteigen kann :)
Selbst denken macht schlau :)
P. S. Ich hoffe das passt in Design/Layout. Das Problem ist wohl nur mit Javascript und CSS zu lösen, aber im Grunde ist es ein Designproblem :)
JavaScript ist dafür nur notwendig, wenn du alter Browser unterstützen willst - ich ändere den Themenbereich mal auf CSS.