Centrer élément en ignorant défilement
jerryone3
Messages postés
55
Date d'inscription
Statut
Membre
Dernière intervention
-
jerryone3 Messages postés 55 Date d'inscription Statut Membre Dernière intervention -
jerryone3 Messages postés 55 Date d'inscription Statut Membre Dernière intervention -
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 :
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 ;)
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 ;)
A voir également:
- Centrer élément en ignorant défilement
- Barre de défilement - Guide
- Open element - Télécharger - HTML
- Arrêt défilement excel ✓ - Forum MacOS
- Problème défilement incontrôlable ✓ - Forum Excel
- Défilement qui se font tout seul. ✓ - Forum Windows 10
9 réponses
salut je pense que tu cherche la propriété css
position:fixed;
width: 1000px;
margin-left: auto;
margin-right: auto;
position:fixed;
width: 1000px;
margin-left: auto;
margin-right: auto;
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 ;)
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 ;)
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 !
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 !
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
C'est pas de la répulsion, j'en fais couramment, c'est juste que j'aurais aimé trouver une solution "100% css" :)
