Ma div ne se centre pas...
Résolu
yelem
Messages postés
74
Date d'inscription
Statut
Membre
Dernière intervention
-
Nyctaclope Messages postés 5315 Date d'inscription Statut Membre Dernière intervention -
Nyctaclope Messages postés 5315 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Voilà, je fais un petit site internet tout ce qu'il y a de plus basique avec un menu et un corps de page. Mon problème est que mon menu est centré tant que l'écran est assez large, puis, au bout d'un moment, il se décentre alors que j'ai mis des % dans son margin-left.
Je viens d'héberger le site pour que vous puissiez vous en rendre compte par vous même. Je suis sur que la réponse est toute bête mais je patine depuis quelques jours dessus...
http://meley.alwaysdata.net/index.php
Merci de votre aide
Voilà, je fais un petit site internet tout ce qu'il y a de plus basique avec un menu et un corps de page. Mon problème est que mon menu est centré tant que l'écran est assez large, puis, au bout d'un moment, il se décentre alors que j'ai mis des % dans son margin-left.
Je viens d'héberger le site pour que vous puissiez vous en rendre compte par vous même. Je suis sur que la réponse est toute bête mais je patine depuis quelques jours dessus...
http://meley.alwaysdata.net/index.php
Merci de votre aide
A voir également:
- Ma div ne se centre pas...
- Centre de messagerie - Guide
- Centre d'aide facebook compte bloqué - Guide
- Div c++ - Télécharger - Langages
- Comment mettre le centre de controle sur l'écran - Guide
- Votre colis est retenu au centre de tri - Accueil - Arnaque
5 réponses
Je pense que tu a résolu ton problème vu que ton site est centré.
Sinon je te propose des balises <center> </center>
Sinon je te propose des balises <center> </center>
yelem
Messages postés
74
Date d'inscription
Statut
Membre
Dernière intervention
23
Mon menu est bel et bien centré mais pas sur les petites diagonales, où il tire sur la droite
Bonjour,
Peux-tu nous mettre ta solution et mettre ton sujet en résolu ?
Peux-tu nous mettre ta solution et mettre ton sujet en résolu ?
Euh, en réalité non mon problème n'est toujours pas résolu... Comme je l'ai mis dans mon post, mon menu est centrer tant que la diagonale d'écran est grande mais dès qu'on réduit la taille de la fenêtre (ou qu'on passe sur un netbook ou un smartphone) le menu se décentre.
C'est plus visible sur cette page par exemple avec la div du dessous :
http://meley.alwaysdata.net/cacao.php
C'est plus visible sur cette page par exemple avec la div du dessous :
http://meley.alwaysdata.net/cacao.php
Bonjour
Apparemment le problème n'est pas au niveau de la "div", mais plutôt dans ton fichier CSS relatif aux lignes de menu :
menu_style.css ligne 24
"#menu li a:link" ...
il n'y aucune propriété concernant le centrage ou cadrage de l'élément <a> du menu
ou , même fichier, ligne 15 :
"#menu li"
float: left;
Je pense que c'est par là que tu dois chercher, sauf erreur de ma part ..
A+
Nyctaclope
Le plus joli des poèmes de la mathématique : e^(i.PI)=i^2
trois nombres "sacrés" d'horizons différents qui se donnent la main ...
Apparemment le problème n'est pas au niveau de la "div", mais plutôt dans ton fichier CSS relatif aux lignes de menu :
menu_style.css ligne 24
"#menu li a:link" ...
il n'y aucune propriété concernant le centrage ou cadrage de l'élément <a> du menu
ou , même fichier, ligne 15 :
"#menu li"
float: left;
Je pense que c'est par là que tu dois chercher, sauf erreur de ma part ..
A+
Nyctaclope
Le plus joli des poèmes de la mathématique : e^(i.PI)=i^2
trois nombres "sacrés" d'horizons différents qui se donnent la main ...
Alors, tout se joue au niveau de ta div connexion et de son css.
- tu enlèves ta margin-right
- tu remplaces ton text-align:right par center
Et chez moi, ça marche =)
- tu enlèves ta margin-right
- tu remplaces ton text-align:right par center
Et chez moi, ça marche =)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Re
Autre petit problème, sans doute en rapport :
menu_style.css ligne 2
#menu
margin-left: 20%;
Ta marge gauche se réduit proportionnellement à la largeur de l'écran, mais comme ton menu est ( sauf erreur de ma part ) de largeur FIXE (EDIT : à partir d'un certain moment seulement - texte "tassé" au maxi - ), il occupe de plus en plus de % quand la largeur se réduit, donc la marge droite n'est plus égale à la marge gauche, d'où le décentrage.
Il se peut que je me trompe, car je n'ai pas eu beaucoup de temps pour fouiner ..
Je pense qu'il faudrait supprimer la valeur des marges un peu partout, et faire du centrage systématique ..
Bon courage ..
A+
Nyctaclope
Le plus joli des poèmes de la mathématique : e^(i.PI)=i^2
trois nombres "sacrés" d'horizons différents qui se donnent la main ...
Autre petit problème, sans doute en rapport :
menu_style.css ligne 2
#menu
margin-left: 20%;
Ta marge gauche se réduit proportionnellement à la largeur de l'écran, mais comme ton menu est ( sauf erreur de ma part ) de largeur FIXE (EDIT : à partir d'un certain moment seulement - texte "tassé" au maxi - ), il occupe de plus en plus de % quand la largeur se réduit, donc la marge droite n'est plus égale à la marge gauche, d'où le décentrage.
Il se peut que je me trompe, car je n'ai pas eu beaucoup de temps pour fouiner ..
Je pense qu'il faudrait supprimer la valeur des marges un peu partout, et faire du centrage systématique ..
Bon courage ..
A+
Nyctaclope
Le plus joli des poèmes de la mathématique : e^(i.PI)=i^2
trois nombres "sacrés" d'horizons différents qui se donnent la main ...
