Ruedi Hofstetter: Ganze Seite zentrieren

Ich habe mit Dreamweaver 8 eine Website gestaltet: www.lucerneguide.ch
Nachträglich möchte ich, dass alle Seiten auf einem breiteren Bildschirmen zentriert werden. Ich versuche deshalb, den ganzen Seiteninhalt in eine Tabelle einzufügen, was mir jedoch nicht gelingt.
Was wäre die einfachste Lösung?

  1. Hallo

    wie wäre es mit CSS?

      
    body{  
      text-align:center;  
    }  
      
    #container{  
      margin:0 auto;  
      text-align:left;  
    }  
    
    
      
    <body>  
    <div id="container">  
      DEINE Seite  
    </div>  
    </body>  
    
    

    LG
    --
    kEv*
    ----

    1. Hallo keV*!

      [code]
      body{
        text-align:center;
      }

      Text-align ist dafür da _Text_ und inline Elemente auzurichten. Nicht Blockelemente.

      Schönen Gruß

      Afra

  2. Hallo Ruedi!

    Ich habe mit Dreamweaver 8 eine Website gestaltet: www.lucerneguide.ch

    Das sieht man. Vor allem wenn man in den Quelltext schaut. 80% unnötiger Ballast. Wahrscheinlich mehr. Verwende CSS zur Auszeichnung des Markups. Verzichte auf Font.

    Validiere Deinen Quellcode: http://www.validome.org/validate/?uri=http://www.lucerneguide.ch/

    Nachträglich möchte ich, dass alle Seiten auf einem breiteren Bildschirmen zentriert werden. Ich versuche deshalb, den ganzen Seiteninhalt in eine Tabelle einzufügen, was mir jedoch nicht gelingt.
    Was wäre die einfachste Lösung?

    Umschließe Deinen gesamten Inhalt mit einem Container, gib diesem eine Breite. Wähle einen Doctype der den IE aus dem Quirksmode holt und zentriere den Inhalt mit margin auto für left und right.

    Schönen Gruß

    Afra

    1. Hallo afra,

      Nachträglich möchte ich, dass alle Seiten auf einem breiteren Bildschirmen zentriert werden. Ich versuche deshalb, den ganzen Seiteninhalt in eine Tabelle einzufügen, was mir jedoch nicht gelingt.

      Umschließe Deinen gesamten Inhalt mit einem Container, gib diesem eine Breite. Wähle einen Doctype der den IE aus dem Quirksmode holt und zentriere den Inhalt mit margin auto für left und right.

      Wenn Ruedi aber möchte, dass es auch in älteren IEs funktioniert, die nunmal immer im Quirksmode sind, bleibt ihm keine andere Wahl als text-align:center;

        
      body {  
         text-align:center;  
      }  
        
      #AllesDiv {  
         text-align:left;  
         margin:0 auto;  
         width: 780px; /* oder eine andere gewuenschte Breite */  
      }  
      
      

      Ansonsten braucht er auch das umschließende DIV-Element nicht, denn dann kann er ja auch gleich dem BODY-Element die gewünschte Breite verpassen, sowie HTML- und BODY-Element margin:0 auto;.

      Gruß Gernot

      1. Hallo Gernot!

        Wenn Ruedi aber möchte, dass es auch in älteren IEs funktioniert, die nunmal immer im Quirksmode sind, bleibt ihm keine andere Wahl als text-align:center;

        Ich denke aber, dass man _immer_ zuerst auf die Lösungen die zu einer vernünftigen Auszeichnung führen hinweisen sollte. Er schrieb in seinem OP nicht, dass er gerne eine Zentrierung im NN4 oder IE4/5 wünscht.

        Schönen Gruß

        Afra

    2. Hi,

      Umschließe Deinen gesamten Inhalt mit einem Container, gib diesem eine Breite. Wähle einen Doctype der den IE aus dem Quirksmode holt und zentriere den Inhalt mit margin auto für left und right.

      Du meinst wohl in den Standardkonformen Modus. Im Quirksmode tut er es doch gerade nicht.
      Siehe:
      http://de.selfhtml.org/navigation/faq.htm#mittig_zentrierte_inhalte.
      Dort steht, dass es nur im Standardkonformen Modus fuktioniert. Allerdings nur im 6-er.

      Einen schönen Samstag noch!

      --
      Enjoy the Web!
      Firefox 1.5
      1. Hallo D.R.!

        Umschließe Deinen gesamten Inhalt mit einem Container, gib diesem eine Breite. Wähle einen Doctype der den IE aus dem Quirksmode holt und zentriere den Inhalt mit margin auto für left und right.

        Du meinst wohl in den Standardkonformen Modus. Im Quirksmode tut er es doch gerade nicht.

        Genau deshalb schrieb ich auch "aus dem Quirksmode" holen ;o)

        Schönen Gruß

        Afra

  3. Hi,

    Das passt jetzt vielleicht nicht zum Thema, aber warum muss die Seite unbedingt Pixelgenau sein und eine Layouttabelle haben? Wenn ich mir die Seite so anschaue, würe ich sagen:

    • Die Europa-Flagge könnte recht floaten
    • Das Bild könnte, da es für den Inhalt nicht so wichtig ist als Hintergrundbild in einem Div mit fester Höhe (nicht Breite) platziert werden.
    • Die Menüpunkte könnten mit Display:inline nebeneinander angeordnet werden und bei zu kleinen Fentergrößen einfach eine zweite Zeile aufmachen
    • Das Foto könnte links neben dem Text floaten

    Ich sehe also keinen Grund, warum die Seite mir einen horizontalen Scrollbalken aufzwingen sollte. Ich arbeite nämlich nur mit 800x600 Pixeln.

    Einen schönen Samstag noch!

    --
    Enjoy the Web!
    Firefox 1.5