DIV TAG: Absolute Position definieren

[madmarian]

Hallo, ich bin ein eingerosteter Webdesigner und will für ein ausklapp-Menü in Layern die Position relativ zu einem bestimmten punkt definieren, den ich via <DIV> Tag festlegen wollte. Weiss jemand, wie man dies anstellt?

-ich möchte die Menüleiste (rechts) als absoluten Null-Punkt definieren, setze da also den DIV...

 

[dms]

Ich weis nun nicht ob ich Dich richtig verstanden habe.

Angenommen Du hast 2 Div's und das erste ist irgendwie (absolut oder relativ) positioniert, dann kannst Du das zweite Div relativ dazu positionieren indem Du ihm ein position:absolute verpasst. Absolut ist dann nicht mehr absolut sondern relativ zum übergeordneten Element. Verwirrend!

<div style="position:absolute;top:10px;left:10px;">
   <div style="position:absolute;top:10px;left:10px;"></div>
</div>

Das verschachtelte Div würde dann auf Position 20px:20px sitzen.

 

[madmarian]

der eine DIV soll in einer zentrierten Tabelle sitzen. je nach fenstergröße variiert natürlich die Position; der Layer soll dann absolut im verhältnis zum DIV-Tag positioniert sein. dafür möchte ich erst einmal den DIV definieren (position absolut?), und muss dann irgendwie dem Layer sagen, dass er sich an diesem DIV, und nicht am browserrand zu orientieren hat... klang ganz logisch für mich, aber ich weiss nicht, wie ich es umsetze... kann die datei ja mal hochladen...

 

[madmarian]

....ich glaub, ich verstehe, was du meinst... das kann gehen... bekomme hier den quelltext nicht gepostet... poste gleich mal mein ergebnis...

edit: nein, klappt nicht, denn dein erstes DIV definiert zwar für den zweiten DIV den nullpunkt, aber wie kann ich dem ersten DIV eine absolute Position in abhängigkeit zu seiner position in der tabelle z.B. oder zu einem Bild geben?

 

[maceis]

"position: absolute" bedeutet immer absolut im Verhältnis zum übergeordneten Element.
Wenn Du eine Position in Abhängigkeit zu einer Tabelle/einem Bild definieren möchtest, musst Du die Tabelle/das Bild in einen Container stecken.
Kann leicht sein, dass Du dann ein div in einem div in einem div bekommst .

 

[madmarian]

es klappt es klappt es klappt!

-ich hatte den div-tag geschlossen, und dann den zweiten gebracht, dann geht das natürlich nicht.
So geht's:

div style="position:absolute"
div id="layer1" style="position:absolute; left:190px; top:-1px; visibility: hidden;"
/div/div


weiss nicht, ob es so 100% richtig ist, aber es funktioniert.

danke jungs, so easy... mannomann... dabei habe ich im Internet solche Anwendungen noch nie funktionierend gesehen... whatsoever, ich poste mal den Link, sobald die site online ist... momentan war das nur das Template, hab noch keinen webspacce dafür...

edit: hab die klammern weggenommen, da sonst der text ausgeblendet wurde... wie fügt man code ein, der sichtbar bleiben soll? Mit

 geht es nicht, zumindest hier eben...