Használja a CSS-t a Fix szélességű elrendezésű dokumentum középpontba helyezéséhez

A fix szélességű elrendezések nehézkesek lehetnek a népszerű böngészők némelyikénél, de lehetséges, csak néhány sornyi kóddal.

Hozzon létre egy új weboldalt egy CSS-stíluslap segítségével a HTML-szerkesztőben.
Hozzon létre egy div elemet az oldal fő elemeként, ahol mindent el tud tárolni az oldalon.
Adja meg a div elemnek egy egyedi azonosítót az oldalon.
Nyissa meg a CSS stíluslapját, és állítsa be a div elem szélességét. div # main {width: 750px; }
Adjon automatikus margókat, hogy középre tudja állítani divját. div # main {width: 750px; margin-left: automatikus; margin-right: auto}
A Netscape 4 és az IE 4 - 6 ( quirks mód ) javításához a szöveghez igazítsa a szöveget. test {text-align: center; }
De a belső szöveg egésze középre van állítva, ezért igazítsa újra a szöveget a #main divjába szöveg-igazítással: left; ott. div # main {width: 750px; margin-left: automatikus; margin-right: automatikus; text-align: left; }
Mentse oldalát és stíluslapját.
Teszteljen több webböngészőben.

Ez központosítja az elrendezést, de nem a benne lévő tartalmat. Használja a szöveges igazítást a belső tartalom központosításához.

Alike posts