Zurück   HTML Forum > Programmierung > HTML

HTML In dem Forum bekommst du nützliche Tipps und schnelle Hilfe zu deinen Fragen rund um HTML und XHTML.

Neues Thema erstellen  Antwort
 
Themen-Optionen Thema durchsuchen
Alt 09.04.2010, 11:07   #1
Neuer Benutzer
 
Registriert seit: 09.04.2010
Beiträge: 5
Standard Divcontainer zentrieren

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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</div>
</div>
</td>
</tr>
</table>

</div>

</body>

Geändert von AlexHPS (09.04.2010 um 11:10 Uhr)
AlexHPS ist offline   Mit Zitat antworten
Alt 09.04.2010, 11:18   #2
Administrator
 
Benutzerbild von developr
 
Registriert seit: 11.11.2008
Ort: Bremen
Beiträge: 260
developr eine Nachricht über ICQ schicken developr eine Nachricht über MSN schicken
Standard AW: Divcontainer zentrieren

Statt <div align="center"> versuch es mal mit <div style="margin:auto">.
developr ist offline   Mit Zitat antworten
Alt 09.04.2010, 11:25   #3
Neuer Benutzer
 
Registriert seit: 09.04.2010
Beiträge: 5
Standard AW: Divcontainer zentrieren

das haut auch nicht hin :-( habe ich auch schon mal probiert
AlexHPS ist offline   Mit Zitat antworten
Alt 09.04.2010, 11:31   #4
Administrator
 
Benutzerbild von developr
 
Registriert seit: 11.11.2008
Ort: Bremen
Beiträge: 260
developr eine Nachricht über ICQ schicken developr eine Nachricht über MSN schicken
Standard AW: Divcontainer zentrieren

Dann musst du dem Div vorher eine feste Breite geben.

HTML-Code:
<div style="width:1000px;margin:auto">
developr ist offline   Mit Zitat antworten
Alt 09.04.2010, 11:47   #5
Neuer Benutzer
 
Registriert seit: 09.04.2010
Beiträge: 5
Standard AW: Divcontainer zentrieren

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>
AlexHPS ist offline   Mit Zitat antworten
Neues Thema erstellen  Antwort
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are aus
Pingbacks are aus
Refbacks are aus