Koristite CSS da biste sredili dokument sa fiksnom rasporedom širine

Rasporedi fiksne širine mogu se teško centrirati sa nekim popularnim pretraživačima, ali je moguće, sa samo nekoliko linija koda.

Evo kako

1. Napravite novu Web stranicu sa CSS stylesheetom u HTML editoru.
2. Napravite element div kao glavni element na stranici na kojoj ćete čuvati sve na stranici.
3. Dajte tom elementu div identitet koji je jedinstven na stranici.
4. Otvorite CSS stilski list i podesite širinu svog div elementa. div # main {širina: 750px; }
5. Dodajte automatske margine da biste usredsredili svoj div. div # main {širina: 750px; margin-left: auto; margin-right: auto}
6. Da biste ga popravili za Netscape 4 i IE 4-6 (režim quirks ) dodajte poravnavanje teksta na telo. body {text-align: center; }
7. Ali tada je celokupan tekst usredsređen, tako da ponovo unesite tekst u svoj #main div dodavanjem tekstualnog poravnanja: lijevo; tamo. div # main {širina: 750px; margin-left: auto; margin-right: auto; tekstualno poravnanje: lijevo; }
8. Sačuvajte svoju stranicu i svoj stilski stil.
9. Testirajte u nekoliko Web pregledača.

Savjet

Ovo će srediti okvir za postavljanje, ali ne i sadržaj unutar njega. Koristite poravnavanje teksta da biste usredsredili unutrašnji sadržaj.