✔ Div position

Status
Nicht offen für weitere Antworten.
js-mueller

js-mueller

Erfahrenes Mitglied
Hi,

und zwar möchte ich ein Div auf einer Seite frei verschieben, es soll dabei aber als Mutterelement ein übergeordnetes div bekommen.
Aber es einfach in das übergeordnete div zu schreiben geht nicht, die angabe gehen immernoch vom Browser rand aus.

Code: 
<body>
    <div style="width: 900px; margin: auto">
        <div id="forenThemen" style="position: absolute; width: 237px; height: 124px; z-index:1; left: 30px; top: 150px;">
        
          </div>
    </div>
</body>
Ich hoffe ihr könnt mir helfen
 
So sollte es auch funktionieren:

Code: 
div#box
{
width: 900px;
margin: 10px auto;
border: 1px solid #000;
}

div#forenThemen
{
margin: 150px 0 0 30px;
width: 237px;
height: 124px;
z-index:1;
border: 1px solid #000;
}
HTML: 
<div id="box">parent
     <div id="forenThemen">child</div>
</div>

[editpost]

Alternativer CSS-Code für zentrierte Ausrichtung
Code: 
div#box
{
position: absolute;
left: 50%;
width: 900px;
margin-left: -450px; /* neg. Hälfte von width:900px = horizontal zentriert */
top: 10px;
border: 1px solid #000;
}

div#forenThemen
{
margin: 150px 0 0 30px;
width: 237px;
height: 124px;
z-index:1;
border: 1px solid #000;
}
 
Zuletzt bearbeitet von einem Moderator:
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück