johnny: Positionierung im zentrierten div

Beitrag lesen

Vielen Dank erstmal für eure schnellen Antworten. Allerdings scheine ich mich schlecht ausgedrückt zu haben.

Denn ich will, dass der all-div zentriert auf der Seite ist und die child-divs relativ zu ihm (bzw seiner linken oberen Ecke) positioniert werden. Hier mal ein komplettes Code-Beispiel.

[code lang=html
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<style>
html, body {
font-family: arial;
font-size:11pt;
margin: 0;
text-align: center;
 }

#all {
text-align:left;
margin: 0 auto;
width: 900px;
background-color:red;
height:500px;
}

#banner {
height:100px;
width:900px;
left:100px;
right:100px;
background-color:yellow;
}
#menu {
position:absolute;
height:100px;
width:200px;
left:700px;
top:50px;
background-color:green;
}

</style>
</head>

<body>
<div  id="all">
        <div id="banner"></div>
        <div id="menu"></div>
</div>
</body>

</html>

[/code]

Ich weiß, dass das nicht besonders schön aussieht :) Aber das Problem ist jetzt, dass die grüne Box (div:menu) beim Ändern der Fensterbreite nicht mit dem div:all verschoben wird.

Hoffentlich wisst ihr jetzt was für ein Problem ich habe ;)