• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Div absolute zentrieren, oder wie?

georg33

Neues Mitglied
Hallo Html-Profis,

ich habe ein Problem, wenn ich den aussen Div zentriere dann wird der innen Div verschoben oder andersrum. Besser hier der Code:

HTML:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
body {
    background-image: url(background.gif);
    background-repeat: repeat-x;
    background-color: #CCC;
}

#main {
    background-image: url(backgroundimg.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 863px;
    height: 992px;
    margin: auto;
}

#main .content {
    width:392px;
    height: 292px;
    margin-top: 269px;
    margin-left: 92px;
    text-align: left;
    padding: 10px;
}
</style>
</head>
<body>

<div id="main">
<div class="content">
Beispiel Text
</div>
</div>



</body>

Wie kann ich den aussen Div zentrieren ohne den innen Div zu Beeinflussen? Bitte um Hilfe.

Hat sich erledigt!

#main {
background-image: url(backgroundimg.png);
background-repeat: no-repeat;
position: absolute;
width: 863px;
height: 992px;
left: 50%;
margin-left: -431.5px;

}
 
Zuletzt bearbeitet von einem Moderator:
Wenn du position: absolute; im #main weg lässt würdest Du auch eine normale Zentrierung erreichen.
 
Zurück
Oben