Aktives Mitglied
Hallo, ich habe ein kleines problem - und zwar folgendes:
Fazits:
- Flexibles Layout (960min-width, 1200max-width)
- Vordefinierter Bereich für eine Gallerieübersicht
Was ist los?
Es handelt sich um eine Gallerieübersicht, die PHP gesteuert wird.
Maximal 12 gallerieübersichten sind in einer Übersicht möglich d.h:
3 divs, li's (oder weiß der geier was) sollen nebeinander sein, 4 zeilen sollen es maximal geben.
DER ABSTAND, zwischenraum oder die Elemente an sich, passen sich jeweils der Größe des Browserfensters an. Ein Element, hat die maximalbreite von 215px.
nun gut, liegt doch nache, dass man dafür display:table / display:table-cell anwendet. problem:
alle Elemente, sind untereinander im Quelltext angeordnet, was also im HTML nebeneinander wäre. Das Vordefinierte Feld, wird überschritten, genauso siehts mit der li-technik mit "justify" aus.
Bei einer Manuellen Einstellung wie float left (für den linken bereich), float right (für rechts) und margin: 0 auto, für die mitte jeweils pro zeile, ist nicht nru die reihnfolge etwas problematisch, sondern auch die tatsache, dass bei nicht aufüllung einer zeil (wenn also nur 1 oder 2 elemente in eine rzeile vorhanden sind), zerreißt es das layout.
Die Box-Display-Methode ist nicht kompatibel genug. Da zickt der IE einfach zu arg.
Was gibt es noch für wege, um 3divs nebeneinander zu setzen jedoch im quellcode einfach nur untereinander zu schreiben?
Fazits:
- Flexibles Layout (960min-width, 1200max-width)
- Vordefinierter Bereich für eine Gallerieübersicht
Was ist los?
Es handelt sich um eine Gallerieübersicht, die PHP gesteuert wird.
Maximal 12 gallerieübersichten sind in einer Übersicht möglich d.h:
3 divs, li's (oder weiß der geier was) sollen nebeinander sein, 4 zeilen sollen es maximal geben.
DER ABSTAND, zwischenraum oder die Elemente an sich, passen sich jeweils der Größe des Browserfensters an. Ein Element, hat die maximalbreite von 215px.
nun gut, liegt doch nache, dass man dafür display:table / display:table-cell anwendet. problem:
alle Elemente, sind untereinander im Quelltext angeordnet, was also im HTML nebeneinander wäre. Das Vordefinierte Feld, wird überschritten, genauso siehts mit der li-technik mit "justify" aus.
Bei einer Manuellen Einstellung wie float left (für den linken bereich), float right (für rechts) und margin: 0 auto, für die mitte jeweils pro zeile, ist nicht nru die reihnfolge etwas problematisch, sondern auch die tatsache, dass bei nicht aufüllung einer zeil (wenn also nur 1 oder 2 elemente in eine rzeile vorhanden sind), zerreißt es das layout.
Die Box-Display-Methode ist nicht kompatibel genug. Da zickt der IE einfach zu arg.
Was gibt es noch für wege, um 3divs nebeneinander zu setzen jedoch im quellcode einfach nur untereinander zu schreiben?