Većina stranica danas je postavljena pomoću slojeva (div), tako da se problem poravnavanja web stranice prema centru prozora preglednika svodi na zadatak centriranja sloja koji određuje širinu vidljivog područja stranice. Da bi se mogao postaviti na sredinu prozora, potrebno je postaviti odgovarajuće postavke za njegov nadređeni element ili za sam taj blok.
Neophodno je
Osnovno znanje HTML i CSS jezika
Instrukcije
Korak 1
Postavite sloj koji želite postaviti u središte prozora, između početnih i zatvarajućih dijelova središnje oznake, ako želite samo pomoću sredstava HTML jezika (HyperText Markup Language - "jezik za označavanje hiperteksta"). Pretpostavit ćemo da je nadređeni sloj koji definira granice stranice tijelo ove stranice. Najjednostavnija verzija HTML koda koja koristi središnju oznaku u ovom slučaju može izgledati ovako:
Središnja stranica
tekst stranice
Korak 2
Ako želite koristiti CSS (Cascading Style Sheets) za centriranje stranice, upotrijebite automatsko određivanje veličine obloga s granica prozora preglednika. Veličine margina u CSS-u određuju se parametrom margine. Uklonite središnje oznake iz prethodnog uzorka i dodajte parametar margine 0 auto atributu sloja koji definira širinu stranice:
Središnja stranica
tekst stranice
Korak 3
Definicija stila se naravno može izvaditi iz atributa stila i staviti u vanjsku datoteku ili u glavu dokumenta (između oznaka i). U ovom slučaju, isti kod će izgledati ovako:
Središnja stranica
#pageFrame {
širina: 700px;
visina: 400px;
pozadina: # 0BB;
marža: 0 auto;
}
tekst stranice
