Moritz: Div-Tags ausrichten

SELF-Forum

Div-Tags ausrichten

Moritz
– Informationen zu den Bewertungsregeln

Hallo,
ich habe einige Probleme mehrere ineinander verschachtelte div-Tags so auszurichten, wie ich es haben möchte.
Als erstes habe ich ein zentral im Fenster ausgerichtetes div-Tag. Darin enthalten sind drei andere, die ich nun versuche mit css in diesem zentrierten tag auszurichten. Wenn ich das mit position:absolute mache, passen sie sich nicht mehr der Zentrierung an und wenn ich es mit position:relative mache, richten sie sich immer dem vorangehenden div-tag aus, nicht aber nach dem übergeordneten.

Hier der Quellcode:
<body>
<!-- Ausrichtung zentriert !-->
<div align="center">

<!-- Positionierungs-div !-->
<div id="mainsite" style="width:950px; height:595px; z-index:1; background-color:#0066CC;" align="left">
asda
<!-- Submenu !-->
<img src="Bilder/submenu.png" style="position:absolute; top:80px; left:0px; width:180px; height:600px;">
<div id="submenu" style="position:absolute; left:13px; top:80px; width:160px; height:570px; z-index:2;">
<h3 style="background-color:#000066; color:#999999; font-size:16px; font-weight:bold;" align="left">&nbsp;&nbsp;Informationen</h3>
</div>

<!-- globales Menü !-->
<img src="Bilder/globalmenu.png" style="position:absolute; top:80px; left:760px; width:200px; height:600px;">
<div id="submenu" style="position:absolute; left:773px; top:80px; width:180px; height:570px; z-index:2;">
<h3 style="background-color:#000066; color:#999999; font-size:16px; font-weight:bold;" align="left">&nbsp;&nbsp;Informationen</h3>
</div>

<!-- Main !-->
<img src="Bilder/main.png" style="position:absolute; top:80px; left:195px; width:550px; height:600px;">
<div id="main" style="position:absolute; left:208px; top:80px; width:530px; height:570px; z-index:2;">
<h3 style="background-color:#000066; color:#999999; font-size:16px; font-weight:bold;" align="left">&nbsp;&nbsp;Informationen</h3>
</div>
</div>
</div>
</center>
</body>

Also wie kann ich es schaffen, dass sich die div-tags nach dem übergeordneten ausrichten lassen?

Vielen Dank,
Moritz

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Div-Tags ausrichten

    wahsaga Homepage des Autors
    – Informationen zu den Bewertungsregeln

    hi,

    Also wie kann ich es schaffen, dass sich die div-tags nach dem übergeordneten ausrichten lassen?

    wie du bereits im archiv recherchiert haben solltest, richtet sich absolute positionierung immer am nächsten vorfahrenelement aus, das eine vom defaultwert static abweichende positionierungsangabe hat.
    nur wenn kein solches vorhanden ist, wird am viewport ausgerichtet.

    gruß,
    wahsaga

    --
    "Look, that's why there's rules, understand? So that you _think_ before you break 'em."
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Div-Tags ausrichten

      Moritz
      – Informationen zu den Bewertungsregeln

      ok, danke  für deine "Hilfe", habe es schon selber geschafft, waren noch einige abschließende div-tags zufiel im Quelltext, die eine fehlerfreie Funktion verhindert haben

      Moritz

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln