Večina strani je danes postavljenih s pomočjo slojev (div), zato se problem poravnave mesta na sredino okna brskalnika zmanjša na nalogo centriranja sloja, ki določa širino vidnega območja strani. Če ga želite postaviti na sredino okna, morate nastaviti ustrezne nastavitve za njegov nadrejeni element ali za ta blok sam.
Potrebno je
Osnovno znanje jezikov HTML in CSS
Navodila
Korak 1
Postavite plast, ki jo želite postaviti v sredino okna, med odpiralni in zapiralni del osrednje oznake, če želite uporabiti samo sredstva jezika HTML (HyperText Markup Language - "hipertekstni označevalni jezik"). Predpostavili bomo, da je nadrejeni sloj, ki določa meje strani, telo te strani. Najpreprostejša različica kode HTML, ki uporablja sredinsko oznako, je v tem primeru lahko videti tako:
Srednja stran
besedilo strani
2. korak
Če želite uporabiti CSS (Cascading Style Sheets) za poravnavo strani po sredini, uporabite samodejno določanje velikosti oblazinjenja z robov okna brskalnika. Velikosti robov v CSS določajo parametri marže. Odstranite sredinske oznake iz prejšnjega vzorca in dodajte parameter roba 0 auto v atribut sloga sloja, ki določa širino strani:
Srednja stran
besedilo strani
3. korak
Definicijo sloga lahko seveda vzamemo iz atributa sloga in jo postavimo v zunanjo datoteko ali v glavo dokumenta (med oznakama in). V tem primeru bo ista koda videti tako:
Srednja stran
#pageFrame {
širina: 700px;
višina: 400px;
ozadje: # 0BB;
marža: 0 samodejno;
}
besedilo strani
