Ich spiel gerade etwas mit CSS Layouts rum und Würde gerne folgendes
erreichen:
Die Seite enthält eine Reihe Bilder und zu jedem Bild eine
Bildunterschrift, also etwa so:
B B B B B B
U U U U U U
Bild+Beschriftung sind in einem div container drinne also so:
1 | <div id = "bildbox">
|
2 | <img .../>
|
3 | Ein Text unter dem Bild
|
4 | </div>
|
Soweit so gut, nun würde ich es gerne so haben das alle Boxen gleich
hoch sind ohne das ich explizit die Höhe angeben muß (Text und Bildgröße
ist loscherweise verschieden, die Box hat aber eine feste Breite) und
das wenn das Fenster kleiner gemacht wird Bilder ggf. in die zweite
Zeile rutschen.
Habe das mal mit Float left versucht, Problem ist nur das es einmal
etwas komisch aussieht wenn die Höhe unterschiedlich ist, und der
Umbruch auch etwas Eigenwillig sich gestaltet.
Hier mal ein Beispiel:
http://elektronik.laeubi-soft.de/index.php?mid=8&id=26
Ist die Höhe+Text der Bilder etwa gleich Funktioniert es wie gewünscht:
http://elektronik.laeubi-soft.de/index.php?mid=12&id=34
Ich würde es ja einfach über ne unsichtbare Tabelle machen, aber da ist
ja die Spaltenanzahl fix, ich hätte eben gerne nen Umbruch aber auf die
Art ist es mommentan nun wirklich nicht so toll ;)