css & dynamische inhalte

[pangu]

wenn ich zwei div layer übereinander habe, aber vom oberen nicht die höhe (des inhalts) kenne:
wie kann ich den unteren layer genau x pixel unter den oberen beginnen lassen?

QUOTE
//textblock1
<div style="position:absolute;top:105px;left:100px;">
<table border=0 cellpadding=0 cellspacing=0 width=715><tr><td>
text unbekannt
</td></tr>
</table>
</div>

//textblock2
<div style="position:absolute;top:???px;left:100px;">
<table border=0 cellpadding=0 cellspacing=0 width=715 height=300><tr><td>
bla blab blaaaa
</td></tr>
</table>
</div>



-> wie kann ich jetzt konkret den 2ten an dn ersten dranhängen, wen beim oberen der text/länge unbekannt ist? thx

 

[spaceman007]

dafür gibt es verschiedene möglichkeiten.

in deinem code hast du beide layer absolut positioniert... wenn du den unteren dynamisch positionieren möchstest, macht das nur sinn, wenn du dies mittels javascript tust.

was ich dir empfehlen würde, ist die beiden layer normal zu positionieren. wenn du die elemente absolut positionieren muss, kannst du einfach noch einen layer um die beiden beiden machen. dieser dient dann als eine art platzhalter.

QUOTE <div style="position:absolute; top:100px; left:100px; width: 100px; border:1px solid black;">
<div style="background-color:green;"> </div>
<div style="background-color:red"> </div>
</div>



wenn du jetzt zwischen den beiden layern noch einen abstand brauchst, machst du dies mit einem margin.


QUOTE <div style="position:absolute; top:100px; left:100px; width: 100px; border:1px solid black;">
<div style="background-color:green;"> </div>
<div style="margin-top:20px;background-color:red"> </div>
</div>



Gruss

Spaceman007

 

[pangu]

danke!!