ਸਥਿਰ ਚੌੜਾਈ ਲੇਆਉਟ ਇੱਥੇ ਕੁਝ ਪ੍ਰਸਿੱਧ ਬ੍ਰਾਉਜ਼ਰਸ ਦੇ ਨਾਲ ਕੇਂਦਰ ਕਰਨ ਲਈ ਔਖਾ ਹੋ ਸਕਦਾ ਹੈ, ਪਰੰਤੂ ਕੋਡ ਦੇ ਸਿਰਫ ਕੁਝ ਲਾਈਨਾਂ ਦੇ ਨਾਲ ਇਹ ਸੰਭਵ ਹੈ.
ਇੱਥੇ ਕਿਵੇਂ ਹੈ
- ਆਪਣੇ HTML ਸੰਪਾਦਕ ਵਿੱਚ ਇੱਕ CSS ਸਟਾਇਲਸ਼ੀਟ ਦੇ ਨਾਲ ਨਵਾਂ ਵੈਬ ਪੇਜ ਬਣਾਉ.
- ਪੰਨੇ ਤੇ ਮੁੱਖ ਤੱਤ ਦੇ ਰੂਪ ਵਿੱਚ ਇੱਕ ਡੀਵੀ ਤੱਤ ਬਣਾਉ ਜਿੱਥੇ ਤੁਸੀਂ ਹਰ ਚੀਜ਼ ਪੰਨੇ ਤੇ ਸਟੋਰ ਕਰੋਗੇ.
- ਉਸ ਡਵੀਜ਼ਨ ਐਲੀਮੈਂਟ ਨੂੰ ਉਹ ID ਦਿਓ ਜੋ ਸਫ਼ੇ ਤੇ ਵਿਲੱਖਣ ਹੈ.
- ਆਪਣੀ CSS ਸਟਾਈਲ ਸ਼ੀਟ ਖੋਲ੍ਹੋ ਅਤੇ ਆਪਣੇ div ਤੱਤ ਦੀ ਚੌੜਾਈ ਸੈਟ ਕਰੋ. div # ਮੁੱਖ {ਚੌੜਾ: 750 ਪੈਕਸ; }
- ਆਪਣੇ DIV ਨੂੰ ਕੇਂਦਰਿਤ ਕਰਨ ਲਈ ਆਟੋਮੈਟਿਕ ਮਾਰਜਿਨ ਜੋੜੋ div # ਮੁੱਖ {ਚੌੜਾ: 750 ਪੈਕਸ; ਹਾਸ਼ੀਏ ਤੋਂ ਖੱਬੇ: ਆਟੋ; ਹਾਸ਼ੀਏ-ਸੱਜੇ: ਆਟੋ}
- ਇਸ ਨੂੰ ਨੈੱਟਸਕੇਪ 4 ਲਈ ਠੀਕ ਕਰਨ ਲਈ, ਅਤੇ IE 4-6 ( ਕਾਇਰਕਟ ਮੋਡ ) ਸਰੀਰ ਤੇ ਇੱਕ ਪਾਠ-ਅਲਾਈਨ ਸ਼ਾਮਲ ਕਰੋ. body {text-align: centre; }
- ਪਰ ਫਿਰ ਅੰਦਰਲੇ ਸਾਰੇ ਪਾਠ ਨੂੰ ਕੇਂਦਰਿਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ, ਇਸ ਲਈ ਟੈਕਸਟ-ਅਲਾਈਨ ਨੂੰ ਜੋੜ ਕੇ ਆਪਣੇ # ਮੁੱਖ ਭਾਗ ਵਿੱਚ ਟੈਕਸਟ ਨੂੰ ਮੁੜ-ਅਲਾਈਨ ਕਰੋ: ਖੱਬੇ; ਉੱਥੇ ਵਿਚ div # ਮੁੱਖ {ਚੌੜਾ: 750 ਪੈਕਸ; ਹਾਸ਼ੀਏ ਤੋਂ ਖੱਬੇ: ਆਟੋ; ਹਾਸ਼ੀਆ-ਸੱਜਾ: ਆਟੋ; text-align: left; }
- ਆਪਣੇ ਪੰਨੇ ਅਤੇ ਆਪਣੀ ਸ਼ੈਲੀ ਸ਼ੀਟ ਨੂੰ ਸੁਰੱਖਿਅਤ ਕਰੋ
- ਕਈ ਵੈਬ ਬ੍ਰਾਉਜ਼ਰ ਵਿੱਚ ਟੈਸਟ ਕਰੋ.
ਟਿਪ
ਇਹ ਲੇਆਉਟ ਬਾੱਕਸ ਦਾ ਕੇਂਦਰ ਹੋਵੇਗਾ ਪਰ ਇਸਦੇ ਅੰਦਰਲੀ ਸਮੱਗਰੀ ਨਹੀਂ. ਅੰਦਰਲੀ ਸਮੱਗਰੀ ਨੂੰ ਕੇਂਦਰਿਤ ਕਰਨ ਲਈ ਟੈਕਸਟ-ਅਲਾਈਨ ਕਰੋ