Ma div ne se centre pas...

Résolu/Fermé
yelem Messages postés 74 Date d'inscription mercredi 7 mai 2008 Statut Membre Dernière intervention 3 juin 2014 - 1 mars 2012 à 18:02
Nyctaclope Messages postés 5315 Date d'inscription dimanche 6 avril 2008 Statut Membre Dernière intervention 11 décembre 2022 - 2 mars 2012 à 17:45
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



5 réponses

caro__48 Messages postés 242 Date d'inscription mercredi 14 avril 2010 Statut Membre Dernière intervention 18 mai 2017 61
2 mars 2012 à 13:16
Je pense que tu a résolu ton problème vu que ton site est centré.

Sinon je te propose des balises <center> </center>

yelem Messages postés 74 Date d'inscription mercredi 7 mai 2008 Statut Membre Dernière intervention 3 juin 2014 23
2 mars 2012 à 14:44
Mon menu est bel et bien centré mais pas sur les petites diagonales, où il tire sur la droite
0
AssassinTourist Messages postés 5710 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 310
2 mars 2012 à 13:49
Bonjour,
Peux-tu nous mettre ta solution et mettre ton sujet en résolu ?
yelem Messages postés 74 Date d'inscription mercredi 7 mai 2008 Statut Membre Dernière intervention 3 juin 2014 23
2 mars 2012 à 14:41
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
0
Nyctaclope Messages postés 5315 Date d'inscription dimanche 6 avril 2008 Statut Membre Dernière intervention 11 décembre 2022 1 250
2 mars 2012 à 14:43
Bonjour
Non, apparemment ce n'est PAS résolu, et ce serait plutôt à Yelem d'en juger ?
A+
0
AssassinTourist Messages postés 5710 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 310
Modifié par AssassinTourist le 2/03/2012 à 14:57
Pardon, je pensais qu'il s'agissait du corps de la page et non du menu.
0
Nyctaclope Messages postés 5315 Date d'inscription dimanche 6 avril 2008 Statut Membre Dernière intervention 11 décembre 2022 1 250
Modifié par Nyctaclope le 2/03/2012 à 14:54
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 ...
yelem Messages postés 74 Date d'inscription mercredi 7 mai 2008 Statut Membre Dernière intervention 3 juin 2014 23
2 mars 2012 à 15:08
Merci beaucoup Nyctaclope,
Effectivement cela va mieux en ajoutant un text-align: center; à ces deux balises.

Par contre, il y a certaines fois de petits bug (le menu déborde plus à gauche qu'à droite) mais rien à voir avec avant.

Encore une fois merci.
0
AssassinTourist Messages postés 5710 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 310
2 mars 2012 à 15:00
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 =)
yelem Messages postés 74 Date d'inscription mercredi 7 mai 2008 Statut Membre Dernière intervention 3 juin 2014 23
2 mars 2012 à 15:48
Euh... Non.
Non seulement ça me met mes formulaire de connexion au milieu (au lieu du menu), mais en plus ça ne règle pas le problème du menu...
Je viens d'essayer en local et sur le serveur
0

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

Posez votre question
Nyctaclope Messages postés 5315 Date d'inscription dimanche 6 avril 2008 Statut Membre Dernière intervention 11 décembre 2022 1 250
Modifié par Nyctaclope le 2/03/2012 à 17:54
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 ...