La plupart des pages sont aujourd'hui disposées à l'aide de calques (div), de sorte que le problème d'alignement du site au centre de la fenêtre du navigateur se réduit à la tâche de centrer le calque qui détermine la largeur de la zone visible de la page. Pour qu'il soit positionné au milieu de la fenêtre, il est nécessaire de définir les paramètres appropriés pour son élément parent, ou pour ce bloc lui-même.
Il est nécessaire
Connaissance de base des langages HTML et CSS
Instructions
Étape 1
Placez le calque que vous souhaitez positionner au centre de la fenêtre, entre les parties d'ouverture et de fermeture de la balise centrale, si vous souhaitez le faire simplement à l'aide du langage HTML (HyperText Markup Language - "hypertext markup language"). Nous supposerons que le parent du calque qui définit les bordures de la page est le corps de cette page. La version la plus simple du code HTML utilisant la balise center dans ce cas pourrait ressembler à ceci:
Page centrale
texte de la page
Étape 2
Si vous souhaitez utiliser CSS (Cascading Style Sheets) pour aligner la page au centre, utilisez le dimensionnement automatique du rembourrage à partir des bordures de la fenêtre du navigateur. Les tailles de marge dans CSS sont déterminées par le paramètre margin. Supprimez les balises centrales de l'exemple précédent et ajoutez un paramètre de marge de 0 auto à l'attribut de style du calque qui définit la largeur de la page:
Page centrale
texte de la page
Étape 3
Bien entendu, la définition du style peut être extraite de l'attribut style et placée dans un fichier externe ou dans l'en-tête du document (entre les balises et). Dans ce cas, le même code ressemblera à ceci:
Page centrale
#pageFrame {
largeur: 700px;
hauteur: 400px;
arrière-plan: # 0BB;
marge: 0 automatique;
}
texte de la page
