निश्चित चौड़ाई लेआउट कुछ लोकप्रिय ब्राउज़रों के साथ केंद्र में मुश्किल हो सकता है, लेकिन कोड की केवल कुछ पंक्तियों के साथ यह संभव है।
यहाँ कैसे है
- अपने एचटीएमएल संपादक में एक सीएसएस स्टाइलशीट के साथ एक नया वेब पेज बनाएं।
- पृष्ठ पर मुख्य तत्व के रूप में एक div तत्व बनाएं जहां आप पृष्ठ पर सब कुछ संग्रहीत करेंगे।
- उस div तत्व को एक आईडी दें जो पृष्ठ पर अद्वितीय है।
- अपनी सीएसएस स्टाइल शीट खोलें और अपने div तत्व की चौड़ाई निर्धारित करें। div # मुख्य {चौड़ाई: 750 पीएक्स; }
- अपने div को केंद्र में स्वचालित मार्जिन जोड़ें। div # मुख्य {चौड़ाई: 750 पीएक्स; मार्जिन बाएं: ऑटो; मार्जिन-दाएं: ऑटो}
- नेटस्केप 4 के लिए इसे ठीक करने के लिए, और आईई 4 - 6 ( क्विर्क मोड ) शरीर पर एक टेक्स्ट-एलाइन जोड़ें। शरीर {पाठ-संरेखण: केंद्र; }
- लेकिन फिर अंदर के सभी पाठ केंद्रित हैं, इसलिए पाठ-संरेखण जोड़कर अपने # माइन div में टेक्स्ट को फिर से संरेखित करें: बाएं; वहाँ पर। div # मुख्य {चौड़ाई: 750 पीएक्स; मार्जिन बाएं: ऑटो; मार्जिन-दाएं: ऑटो; पाठ-संरेखण: बाएं; }
- अपना पेज और अपनी स्टाइल शीट सहेजें।
- कई वेब ब्राउज़रों में परीक्षण करें।
टिप
यह लेआउट बॉक्स को केन्द्रित करेगा लेकिन इसमें सामग्री नहीं होगी। आंतरिक सामग्री को केंद्रित करने के लिए टेक्स्ट-एलाइन का उपयोग करें।