Seite wird nicht zentriert dargestellt

[ChrisVonHier]

Hallo zusammen,

vielleicht kann mir hier ja einer helfen. Also ich dachte, ich bin mal so schlau und packe auf meiner Webseite alles in eine Tabelle, also die verschiedenen Ebenen und zentriere diese Tabelle. Allerdings musste ich jetzt feststellen, das das irgendwie nicht so geht wie ich will. Wenn mir einer einen Rat geben könnte wäre ich echt dankbar.

Hier ist mal ein Link zu der Seite (ist aber noch nicht fertig):



Nachdem Eintritt in die Hauptseite ist das erst zu sehen, das alles nur links ist... Ich hab auch schon alles mögliche probiert, mit div-align und sonstigem Kram, nix ging...

LG Chris

 

[Top_Gun]

AW: Seite wird nicht zentriert dargestellt

Mein Rat: Benutze keine Tabelle...

 

[ChrisVonHier]

AW: Seite wird nicht zentriert dargestellt

Aha, also die Tabelle weg und wie kriege ich dann die Seite zentriert? Weil die Ebenen, da gibts ja nicht sowas wie zentrieren, oder hab ich was übersehen?

 

[stb_87]

AW: Seite wird nicht zentriert dargestellt

Die gesamten Elemente in einen div und dann ganz simpel:

#allumfassenderdiv {
width: 900px;
margin: 0px auto;
}

Außerdem kannst du gerne mal die Suchfunktion benutzen. Wir hatten hier vor ca. 2 - 3 Monaten mal eine Diskussion über die horizontale und vertikale Ausrichtung einer Website.

 

[ChrisVonHier]

AW: Seite wird nicht zentriert dargestellt

Danke dir stb_87. Ich hoffe mal, ich finde das was du mir da vorgeschlagen hast. Hatte hier heute auch schon die Suchfunktion benutzt, aber wie gesagt, das mit den div-align bzw. margin:auto ging nicht. Also entferne ich jetzt erstmal die Tabelle und packe alles in eine Ebene. Hoffe, das es so gemeint war.

 

[webginga]

AW: Seite wird nicht zentriert dargestellt

Hallo ChrisvonHier,
hier eine Möglichkeit. Ein div id=wrapper erstellen und ihm die folgenden CSS Eigensachaften zuweisen.
#wrapper {
height: (gewünschte Pixelhöhe des Seiteninhalts)px;
width: (gewünschte Pixelbreite)px;
margin-top: -(halbe Pixelhöhe)px; (optional, nur wenn auch von oben und unten in der Mitte stehend gewünscht)
margin-left: -(halbe Pixelbreite)px;
position: absolute;
left: 50%;
top: 50%;
}
Innerhalb des divs liegen dann deine verschiedenen Seitenteile, was auch immer es ist.
LG Webginga

 

[Top_Gun]

AW: Seite wird nicht zentriert dargestellt

Hallo ChrisvonHier,
hier eine Möglichkeit. Ein div id=wrapper erstellen und ihm die folgenden CSS Eigensachaften zuweisen.
#wrapper {
height: (gewünschte Pixelhöhe des Seiteninhalts)px;
width: (gewünschte Pixelbreite)px;
margin-top: -(halbe Pixelhöhe)px; (optional, nur wenn auch von oben und unten in der Mitte stehend gewünscht)
margin-left: -(halbe Pixelbreite)px;
position: absolute;
left: 50%;
top: 50%;
}
Innerhalb des divs liegen dann deine verschiedenen Seitenteile, was auch immer es ist.
LG Webginga

NEIN! Bloß nicht... keine absolute Positionierung...

stb hat doch schon die beste lösung genannt...

 

[ChrisVonHier]

AW: Seite wird nicht zentriert dargestellt

Alles klar. Danke nochmals, ich muss das dann wohl alles nochmal von vorne in die besagte allumfassende Ebene packen... "snief"

Viel Arbeit, aber ich weiss nun wenigstens, das ich es nicht nochmal in eine Tabelle packe.