28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous Smiley smile

Je cherche une solution pour centrer un élément html dans une page, et ce indépendamment du défilement horizontal.

Lorsque je fais quelque chose comme ceci :


 width: 1000px;    
 margin-left: auto;    
 margin-right: auto;  



le défilement est pris en compte et l'élément va se centrer au milieu de la page entière.

J'aimerais autant éviter de passer par JS ou par du positionnement absolu...

Comment faire ?

Merci d'avance Smiley cligne
Modifié par JerryOne3 (15 Aug 2011 - 16:51)
La réponse facile est "évite de mettre sur ta page des tableaux qui dépassent en largeur" Smiley lol .

Sinon, je dois avouer ne pas savoir comment faire...

Mais je me pose une question. Si ton objet est centré au chargement de la page, quand on défile vers la droite pour voir le reste du tableau, quel est le comportement attendu pour ton objet centré ?
Hello !

l'idéal, dans l'absolu, serait que l'objet centré se déplace latéralement lorsqu'on scroll, à la manière d'un position: fixed; mais que sur l'axe X... Mais si il est immobile sur le premier screen, ça me va aussi, c'est pas bien grave.

J'ai beau réfléchir, je ne vois pas de solution qui évite le JS.
Heum, un élément en position:fixed ne se déplace pas. Du tout.

Et oui, je pense que le js est à même de t'aider, et que ce sera la seule solution. J'aimerais bien qu'il y ait d'autres avis que le mien Smiley sweatdrop