Većina stranica danas je postavljena pomoću slojeva (div), tako da se problem poravnavanja web stranice prema središtu 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.
Nužno je
Osnovno znanje HTML i CSS jezika
Upute
Korak 1
Postavite sloj koji želite postaviti u središte prozora, između otvaranja i zatvaranja 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 upotrijebiti 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
3. korak
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 će slučaju isti kod izgledati ovako:
Središnja stranica
#pageFrame {
širina: 700px;
visina: 400px;
pozadina: # 0BB;
marža: 0 auto;
}
tekst stranice
