Anzahl von Inline-Blocks in "Zeile"

[misterunknown]

Moin,

Das wäre, in Pseudocode gesprochen, sowas wie floor(containter-breite/teaser-breite), um die Anzahl pro Reihe zu bekommen.

Das habe ich mir auch gedacht. Leider funktioniert das nicht zuverlässig; zumindest nicht im Chrome und FF. Ich habe folgende Berechnung aufgestellt:

var inRow = Math.floor($('#grid').offsetWidth / $('#grid div').offsetWidth);  

Wenn du auf die Seite gehst, und selbiges in die Dev-Console eingibst ist der Wert meistens um 1 erhöht. Das merkt man vor allem, wenn das Browserfenster gerade so groß ist, dass eben nicht 7, sondern nur 6 Bilder in eine Reihe passen.

Ich habe auch versucht, diese mir unbegreifliche Unschärfe zu korrigieren. Aber sie ist immer unterschiedlich:

- Es werden 6 Bilder angezeigt und es fehlt nur 1 Pixel, damit das 7. Bild mit hoch springt:

$('#grid').offsetWidth / $('#grid div').offsetWidth => 7.43125

- Es werden 5 Bilder angezeigt und es fehlt nur 1 Pixel, damit das 6. Bild mit hoch springt:

$('#grid').offsetWidth / $('#grid div').offsetWidth => 6.36875

Kann sich jemand erklären, wo diese Abweichung herkommt?

Grüße Marco