Divcontainer zentrieren

AlexHPS · 09.04.2010

Hallo, ich habe folgendes Problem, ich habe eine Homepage erstellt, welche auch "eigentlich funktioniert" nur hat sie ein Problem.
Erstellt wurde sie bei einer Bildschirmauflösung von 1024*786 da ist es schön ABER:
wenn man mit höherer Auflösung rangeht verschiebt sich alles.
Meine Frage:
Wie bekomme ich es hin das alles Zentriert bleibt egal welche Auflösung.
Ich hoffe ich finde Rat, es war ganz schön langwierig die Seite aufzubauen.
Die Seite ist so gebaut das div´s ein und ausgeschaltet werden.
das heisst ich habe mehrere divs an gleicher Position die ich an und ausschalte via link.
Ich hoffe es wird nicht als Werbung angesehen, aber um es vorzuführen muss ich schon einen Link dahin setzen. Vergebt mir wenn ich gegen irgendwelche Regeln verstosse.
Die seite lautet:
www.gratis-umzugsanfragen.de/list/anfrage.php

ich würde auch den code reinstellen aber der ist sehr lang und unübersichtlich weil FP benutzt.

Ich hoffe es kommen ein Paar für mich verständliche Antworten. Bei google und co auch bei selfhtml usw war ich schon fand nichts für mich verständliches.

Habe es auch schon mal hiermit versucht aber pustekuchen klappt nicht:
<body>
<div align="center">
<table border="1" width="100%">
<tr>
<td align="center" width="100%" height="100%">

-->Div um die beinhalteten divs zu Zentrieren </p>
<div style="position: absolute; align: center; width: 1002; height: 600; z-index: 5; left: 0; top: 0" id="Zentrierrahmen">
-->Div für Banner
<div style="position: absolute; width: 1002; height: 155px; z-index: 4; left: 0; top: 0; background-color: #FFFF00" id="Oben"> </div>

-->Div für die linke Ausgabe
<div style="border-style:solid; border-width:1px; position: absolute;
width: 200px;
height: 600;
z-index: 2;
left: 0px;
top: 156;
background-color: #0000FF; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px"
id="Links"> </div>

-->Div für die mittlere Ausgabe
<div style="border-style:solid; border-width:1px; position: absolute;
width: 600px;
height: 600;
z-index: 1;
left: 201;
top: 156;
background-color: #008000; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px"
id="Mitte"> </div>

-->Div für die rechte Ausgabe
<div style="border-style:solid; border-width:1px; position:
absolute;
width: 200px;
height: 600;
z-index: 3;
left: 802;
top: 156;
background-color: #FF0000; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px"
id="Rechts"> </div>
</div>
</td>
</tr>
</table>

</div>

</body>

developr · 09.04.2010

Statt <div align="center"> versuch es mal mit <div style="margin:auto">.

AlexHPS · 09.04.2010

das haut auch nicht hin :-( habe ich auch schon mal probiert

developr · 09.04.2010

Dann musst du dem Div vorher eine feste Breite geben.

HTML:

<div style="width:1000px;margin:auto">

AlexHPS · 09.04.2010

Klappt immer noch nicht:

<html>

<head>
<title>--</title>
</head>

<body>

<div style="width: 1000px;
margin:auto";
z-index: 5";
id="Rahmen">

<div style="position: absolute;
width: 1002;
height: 155px;
z-index: 4;
left: 0;
top: 0;
background-color: #FFFF00"
id="Oben">
</div>

<div style="border-style:solid; border-width:1px; position: absolute;
width: 600px;
height: 600;
z-index: 1;
left: 201;
top: 156;
background-color: #008000; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px"
id="Mitte">
</div>

<div style="border-style:solid; border-width:1px; position: absolute;
width: 200px;
height: 600;
z-index: 2;
left: 0px;
top: 156;
background-color: #0000FF; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px"
id="Links">
</div>

<div style="border-style:solid; border-width:1px; position:
absolute;
width: 200px;
height: 600;
z-index: 3;
left: 802;
top: 156;
background-color: #FF0000; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px"
id="Rechts">
</div>
</div>
</body>
</html>