స్థిర వెడల్పు లేఅవుట్ అక్కడ ప్రముఖ బ్రౌజర్లలో కొన్ని కేంద్రంగా కష్టం, కానీ కోడ్ మాత్రమే కొన్ని పంక్తులు తో, సాధ్యమే.
ఇక్కడ ఎలా ఉంది
- మీ HTML ఎడిటర్లో CSS శైలితో క్రొత్త వెబ్ పేజీని సృష్టించండి.
- మీరు పేజీలో ప్రతిదీ నిల్వ చేస్తాము పేరు పేజీలో ప్రధాన మూలకం ఒక div మూలకం సృష్టించండి.
- ఆ డివై మూలకం పేజీలో ప్రత్యేకమైన ఒక ID ఇవ్వండి.
- మీ CSS స్టైల్ షీట్ తెరిచి మీ DIV మూలకం యొక్క వెడల్పును సెట్ చేయండి. div # main {width: 750px; }
- మీ DIV కేంద్రంగా ఆటోమేటిక్ అంచులను జోడించండి. div # main {width: 750px; మార్జిన్-ఎడమ: ఆటో; మార్జిన్-కుడి: ఆటో}
- Netscape 4 మరియు IE 4 - 6 ( క్విర్క్స్ మోడ్ ) కోసం దీనిని పరిష్కరించడానికి శరీరానికి టెక్స్ట్-సమలేఖనాన్ని జోడించండి. శరీరం {text-align: center; }
- కానీ లోపల అన్ని వచనాలు కేంద్రీకృతమై ఉన్నాయి, కాబట్టి టెక్స్ట్-సమలేఖనం జోడించడం ద్వారా మీ # మైన్ div లో వచనాన్ని తిరిగి అమర్చండి: ఎడమ; లోపల వుంది. div # main {width: 750px; మార్జిన్-ఎడమ: ఆటో; మార్జిన్-కుడి: ఆటో; టెక్స్ట్-సమలేఖనం: ఎడమ; }
- మీ పేజీ మరియు మీ శైలి షీట్ను సేవ్ చేయండి.
- అనేక వెబ్ బ్రౌజర్లలో పరీక్షించండి.
చిట్కా
ఇది లేఅవుట్ బాక్స్ కేంద్రీకృతమై ఉంటుంది కానీ దానిలోని కంటెంట్ కాదు. అంతర్గత కంటెంట్ను కేంద్రీకరించడానికి టెక్స్ట్-సమలేఖనాన్ని ఉపయోగించండి.