nicht angemeldet
Hi Jonathan, hoffentlich störe ich nicht.
Habe jetzt float:right weggelassen.
Das ganze habe ich jetzt auch so positioniert, wie ich es haben wollte.
Nur ein kleines Problem noch.
Für DIV 2 und DIV 4 habe ich einen weißen Hintergrund.
Die sollten von der Höhe auch immer gleich sein.
Wenn DIV 2 länger ist oder DIV 4 sieht das blöd aus, sobald beide Spalten nicht bündig aufhören.
Wenn ich alle Divs verlassen und unten mit einem Text weitermache, schiebt sich DIV 4 über den Text unten, falls DIV 4 lang ist.
Ansonsten passen die Positionen.
Der Code sieht so aus:
Zentriert:
<div style="margin:auto; padding:0px; width:600px; ">
<div style="padding:15px;">Div 1<br>
Überschrift
</div>
<div style="float:left; width:170px; background-color: #ffffff; background-image:url(../background.gif); background-repeat:no-repeat; padding-left:10px;">
Ein Background oben platziert, der Rest ist weiß.
DIV 2<br>
DIV 2<br>
DIV 2<br>
DIV 2<br>
DIV 2<br>
</div>
<div style="position:absolute; width:430px;">
DIV 3 ist nun rechts von DIV 2
</div>
<div style="position:absolute; margin-top:25px; width:430px; background-color: #ffffff;">
DIV 4 ist nun auch rechts von DIV 2 und unter DIV 3
</div>
</div>
Test, ab hier sollte die Seite ohne DIV's weitergehen, ohne dass sich ein DIV von oben darüber schiebt.