पाद लेख केंद्रित सहायता

Question

मेरे पास एक बहुत ही सरल सवाल है जो मेरा मानना ​​है। मेरे पास एक footer.php है जिसे मैंने अपने मुख्य पृष्ठ और सभी उपपृष्ठों पर रखा है (इसे आसान बनाने के लिए, इसलिए मैं एक स्थान पर पाद लेख बदल सकता हूं)। और मैं इसे बनाने की कोशिश कर रहा हूं ताकि फूटर फिक्स्ड चौड़ाई के केंद्र में बना रहता है इससे कोई फर्क नहीं पड़ता कि ब्राउजर विंडो का आकार क्या है। उदाहरण के लिए, मैं चाहता हूं कि मेरे पेज 950 पीएक्स चौड़ाई हों और पाद लेख हमेशा केंद्र में हों, ताकि जब भी मैं ब्राउजर को जितना छोटा हो उतना छोटा कर दूं, तो यह केवल फूटर को कोवर्स करता है, बल्कि इसे आकार बदलने वाली विंडो के साथ ले जाता है। Apple.coms पाद लेख की तरह।

आपकी मदद

Answer 1

अपने मार्कअप में:

<div id="footer-container"> 
    <div id="footer"> 
     Footer stuff 
    </div> 
</div> 

और अपने सीएसएस में:

#footer-container { 
    /* centering for IE */ 
    text-align: center; 
} 
#footer { 
    width: 950px; 
    /* undo text-align on container */ 
    text-align: left; 
    /* centering for other browsers */ 
    margin: auto; 
} 

---

संपादित करें: मैं अन्य समाधान में से कुछ पर इस टिप्पणी डाल रहा था, लेकिन नष्ट कर दिया उन्हें, क्योंकि मैं नहीं था ' टी उन सभी पर कॉपी/पेस्ट करना चाहते हैं। बस कृपया ध्यान रखें कि margin: auto IE के पुराने संस्करणों में काम नहीं करता है, इसलिए यदि आप बीच में गठबंधन करने वाले पाद लेख को रखना चाहते हैं, तो आपको कुछ घोंसले करना होगा, जैसा कि मेरे पास है।

Answer 2

सीधे शब्दों में width: 950px, और margin-left:auto; margin-right:auto; सेट के लिए धन्यवाद।

auto पर बाएं/दाएं मार्जिन के साथ, <div> केंद्रित होगा। एक बार ब्राउज़र का आकार उस बिंदु तक पहुंच जाता है जहां स्क्रॉलिंग की आवश्यकता होती है, ब्राउज़र आपके <div> को कम नहीं करेगा, इसके लिए आपको बाएं/दाएं स्क्रॉलिंग की आवश्यकता होगी, जो आपकी सामग्री के लिए आवश्यक है।

Answer 3

तुम सिर्फ अपने पाद लेख के width सेट करें और फिर इसे देने के लिए जरूरत है एक margin:0 auto जहां ऊपर और नीचे मार्जिन के लिए 0 खड़ा और auto छोड़ दिया और सही के लिए है।

Answer 4

मुझे लगता है कि आप सीएसएस का एक छोटा सा के साथ इसे हल कर सकते हैं:

एचटीएमएल & php:

<div id="footer"> 
<?php include("footer.php"); ?> 
</div> 

सीएसएस:

#footer { 
margin: 0 auto; 
text-align: center; 
} 

आशा इस मदद करता है! :)