Seite zentrieren

Es gibt 6 Antworten in diesem Thema, welches 2.278 mal aufgerufen wurde. Der letzte Beitrag (15. März 2007 um 09:52) ist von Spreenix.

  • Hi,

    ich habe eine Webseite erstellt, bestehend ausschliesslich aus DIV's. Nun möchte ich diese Seite immer mittig darstellen, das sie also immer in der Mitte des geöffneten Browserfensters erscheint.

    Wie mache ich das? ?(

    Könnt ihr mir da helfen - wäre super :D

    Viele Grüße
    Wolfgang

    Die Perfektion liegt in der Imperfektion

  • Ich würde das per CSS machen:

    div#container {
    margin-left:auto;
    margin-right:auto;
    width: XXXpx;
    }

    dabei ist container der alles umschließende DIV, mit width muss die Breite angegeben werden.

    aber vieleicht gibt es ja auch andere Lösungen

    Spreenix

    vwelten001.jpg

  • Was ich ganz vergessen habe, mit bestimmten Explorerversionen funktioniert das nicht, die kennen ..auto; nicht.
    Hier hab ich noch eine Version die zumindest bei meiner Explorerversion funktioniert:

    div#container {
    position: absolute;
    left: 50%;
    width:XXXpx;
    margin-left: -1/2 XXXpx; also die halbe Breite, der wert ist negativ

    Quelle: Zen und die Kunst des CSS-Designs von Shea/Holzschlag

    Man muss nicht alles wissen Hauptsache man weiß wo es steht. :)


    rammstein

    wenn du einen statischen Container meinst so musst du die Position fixieren, da reicht es nicht bloß die Höhe anzugeben

    Spreenix

    vwelten001.jpg

    Einmal editiert, zuletzt von Spreenix (14. März 2007 um 21:30)

  • Hallo,

    das ist die halbe Breite des Containerelements. Padding und Rahmen müssen mit einbezogen werden. Wenn dein Containerelement 700px breit ist muss da -350 stehen (das war der Beitrag für alle Nichtmathematiker).

    Spreenix

    vwelten001.jpg