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
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
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
A voir également:
- CSS/ HTML : Centrer mon site au milieu du nav
- Editeur html - Télécharger - HTML
- Espace html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- Html download - Télécharger - HTML
- &Nbsp html ✓ - Forum Webmastering
5 réponses
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
9 oct. 2011 à 03:09
avez vous essayer d'ajouter un text-align:center; à vos div !! !
Flow78
Messages postés
1807
Date d'inscription
lundi 19 juillet 2010
Statut
Membre
Dernière intervention
1 février 2013
171
9 oct. 2011 à 03:13
9 oct. 2011 à 03:13
dans le css, rajouter cette ligne :
body{ text-align:center;}
normalement ça devrait faire l'affaire.
body{ text-align:center;}
normalement ça devrait faire l'affaire.
spokslayk
Messages postés
27
Date d'inscription
lundi 3 octobre 2011
Statut
Membre
Dernière intervention
20 avril 2012
5
Modifié par spokslayk le 9/10/2011 à 06:04
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 :(
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
9 oct. 2011 à 16:19
veuillez tester , text-align ;centre ; centre même les images et les bloc div
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
spokslayk
Messages postés
27
Date d'inscription
lundi 3 octobre 2011
Statut
Membre
Dernière intervention
20 avril 2012
5
9 oct. 2011 à 19:26
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.
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.
