Centrer élément en ignorant défilement Fermé

Question

Bonjour à tous :)   

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 ;)

dariumis · Answer

salut je pense que tu  cherche la propriété css  

position:fixed;
width: 1000px;   
 margin-left: auto;   
 margin-right: auto;

jerryone3 · Answer

Hello et merci de ta réponse,

ce n'est pas vraiment ce que j'avais à l'esprit de base, mais ca peut marcher !

Le probleme c'est qu'avec cette propriété, ce qui doit etre plus bas que le div concerné passe en dessous, comme s'il y avait un z-index, mais c'est simplement a cause de la position: fixed;

Y aurait-il moyen de le fixer uniquement pour l'axe X ? C'est-a-dire que le div prenne sa place normal dans la hauteur mais qu'il défile de cette maniere dans la largeur de la page ? 

Merci encore ;)

jerryone3 · Answer

Voici une petite image qui illustre mon probleme : 

http://tinypic.com/images/goodbye.jpg

merci ;)

Mihawk · Answer

J'avais un peu le même problème mais en "vertical".
Le mieux reste tout de même de passer par le JS pour récupérer la largeur de l'écran de l'internaute et centrer ton div dessus.

Sinon, admet que la plupart des écrans ont une largeur inférieur à 1500px et place ton div avec une margin-left de 100px environ... Mais ça ne sera pas parfaitement centré partout !

jerryone3 · Answer

Bah, je vais surement me rabattre sur le JS, même si ça me soule...

Mihawk · Answer

Pourquoi tant de répulsion face au JS ?

jerryone3 · Answer

C'est pas de la répulsion, j'en fais couramment, c'est juste que j'aurais aimé trouver une solution "100% css" :)

Mihawk · Answer

Le CSS fonctionne à merveille dans le cas de tailles fixes et connues :-)

jerryone3 · Answer

certes ^^

merci quand meme pour ton aide ;)

Centrer élément en ignorant défilement

9 réponses

Discussions similaires