ठराविक रूंदीचे लेआउट काही लोकप्रिय ब्राऊझरसह एकत्र करणे कठिण असू शकतात, परंतु कोडच्या केवळ काही ओळी असल्यास, शक्य आहे.
येथे कसे आहे
- आपल्या HTML एडिटरमध्ये एक सीएसएस स्टाइलशीटसह एक नवीन वेब पृष्ठ तयार करा.
- पृष्ठावर मुख्य घटक म्हणून एक div घटक तयार करा जेथे आपण पृष्ठावर प्रत्येकगोष्ट संचयित कराल.
- त्या डिव्हिजन घटकांना पृष्ठावर अद्वितीय असलेली एक आयडी द्या.
- आपली CSS शैली पत्रक उघडा आणि आपल्या div घटकाची रूंदी सेट करा. div # मुख्य {रूंदी: 750px; }
- आपल्या डिव्ही केंद्र करण्यासाठी स्वयंचलित मार्जिन जोडा. div # मुख्य {रूंदी: 750px; समास-डावीकडे: स्वयं; समास-उजवीकडे: स्वयं}
- नेटस्केप 4 साठी ते निराकरण करण्यासाठी, आणि IE 4-6 ( शुक्राणू मोड ) शरीरावर मजकूर-संरेखन जोडा. शरीर {मजकूर-संरेखन: केंद्र; }
- परंतु नंतर आत असलेला सर्व मजकूर मध्यभागी आहे, त्यामुळे मजकूर-संरेखन जोडून #ainain div मध्ये मजकूर पुन्हा संरेखित करा: डावीकडे; तिकडे आत. div # मुख्य {रूंदी: 750px; समास-डावीकडे: स्वयं; समास-उजवी: स्वयं; मजकूर-संरेखन: डावीकडे; }
- आपले पृष्ठ आणि आपल्या शैली पत्रक जतन करा.
- अनेक वेब ब्राउझरमध्ये चाचणी घ्या
टीप
हे लेआउट बॉक्सचे केंद्र करेल परंतु त्यात असलेल्या सामग्रीस नाही. आंतरिक सामग्री केंद्र करण्यासाठी मजकूर-संरेखन वापरा.