Hallo,
Folgendes: Ich habe in einem Eltern-div zwei andere divs, und möchte diese beiden divs überlappen lassen. Ich kenne zwei Methoden um Design zu zentrieren, aber keine funktioniert:
Methode 1 (Pseudocode):
<body style="text-align:center">
<div id="Elterndiv" style="text-align:left; margin 0 auto;"
<div id="kind1"></div>
<div id="kind2"></div>
</div>
</body>
Problem: Die beiden Kinderebenen können nicht übereinandergelegt werden, außer man gibt ihnen position:absolute mit, dann aber bezieht sich ihre Positionierung nicht auf das Elterndiv sondern auf den body. Gibt man dem Elterndiv ebenfalls position:absolute mit, dann fällt die linke Seite des Elterndiv mit der Seitenmitte zusammen...
Methode 2 (Pseudocode)
<div id="Elterndiv" style="position=absolute; left:50%; width=400px; margin-left: -200px"
<div id="kind1"></div>
<div id="kind2"></div>
</div>
Gibt man hier den kind-divs position:absolute, dann kann man die wunderbar übereinander platzieren, aber natürlich:
Problem Poblem Popel Popo Pops Pups:
Wenn man das Browserfenster verkleinert, dann wandert die linke Seite des Elterndivs über die linke Seite des Browserfensters hinaus => Navigationsmenü nicht mehr zu erreichen.
Weiß jemand wie ich's richtig machen kann?
mfG Frank
