+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : tit probleme css de centrage :/ (/showthread.php?tid=2295)
tit probleme css de centrage :/ - gameprog2 - 21-09-2010
Salut,
comment vous arrivez à faire un div qui soit :
- Centré.
- Pouvant s'adapter à la largeur de l'écran du visiteur ?
Et si possible ayant une position relative car j'ai besoin de l'afficher en dernier, il sera donc en dessous des autres div de la page.
J'ai essayé classiquement avec :
margin-left:auto;
margin-right:auto;
Mais ça demande que le div aie une largeur fixe, hors moi j'ai besoin de l'adapter à la largeur de l'écran.
RE: tit probleme css de centrage :/ - Sephi-Chan - 21-09-2010
Pour que margin: 0 auto; fonctionne, il faut que la largeur du bloc soit définie explicitement (et pas fixe). Tu peux spécifier une taille en %, donc.
Sephi-Chan
RE: tit probleme css de centrage :/ - gameprog2 - 21-09-2010
Merci, je venais juste de trouver une solution, je vais voir si ça marche avec les % car ça m'arrangerait en fait
EDIT :
Pour ceux que ça interesse, pour centrer un div horizontalement il faut :
1) Mettre notre DIV en position relative.
2) Il faut que le DIV qui entoure notre DIV soit positionné en absolu.
3) Donner une largeur à notre DIV.
4) mettre margin-left:auto; et margin-right:auto; à notre DIV.