Div´s nebeneinander/untereinander

[Josef B.]

Hallo

Ich tüftle jetzt schon längere Zeit an einem Problem, komme aber nicht wirklich weiter:

Für ein CMS, bei dem ich keinen Zugriff auf den HTML-Code habe versuche ich nun mehrere Elemente über CSS zu positionieren.

Hier der Versuchsaufbau:

<div style="width:200px; height:400px;"> 1 </div>

<div style="width:200px; height:200px;"> 2 </div>

<div style="width:200px; height:200px;"> 3 </div>

<div style="width:200px; height:400px;"> 4 </div>

Die Darstellung soll so sein:

• links div 1
• daneben div 2 und unter div 2 soll div 3
• neben div 2 / 3 soll div 4

also in etwa so:

######

1  # # 2  # # 4  #

#    # #    # #    #
#    # ###### #    #
#    # ###### #    #
#    # # 3  # #    #
#    # #    # #    #

######

Die Breiten der Div´s kann ich angeben, ebenso diverse float- und clear-Anweisungen. Die Höhe der Div´s richtet sich nach dem Inhalt (ist nur hier im Versuchsaufbau fix), um das Ganze ist noch ein Div mit fixer Breite.

Hat wer einen Tip wie ich diese Positionierung machen kann ohne ein zusätzliches Div über 2 und 3 o.ä.?

Bitte um Hilfe und Tipps!

Danke, Josef B.

[Detlef G.]

Hallo Josef

Die Breiten der Div´s kann ich angeben, ebenso diverse float- und clear-Anweisungen. Die Höhe der Div´s richtet sich nach dem Inhalt (ist nur hier im Versuchsaufbau fix), um das Ganze ist noch ein Div mit fixer Breite.

Damit dies mit float erreicht werden könnte, müsste Div 4 im Quelltext vor
Div 2 und 3 stehen.

Hat wer einen Tip wie ich diese Positionierung machen kann ohne ein zusätzliches Div über 2 und 3 o.ä.?

Div 2 und 3 bekommen _kein_ float sondern margin.
Div 4 bekommt position:absolute mit passenden Werten zur Positionierung,
Div 1 etweder auch position:absolute oder float:left.

Auf Wiederlesen
Detlef