CSS/ HTML : Centrer mon site au milieu du nav [Résolu/Fermé]

Signaler
Messages postés
27
Date d'inscription
lundi 3 octobre 2011
Statut
Membre
Dernière intervention
20 avril 2012
-
Messages postés
27
Date d'inscription
lundi 3 octobre 2011
Statut
Membre
Dernière intervention
20 avril 2012
-
Bonjour,

je viens de commencer a créer des sites web, et j'ai eu un petit souci. Voila, j'ai eu ma page principale en découpant une maquette créée sur photoshop, et ce en générant les CSS (par id) aussi, donc pas de prob jusqu'à là. (je travail sur dreamweaver)
donc, le tout se présente sous forme de <div>, mais tout le site s'affiche complétement a gauche du navigateur quand je fais le F12.

je voudrais savoir si c'est possible que mon site s'affiche au centre du navigateur.

J'ai essayer de changé les valeur position dans les CSS, de absolute a relative mais g eu toute la page en desordre.

merci pour votre aide

5 réponses

Messages postés
33
Date d'inscription
dimanche 9 octobre 2011
Statut
Membre
Dernière intervention
4 mars 2012
7
avez vous essayer d'ajouter un text-align:center; à vos div !! !
Messages postés
1807
Date d'inscription
lundi 19 juillet 2010
Statut
Membre
Dernière intervention
1 février 2013
162
dans le css, rajouter cette ligne :
body{ text-align:center;}
normalement ça devrait faire l'affaire.
Messages postés
27
Date d'inscription
lundi 3 octobre 2011
Statut
Membre
Dernière intervention
20 avril 2012
3
en fait ca , ca va juste me centrer les textse, moi jparle du site en entier :(
Messages postés
33
Date d'inscription
dimanche 9 octobre 2011
Statut
Membre
Dernière intervention
4 mars 2012
7
veuillez tester , text-align ;centre ; centre même les images et les bloc div
Messages postés
27
Date d'inscription
lundi 3 octobre 2011
Statut
Membre
Dernière intervention
20 avril 2012
3
je pense que c résolu comme suit :
dans le css du div du conteneur j'ai mis ca :
#Conteneur_principal {
position: relative ;
margin-left: auto;
margin-right: auto;
text-align: center;
width:60%;
height:765px;
}

je l'ai mis en relative, sachant que les autres <div> inclus dans ce même conteneur sont en absolute, pcq c une découpe par photoshop, et donc pour garder tous les éléments à leurs places respective, par exemple:

#banniere_haut {
position:absolute;
left:0px;
top:0px;
width:980px;
height:147px;
}

mais le text-align : center; a été très utile merci beaucoup mc4us et flow78, c très gentil a vous.