Ma div ne se centre pas...
Résolu
yelem
Messages postés
85
Statut
Membre
-
Nyctaclope Messages postés 5295 Date d'inscription Statut Membre Dernière intervention -
Nyctaclope Messages postés 5295 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
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>
-
Bonjour,
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 -
-
-
-
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 ... -
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 =) -
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 ...
