✔ Div an Div ausrichten

[Geflügel]

Hallo, der Obere Layer kann IRGENDWO auf der website sein.
Die obere linke Ecke des unteren Layers soll IMMER an die untere linkere Ecke des oberen Layers anschmiegen. Wie geht das? Geht das überhaupt? Danke schonmal!

 

[Maik]

Warum sollte das nicht gehen?

div.oben {
width: 200px;
height: 100px;
border: 1px solid #000;
border-bottom: 0;
}

div.unten {
width: 400px;
height: 200px;
border: 1px solid #000;
}

<div class="oben"></div>
<div class="unten"></div>

 

[Geflügel]

Nein, das meine ich nicht. Ich schrieb ja IRGENDWO auf der seite.

Also: Stelle dir vor, dass von dem oberen Layer 10 Nebeneinander sind und jetzt soll das Szenario welches ich oben beschrieben habe auf den 7. Layer (dynamisch) übertragen werden.

 

[Maik]

Hierfür wirst du dann wohl mit Javascript arbeiten müssen, um die Position des Objekts im Browserfenster zu ermitteln und das zweite DIV dementsprechend zu positionieren.

 

[Geflügel]

Okay danke!

Ich denke mal, ich muss jetzt folgendes tun:

(X/Y) := Position der oberen linken Ecke des oberen Layers (X/Y)
H := Höhe des oberen Layers
=>
Postion des unteren Layers ist P(X/Y+H)

Mit welcher Funktion bekommt man die Position eines Objektes? zBsp.: List-Item.

Habe die Suche benutzt nach "Layer and Position", aber irgendwie war da nur Schrott dabei. Danke schonmal.

 

[Maik]

SELFHTML: JavaScript / Objektreferenz / all:

• offsetHeight (Höhe eines Elements)
• offsetLeft (Links-Wert der linken oberen Elementecke)
• offsetTop (Obenwert der linken oberen Elementecke)
• offsetWidth (Breite eines Elements)

 

[Geflügel]

Danke, auf der Seite steht "Nichtsdestoweniger sollten Sie all nur verwenden, um den Internet Explorer 4.0 zu bedienen."

Okay, Alternative ist dann?

 

[Maik]

Im Absatz darüber wird sie doch genannt -> document.getElementById()