nicht angemeldet
Hallo!
Erstmal der Quelltext:
----------------------------------------------------------------------------
<div style='height:400px; width:400px; position:absolute; background-color:red;'>
<div style='height:100px; width:100px; float:left;' id='A1'><img style='height:100px; width:100px;'
id='bildA1'></div>
<div style='height:100px; width:100px; float:left;' id='B1'><img style='height:100px; width:100px;'
id='bildB1'></div>
<div style='height:100px; width:100px; float:left;' id='C1'><img style='height:100px; width:100px;'
id='bildC1'></div>
<div style='height:100px; width:100px; float:left;' id='D1'><img style='height:100px; width:100px;'
id='bildD1'></div>
[..]
<div>hoch</div>
<div>runter</div>
<div>links</div>
<div>rechts</div>
</div>
----------------------------------------------------------------------------
Das Problem bei der Sache ist folgende: Ich habe einen Haupdiv (Hintergrundfarbe rot), in diesem sind alle anderen Divs drin. Was ist jetzt versuche ist folgendes: Der Link für "hoch" soll oben in der Mitte auf den grünen Feldern angeordnet sein. Das heißt ich müsste es so positionieren können, dass der Abstand vom roten div aus immer derselbe ist. Mit einer absoluten Positionierung gelingt mir dies aber nur mit dem Abstand von der Homepageecke.
Ich habe jetzt den Tipp bekommen, dass mit position:relative und margin zu machen, also habe ich es jetzt so versucht und zwar für das "hoch":
----------------------------------------------------------------------------
<div style='position:relative; margin-top:0px; margin-left:180px; width:40px; background-color:yellow;'>hoch</div>
----------------------------------------------------------------------------
dies könnt ihr unter http://vfb-stuttgart.piranho.de betrachten. Aber leider funktioniert es so nicht, die Position wird immer noch vom ursprünglichen Platz aus positioniert und nicht vom oberen Element aus.
Gibt es da eine Lösung?
Thomas