Upotrijebite CSS da centrira dokument s izgledom fiksne širine

Fiksne širine izgleda može biti teško centrirati s nekim od popularnih preglednika vani, ali to je moguće, sa samo nekoliko redaka koda.

Stvorite novu web stranicu s CSS stilskim stilom u HTML editoru.
Izradite element div kao glavni element na stranici na kojoj ćete sve pohraniti na stranici.
Dati taj div element ID koji je jedinstven na stranici.
Otvorite svoj CSS stilski list i postavite širinu div elementa. div # main {width: 750px; }
Dodajte automatske margine da biste centrirali svoj div. div # main {width: 750px; margina-lijevo: auto; margina-desno: auto}
Da biste je popravili za Netscape 4 i IE 4 - 6 ( način rada s preporukama ) dodajte tekstno poravnanje na tijelu. tijelo {text-align: centar; }
No, cijeli je tekst u sredini usredotočen, pa ponovno poravnajte tekst u vašem #main div dodavanjem tekstualnog usklađivanja: lijevo; unutra. div # main {width: 750px; margina-lijevo: auto; margina-desno: auto; tekstno poravnanje: lijevo; }
Spremite stranicu i svoj stilski list.
Testiranje u nekoliko web preglednika.

Ovo će centrirati okvir okvira, ali ne i sadržaj unutar nje. Koristite tekstualni poravnaj da biste centrirali unutarnji sadržaj.

Alike posts