css boxen bleiben hängen

HI

Ich habe das Problem das ich CSS-boxen habe die sich automatisch so anordnen das sie immer in einer reig´he ins fenster passen und die restlichen dann die nächste reihe darunter anfangen .

wenn die linke box allerdinks höher ist als die recht dann bleibt die darunter folgende box immer auf der rechten seite mit der oberen linken kante an der unteren rechten kante der box links oben hängen.

hier mal die Galerie eines users bei der das der fall ist:
http://www.bryce-board.de/gallery.php?ac...d=1229&catid=51



weis zufällig jemand wie man das verhindern kann?

MfG
blueX

Das Problem ist das du in allen divs float:left verwendest, dadurch wird die nächste Box immer an der vor ihr liegenden ausgerichtet und dies bedeutet bei einemZeilenvorschub dann eben auch das sie unterhalb des vor ihr liegenden elements ausgerichtet wird.

ich denke in diesem speziellen fall wäre sinnvoller aud float gänzlich zu verzichten den divs ne relativer weite von 50 % zu geben so gibts immer 2 Bilder pro reihe das sollte dann besser aussehen

mfg

Da gibt es noch eine Möglichkeit. Die Thumbnails auf eine feste Höhe generieren lassen.
Damit gibt es keine Überschneidungen mehr, und das Layout sieht gleichmäßiger aus.

Ich habe keine Ahnung wie das dazugehörige Templates aus sieht, vielleicht läst sich dort das div durch eine übergeordnete Tabelle ersetzen, oder eine feste Höhe festlegen.

Oder so eine verschachteltes Tabellenlayout.