<div> im <div> vertikal positionieren

[Ravetti]

Guten Tag,

für ein CMS möchte ich Bereiche mit bestimmten Inhalten vordefinieren. In diesem Beispiel soll der DIV2 120px unter der oberen Kante von DIV1 positioniert werden, egal ob im DIV1 Text steht oder nicht:

xxxxxxxxxxxxxxxxx
x    DIV1       x
x               x
x               x
x               x
xxxxxxxx        x
x DIV2 x        x
x      x        x
x      x        x
x      x        x
x      x        x
x      x        x
xxxxxxxx        x
x               x
x               x
xxxxxxxxxxxxxxxxx

Mit margin-top und top funktioniert das nicht, mit diesem Konstrukt mit Hilfe eines Fake-divs bekomme ich das in Firefox hin, jedoch nicht mit dem IE:

<div id="Fake" style="clear:both; height:120px; float: left; "></div>
<div id="div2" style="clear:both;float: left;"></div>

Das sieht natürlich auch nicht elegant aus. Hat jemand eine Idee?

Sonnige Grüsse von
Ravetti

[MKay]

Hi,

richte DIV2 relativ zum DIV1 aus. Also:

<div style="height: 200px;">
<div style="position:relative; top:128px;"></div>
</div>

grüße
MKay

[Ravetti]

Hallo,

nein, so funktioniert das auch nicht, da zwar so der div an der Stelle ist, wo er hin soll; es fliesst jedoch nicht der Text herum, diese Ebene liegt sogar darüber, ausserdem bleibt der Bereich über dem div leer.

Hat noch jemand eine Idee?
Ravetti

[wahsaga]

hi,

nein, so funktioniert das auch nicht, da zwar so der div an der Stelle ist, wo er hin soll; es fliesst jedoch nicht der Text herum, diese Ebene liegt sogar darüber, ausserdem bleibt der Bereich über dem div leer.

Ich denke, was du vorhast, ist mit aktuellen Mitteln von HTML und CSS nicht umsetzbar.

Hat noch jemand eine Idee?

Ja - freunde dich mit dem Gedanken an, dass Browser (noch) keine vollwertigen DTP-Programme sind.

gruß,
wahsaga