Centrage vertical Div principal
Résolu
reedbedroom
Messages postés
80
Date d'inscription
Statut
Membre
Dernière intervention
-
reedbedroom Messages postés 80 Date d'inscription Statut Membre Dernière intervention -
reedbedroom Messages postés 80 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je travaille actuellement sur un site Web en CSS, le site mesure 1000 x 600 et j'aimerais qu'il soit centré verticalement quelle que soit la taille de l'écran de l'internaute.
Pour le centrage horizontal, aucun problème j'ai appliqué les marges automatique sur mon div principal qui contient le site :
Mais pour les marges verticales, cela ne fonctionne pas :
Je suppose que quelqu'un a forcément déjà rencontré ce problème, ça m'a l'air plutôt courant avec tous les site au format "rectangle" à hauteur fixe.
Merci de votre aide :D
Je travaille actuellement sur un site Web en CSS, le site mesure 1000 x 600 et j'aimerais qu'il soit centré verticalement quelle que soit la taille de l'écran de l'internaute.
Pour le centrage horizontal, aucun problème j'ai appliqué les marges automatique sur mon div principal qui contient le site :
margin-left: auto; margin-right: auto;
Mais pour les marges verticales, cela ne fonctionne pas :
margin-top: auto; margin-bottom: auto;
Je suppose que quelqu'un a forcément déjà rencontré ce problème, ça m'a l'air plutôt courant avec tous les site au format "rectangle" à hauteur fixe.
Merci de votre aide :D
A voir également:
- Centrage vertical Div principal
- Powerpoint vertical - Guide
- Trait vertical clavier - Forum Clavier
- Barre vertical mac ✓ - Forum MacOS
- Changer d'écran principal - Forum Windows 10
- Raccourci clavier pour changer d'écran principal ✓ - Forum TV & Vidéo
3 réponses
salut
essaie comme ca :
.madiv{
position:absolute;
left : 50%;
top : 50%;
border : 1px solid #aaa;
width : 1000px;
height : 600px;
}
essaie comme ca :
.madiv{
position:absolute;
left : 50%;
top : 50%;
border : 1px solid #aaa;
width : 1000px;
height : 600px;
}
Merci pour ta réponse.
Mais .... cela n'apporte aucune solution à mon problème, le centrage vertical. J'ai bien essayer de mettre des marges comme ceci :
Mais cela ne fonctionne pas non plus. De plus le client ne veux pas d'un site qui s'adapte à la largeur de l'écran de l'internaute, je ne peux donc pas lui imposer.
Mais .... cela n'apporte aucune solution à mon problème, le centrage vertical. J'ai bien essayer de mettre des marges comme ceci :
margin-top: 10%;
Mais cela ne fonctionne pas non plus. De plus le client ne veux pas d'un site qui s'adapte à la largeur de l'écran de l'internaute, je ne peux donc pas lui imposer.
, le site mesure 1000 x 600 et j'aimerais qu'il soit centré verticalement quelle que soit la taille de l'écran de l'internaute.
Dans ce cas utilisez des % et non des valeurs fixes.
Avec des valeurs fixes vous obligez l'utilisateur à s'adapter à vos dimensions alors que toutes les mises en page d'Internet tendent vers le contraire.
Et si l'utilisateur redimensionne la fenêtre de son navigateur? S'il veut consulter 2 pages en vois à vis, vous le privez de cette possibilité pourquoi?
Vos restrictions ont de grandes chances qu'il ne reste pas à consulter vos pages mais aille voir un site correctement fait et ne l'obligeant pas à s'adapter à ce que vous imposez.
Dans ce cas utilisez des % et non des valeurs fixes.
Avec des valeurs fixes vous obligez l'utilisateur à s'adapter à vos dimensions alors que toutes les mises en page d'Internet tendent vers le contraire.
Et si l'utilisateur redimensionne la fenêtre de son navigateur? S'il veut consulter 2 pages en vois à vis, vous le privez de cette possibilité pourquoi?
Vos restrictions ont de grandes chances qu'il ne reste pas à consulter vos pages mais aille voir un site correctement fait et ne l'obligeant pas à s'adapter à ce que vous imposez.
ben ajoute
margin-top: -300px; /* -(1/2 height) */
margin-left: -500px; /* -(1/2 width) */
Merci et bonne journée !