Sujet Précédent Sujet Suivant

CSS/ HTML : Centrer mon site au milieu du nav

Résolu/Fermé
spokslayk
Messages postés
27
Date d'inscription
lundi 3 octobre 2011
Statut
Membre
Dernière intervention
20 avril 2012
 - Modifié par spokslayk le 9/10/2011 à 00:44
spokslayk
Messages postés
27
Date d'inscription
lundi 3 octobre 2011
Statut
Membre
Dernière intervention
20 avril 2012
 - 9 oct. 2011 à 19:26
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

Réponse 1 / 5
mc4us
Messages postés
33
Date d'inscription
dimanche 9 octobre 2011
Statut
Membre
Dernière intervention
4 mars 2012
 7
9 oct. 2011 à 03:09
avez vous essayer d'ajouter un text-align:center; à vos div !! !
0
Réponse 2 / 5
Flow78
Messages postés
1807
Date d'inscription
lundi 19 juillet 2010
Statut
Membre
Dernière intervention
1 février 2013
 170
9 oct. 2011 à 03:13
dans le css, rajouter cette ligne :
body{ text-align:center;}
normalement ça devrait faire l'affaire.
0
Réponse 3 / 5
spokslayk
Messages postés
27
Date d'inscription
lundi 3 octobre 2011
Statut
Membre
Dernière intervention
20 avril 2012
 4
Modifié par spokslayk le 9/10/2011 à 06:04
en fait ca , ca va juste me centrer les textse, moi jparle du site en entier :(
0
Réponse 4 / 5
mc4us
Messages postés
33
Date d'inscription
dimanche 9 octobre 2011
Statut
Membre
Dernière intervention
4 mars 2012
 7
9 oct. 2011 à 16:19
veuillez tester , text-align ;centre ; centre même les images et les bloc div
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 5
spokslayk
Messages postés
27
Date d'inscription
lundi 3 octobre 2011
Statut
Membre
Dernière intervention
20 avril 2012
 4
9 oct. 2011 à 19:26
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.
0