Použite CSS na centrovanie dokumentu s rozložením pevnej šírky

Rozloženia s pevnou šírkou môžu byť ťažké v centre s niektorými z populárnych prehliadačov vonku, ale je to možné len s niekoľkými riadkami kódu.

Vytvorte novú webovú stránku so štýlom šablón CSS vo vašom HTML editori.
Vytvorte element div ako hlavný prvok na stránke, kde budete všetko uložiť na stránke.
Zadajte element div jedinečné ID na stránke.
Otvorte svoj štýl štýlu CSS a nastavte šírku svojho elementu div. div # main {šírka: 750px; }
Pridajte automatické okraje do stredu svojho div. div # main {šírka: 750px; margin-left: auto; margin-right: auto}
Ak to chcete opraviť pre program Netscape 4 a IE 4 - 6 ( režim quirks ), pridajte textové zarovnanie na telo. body {text-align: center; }
Ale potom všetok text vo vnútri je vycentrovaný, takže znova zarovnať text do #main div pridaním text-align: left; tam. div # main {šírka: 750px; margin-left: auto; margin-right: auto; text-zarovnanie: vľavo; }
Uložte svoju stránku a štýl štýlu.
Testujte vo viacerých webových prehliadačoch.

Toto bude zameriavať pole rozloženia, ale nie obsah v ňom. Pomocou textového zarovnania centrovať vnútorný obsah.

Alike posts