Centrage div au milieu de l'écran
forumeur
-
rjl Messages postés 543 Date d'inscription Statut Membre Dernière intervention -
rjl Messages postés 543 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai centré le contenu de mon site dans une div, avec le css suivant :
Mais le problème avec le positionnement en absolute, c'est que si je diminue la hauteur de la fenêtre du navigateur, la div disparaît vers le haut. Ce que je voudrais, c'est que la div ne se déplace plus une fois qu'elle touche le haut de la fenêtre.
Merci d'avance
J'ai centré le contenu de mon site dans une div, avec le css suivant :
#boite{
position: absolute;
width: 960px;
height: 500px;
left: 50%;
top: 50%;
margin-left: -480px; /* moitié de width */
margin-top: -250px; /* moitié de height */
}
Mais le problème avec le positionnement en absolute, c'est que si je diminue la hauteur de la fenêtre du navigateur, la div disparaît vers le haut. Ce que je voudrais, c'est que la div ne se déplace plus une fois qu'elle touche le haut de la fenêtre.
Merci d'avance
A voir également:
- Centrage div au milieu de l'écran
- Double ecran - Guide
- Capture d'écran whatsapp - Accueil - Messagerie instantanée
- Retourner ecran pc - Guide
- Capture d'écran samsung - Guide
- Écran de veille - Guide
1 réponse
Bonsoir,
Je ne suis peut-être pas assez compétent mais, parfois, en posant des questions (problème miroir) on accroit la réflexion de l'émetteur, lui faisant toucher la solution.
Déjà, sauf à ce qu'il y ait nécessité, je pense qu'on peux utiliser des marges:auto ? De même, une largeur en % serait peut-être mieux adaptée pour d'autres écrans ? Ainsi, 960px représente t'il 100, 70 ou 50% de la largeur ?
Je reconnais que pour la hauteur, il est plus difficile de comprendre ce que représentent les % !
D'ailleurs avec des top et left en %, j'ai l'impression que l'écran fait 1920px et que c'est la partie droite qui est là exploitée ?
Enfin, s'il existe absolute, fixed semble plus rigoureux puisque ne se déplaçant pas pendant le scrolling ; n'esy-ce pas la réponse à la disparition vers le haut ?
Bonne chance @+ RJL2828
Je ne suis peut-être pas assez compétent mais, parfois, en posant des questions (problème miroir) on accroit la réflexion de l'émetteur, lui faisant toucher la solution.
Déjà, sauf à ce qu'il y ait nécessité, je pense qu'on peux utiliser des marges:auto ? De même, une largeur en % serait peut-être mieux adaptée pour d'autres écrans ? Ainsi, 960px représente t'il 100, 70 ou 50% de la largeur ?
Je reconnais que pour la hauteur, il est plus difficile de comprendre ce que représentent les % !
D'ailleurs avec des top et left en %, j'ai l'impression que l'écran fait 1920px et que c'est la partie droite qui est là exploitée ?
Enfin, s'il existe absolute, fixed semble plus rigoureux puisque ne se déplaçant pas pendant le scrolling ; n'esy-ce pas la réponse à la disparition vers le haut ?
Bonne chance @+ RJL2828