Actualment, la majoria de pàgines es distribueixen mitjançant capes (div), de manera que el problema d’alinear el lloc al centre de la finestra del navegador es redueix a la tasca de centrar la capa que determina l’amplada de l’àrea visible de la pàgina. Per tal que es pugui situar al centre de la finestra, cal establir els paràmetres adequats per al seu element pare o per a aquest bloc.
És necessari
Coneixements bàsics de llenguatges HTML i CSS
Instruccions
Pas 1
Col·loqueu la capa que vulgueu situar al centre de la finestra, entre les parts d'obertura i tancament de l'etiqueta central, si voleu fer-ho només amb els mitjans del llenguatge HTML (HyperText Markup Language - "llenguatge de marcatge hipertext"). Suposarem que el pare de la capa que defineix els límits de la pàgina és el cos d’aquesta pàgina. En aquest cas, la versió més simple del codi HTML que utilitza l'etiqueta central pot ser així:
Pàgina central
text de la pàgina
Pas 2
Si voleu utilitzar CSS (Cascading Style Sheets) per alinear la pàgina al centre, utilitzeu el dimensionament automàtic del farciment des de les vores de la finestra del navegador. Les mides de marge a CSS estan determinades pel paràmetre de marge. Traieu les etiquetes centrals de la mostra anterior i afegiu un paràmetre de marge de 0 automàtic a l'atribut d'estil de la capa que defineix l'amplada de la pàgina:
Pàgina central
text de la pàgina
Pas 3
Per descomptat, la definició d'estil es pot treure de l'atribut style i col·locar-la en un fitxer extern o al cap del document (entre les etiquetes i). En aquest cas, el mateix codi tindrà aquest aspecte:
Pàgina central
#pageFrame {
amplada: 700 px;
alçada: 400 px;
antecedents: # 0BB;
marge: 0 automàtic;
}
text de la pàgina
