Comment centrer un wrapper-div et non le contenu

Je souhaite que ma page soit toujours centrée dans le navigateur sans affecter le contenu (comme align-text: center; does). Je veux centrer mon diviseur-div .. Comment est-ce que je fais ceci?Comment centrer un wrapper-div et non le contenu

Simplifed page existante:

<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>

violon entier: http://jsfiddle.net/EndQb/

Source

2012-01-02 Mr.Havoc

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

pas besoin de définir un texte-align

Source

2012-01-02 12:52:40 fcalderan

En fait, il y a un besoin: c'est la seule façon de faire fonctionner IE. Vous devez ensuite aligner le texte dans les éléments contenus dans le wrapper. – Bojangles

C'était vrai jusqu'à IE6. Sur IE7 + texte-aligner n'a plus besoin. voir http://jsfiddle.net/7zkZS/ – fcalderan

Oh, c'est vrai. J'étais sous l'impression qu'il était nécessaire pour IE8 même. Merci de me dire le contraire :-) – Bojangles

vous pouvez définir la propriété de marge pour la div wrapper comme suit dans CSS

#wrapper { margin:20px auto }

Source

2012-01-02 12:53:31

Réglez votre style quelque chose comme pour la div wrapper.

#wrapper { 

width: 841px; 
margin: 0 auto;

}

De cette façon, l'emballage div sera toujours centrée en fonction de la largeur de votre écran. J'espère que ça aide.

Source

2012-01-02 12:56:04

Comment centrer un wrapper-div et non le contenu

Répondre

Questions connexes