• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

div nebeneinader

jumbo125

Mitglied
Sehr geehrte Community

mein neuerliches Problem sind die Div container nebeneinander aufzuteilen.

ich habe bspw:
id="erster Container"
id="zweiter Container"
id="dritter Container"
id="vierter Container"
id="fünfter Container" alias content
id="sechster Container"
id="siebter Container"
id="achter Container"
id="neunter Container"

alle container haben eine statische höhe, daher auch keine position bezeichnung

nun sollen alle bis zum vierten Container auf der linken seite stehen(daher bekommen alle float:left), funktioniert bei den ersten vier recht gut
Nun soll der fünfte Container in die mitte. Das wird schon schwer, denn ordne ich die container in dieser Anordnung in meiner html datei aus, liegt der fünfte Container unterhalb des vierten anstatt auf gleicher höhe. Daher hab ich gleich mit dem fünften container begonnen und alle folgenden darunter gesetzt. jetzt passt zwar der 5, aber alle nachfolgenmden anderen passen nicht:

erstes Bild:
zweites.jpg

nächster schritt-float
zweites Bild:
drittes.jpg
wenn ich die div "sechsterContainer" etc. mit float right setzte, sind sie zwar rechts aber richten sich dennoch am vierten div aus.

so sollte es sein:
fertig.jpg

wie kann es funktionieren
 
Fasse die Divs 1-4 und 6-9 jeweils in einem weiteren Div zusammen. Aus den ehemals 9 Objekten werden dann drei, die sich floaten lassen.
 
Zurück
Oben