Wie center-wrapper-div und nicht der Inhalt

Ich möchte, dass meine Seite immer zentriert im browser, ohne die Inhalte( wie align-text: center;). Ich möchte Mitte meine wrapper-div.. Wie mache ich das?

Vereinfachte bestehenden Seite:

<div id="wrapper">       
    <div id="header">
        Music Heaven
    </div>
    <div id="topmeny">             
    </div>
    <div id="menu">        
    </div>        
    <div id="content">                  
    </div>           
    <div id="bottom">
        SiteAdmin
    </div>
</div>

Ganze Geige: http://jsfiddle.net/EndQb/

InformationsquelleAutor Omar | 2012-01-02

  1. 20
     #wrapper {
     width: ...
     margin: 0 auto;
 }

    keine Notwendigkeit, um text-align

    Tatsächlich, es ist eine Notwendigkeit: es ist der einzige Weg, um dieses zu erhalten, im IE funktioniert. Sie müssen dann nach Links richtet den text in Elemente innerhalb der Hülle.
    Dies war treu bis zum IE6. IE7+ text-align nicht mehr braucht. siehe jsfiddle.net/7zkZS
    Ach richtig. Ich hatte den Eindruck, war es erforderlich, für den IE8 auch. Vielen Dank für sagen mir etwas anderes 🙂
    Warum kann ich nicht hinzufügen body tag?

    InformationsquelleAutor fcalderan

  2. 2

    Setzen Sie Ihren Stil so etwas wie für den wrapper div.

    #wrapper {

width: 841px;
margin: 0 auto;

    }

    In dieser Art und Weise der wrapper div wird immer zentriert nach Ihren Bildschirm-Breite. Ich hoffe, es hilft.

    InformationsquelleAutor samir chauhan

  3. 1

    können Sie die margin-Eigenschaft für das wrapper-div, die wie folgt in der CSS -

    #wrapper { margin:20px auto }

    InformationsquelleAutor Pankaj Upadhyay

Schreibe einen Kommentar