एक रैपर-div को कैसे केन्द्रित करें और सामग्री नहीं

Question

मैं चाहता हूं कि मेरा पृष्ठ हमेशा सामग्री को प्रभावित किए बिना ब्राउज़र में केंद्रित हो (जैसे संरेखण-पाठ: केंद्र; करता है)। मैं अपने रैपर-डीवी को केंद्र बनाना चाहता हूं .. मैं यह कैसे कर सकता हूं?

SIMPLIFED मौजूदा पेज:

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

पूरे बेला: http://jsfiddle.net/EndQb/

Answer 1

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

से सेट नहीं करना text-align

Answer 2

आप आवरण div के लिए मार्जिन संपत्ति में निम्नलिखित की तरह सेट कर सकते हैं सीएसएस

#wrapper { margin:20px auto } 

Answer 3

रैपर div के लिए अपनी शैली को कुछ सेट करें।

#wrapper { 

width: 841px; 
margin: 0 auto; 

}

इस तरह से आवरण div हमेशा अपनी स्क्रीन चौड़ाई के अनुसार केंद्रित होना होगा। मुझे उम्मीद है यह मदद करेगा।