Bonjour,
Je voudrais savoir comment faire pour centrer un page web verticalement et horizontalement.
J'ai déjà fais : margin-top, margin-bottom etc.

J'ai cherché sur le site mais je trouve pas.

Avez-vous une solution pour moi ?

Merci d'avance de votre aide.

Je crois que t'as juste besoin de mettre body{margin-auto;} et ça fait l'affaire.
Mais va jetter un coup d'oeil sur le TP pour créer son site web dans le cours de xHTML/CSS, je sais que c'est expliqué.

Sur cette page :

http://www.siteduzero.com/tuto-3-62-1-creons-le-design-de-votre-site-web.html

Tu peux y voir dans le code source du CSS :

Salut,

C'est dans les cours de matéo.
Je te conseil de d'utiliser un tableau, height : 100%, width: 100%
Et ensuite tu met qu'une seule cellule, et vertical-align: middle, text-align: center .

Citation : Metallica_POTTER

Salut,

C'est dans les cours de matéo.
Je te conseil de d'utiliser un tableau, height : 100%, width: 100%
Et ensuite tu met qu'une seule cellule, et vertical-align: middle, text-align: center .

Aaaarg, damnation, je m'étrangle, je me noie !
Combien de fois faudra-t-il le répéter : Pas de tableau pour la mise en page !!!
Il suffit de définir height et margin et de mettre height : auto et margin : auto. Rajoute à cela text-align : center et e sera parfait. Sinon, tu opeux aussi définir tes marges à la main de façon égale, du style margin : 10% (marges de 10% du corps).

En fait moi je l'ai déjà mis "margin: auto;" mais je sais pas si ça vient de ça mais ma mise en page est faites en tableau : j'ai fais 4 tableaux : 1 pour l'en tête, 1 pour le menu, 1 pour le corps et 1 pourle Copyright.
Peut-être que ça vient de là.

Sinon dans mon code .css pour la partie body, j'ai mis :

Citation : Mon body

body
{
width: 760px;
margin: auto;
background-color: navy;
color: white;
margin-top: 20px;
margin-bottom: 20px;
}

Voilà, metrci d'avance de votre aide.

Citation : llouis

Citation : Metallica_POTTER

Salut,

C'est dans les cours de matéo.
Je te conseil de d'utiliser un tableau, height : 100%, width: 100%
Et ensuite tu met qu'une seule cellule, et vertical-align: middle, text-align: center .

Aaaarg, damnation, je m'étrangle, je me noie !
Combien de fois faudra-t-il le répéter : Pas de tableau pour la mise en page !!!
Il suffit de définir height et margin et de mettre height : auto et margin : auto. Rajoute à cela text-align : center et e sera parfait. Sinon, tu opeux aussi définir tes marges à la main de façon égale, du style margin : 10% (marges de 10% du corps).

Désolé . Moi je n'ai pas appris avec matéo, j'ai juste lu ces cours vite fait, moi j'ai apris... En lisant les codes sources de page web .
Et pourquoi, il ne faut pas de tableau pour le mise en page ?

Salut, pour centrer le contenu dans une page
(si on connait les largueurs et hauteur du contenu ):
Il faut positionner en absolu, l'element à centrer à 50% du bord gauche, à 50% du haut;

Puis il faut lui appliquer une marge négative de la moitié de la hauteur ou de la largueur.


Exemple de CSS :

<lien url"=http://openweb.eu.org/articles/problemes_tableaux/">Cet article</lien> devrait t'intéresser !

La spécification du W3C précise que "Les tableaux ne doivent contenir que des données tabulaires".

Merci pour le lien llouis. Moi pour la mise en page je n'utilise que des tableaux , alors...
Il va falloir que je lise les cours de matéo et que je recode le design de ma team .
Mais, si c'est pour une bonne raison .

Ces cours sont eux aussi très rapides et vachement instructifs !

Je crois hélas que de plus en plus de zéros n'aprécient pas la lecture.

C'est bien dommage.

de meme pour moi la balise "margin: auto; " me le colle en haut a gauche.

Il faut une largeur fixe