[Résolu] Centrage header bloc footer

Bonjour a tous,
Je souhaiterai centrer le texte dans le header les bloc dans le contenu et le texte dans le footer. A l'origine il y a avait a droite un sidebar que j'ai supprimé et donc les éléments du site reste à gauche je souhaiterai tout centré.
Merci d'avance pour votre aide.
Modifié par ancien (09 Feb 2013 - 20:57)

Pour le header,
faut supprimer la "position:absolute" dans #logo et rajouter un text-align:center dans #header

Pour le contenu,
dans #content #colLeft faut supprimer float: left;et changer le margin en margin:0 auto;

Pour le footer,
dans #footerInner .boxFooter supprime float: left; et padding-right: 30px; et ajoute margin: 0 auto;

Tu aurais pu un peu chercher parce que c'est vraiment pas compliquer...
Modifié par Cancre (04 Feb 2013 - 18:22)

Bonjour;

Pour le header:
#logo left:22%;

Pour le contenu et le footer
#colleft et .boxFooter
supprimer le float left et écrire margin-left:auto; margin-right:auto;

Pour le header sa na pas fonctionner c'est centrer en verticale et non horizontale ?
Pour le contenu parfait sa fonctionne
Pour le footer parfait sa fonctionne

Vous avez bien saisi les valeurs que je vous ai données ?

J'ai testé et ça marche.
Modifié par rodolpheb (04 Feb 2013 - 18:27)

J'ai utiliser ce que m'a dit Cancre que dois je faire pour revenir en arrière ?

Le problème c'est qu'entre temps vous changez vos valeurs:


Essayez ça.

#logo {
    font-size: 60px;
     margin-left: auto;
    margin-right: auto;
    width: 530px;
}

Sa se rapproche mais c'est encore en haut et pas très bien centrer

Pour le centrage horizontale 520px

verticale padding-top: 90px;

Essayez de vous familiariser avec le code, parce que visiblement vous n'y comprenez rien.

Je commence a comprendre doucement
Donc la c'est au bon endroit il manque plus que le titre qui n'est pas centrer

essayez #logo img avec marin left et right en auto

#logo img {
margin-left:auto;
margin-right:auto;
}

J'ai rajouté ce que vous m'avez dit le titre n'a pas bouger.

#logo img {
margin-left: 70px;
}

Parfait sa fonctionne je suis trop content merci beaucoup pour ton aide.

De rien; marquez votre message en résolu et bon courage.

Résolu

Non: éditez votre premier message et cliquez sur résolu