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