Suurin osa sivuista on nykyään sijoitettu kerroksilla (div), joten ongelma sivuston kohdistamisesta selainikkunan keskustaan pienennetään tehtäväksi keskittää taso, joka määrittää sivun näkyvän alueen leveyden. Jotta se sijoitettaisiin ikkunan keskelle, on asetettava asianmukaiset asetukset sen pääelementille tai tälle lohkolle.
Se on välttämätöntä
Perustiedot HTML- ja CSS-kielistä
Ohjeet
Vaihe 1
Aseta taso, jonka haluat sijoittaa ikkunan keskelle, keskitunnisteen avautuvien ja sulkevien osien väliin, jos haluat tehdä sen vain HTML-kielellä (HyperText Markup Language - "hypertekstien merkintäkieli"). Oletetaan, että sivun reunat määrittävän tason ylätaso on tämän sivun runko. Tässä tapauksessa keskitunnistetta käyttävä HTML-koodin yksinkertaisin versio saattaa näyttää tältä:
Keskimmäinen sivu
sivun teksti
Vaihe 2
Jos haluat keskittää sivun CSS: n (CSS-tyylitaulukot) avulla, käytä täytteen automaattista kokoa selainikkunan rajoista. Marginaalin koot CSS: ssä määritetään marginaalin parametrilla. Poista keskitunnisteet edellisestä näytteestä ja lisää sivun leveyden määrittävän tason tyylimääritteeseen 0 auto marginaalin parametri:
Keskimmäinen sivu
sivun teksti
Vaihe 3
Tietysti tyylimääritelmä voidaan poistaa tyylimääritteestä ja sijoittaa ulkoiseen tiedostoon tai asiakirjan päähän (ja -tagien väliin). Tässä tapauksessa sama koodi näyttää tältä:
Keskimmäinen sivu
#pageFrame {
leveys: 700px;
korkeus: 400px;
tausta: # 0BB;
marginaali: 0 auto;
}
sivun teksti
