DIV centrée verticalement et height=100%

DIV centrée verticalement et height=100% - HTML/CSS - Programmation

Marsh Posté le 06-04-2006 à 10:11:35    

Bonjour, voila mes 2 questions (qui sont liées !) :
1) comment peut-on centrer une div (ou tout autre conteneur) verticalement ? (j'ai essayé de faire une div à height:100% et v-align:middle et placer l'autre dedans !)
2) comment dire qu'une div va prendre 100% de la hauteur ? (le height:100% ne fonctionnant pas ... sinon j'aurais pas posé la question)
ça doit etre tout bête mais j'arrive pô :P
Merci d'avance ;)

Reply

Marsh Posté le 06-04-2006 à 10:11:35   

Reply

Marsh Posté le 06-04-2006 à 10:49:11    

Un truc en % se fait par rapport à la dimension de son parent. Or, par défaut, ni <html> ni <body> ni rien on une dimension. Faut donc préciser :

html, body, #maDiv {
  height: 100%;
}


 
Enfin, pour centrer verticalement quelque chose dedans... Euh... Je sais pas :D Faut aller voir sur Internet

Reply

Marsh Posté le 06-04-2006 à 11:06:08    

OKOK ben merci beaucoup, ça déjà ça m'aide bien ^^
Effectivement c'était tout con :P
Merciiiiiiiii ;)

Reply

Marsh Posté le 06-04-2006 à 11:29:42    

pour le centrage vertical (il faut une hauteur fixe par contre) :
 

Code :
  1. #monbloc
  2. {
  3. height:300px
  4. position:absolute;
  5. margin-top:-150px; // soit la moitié de la hauteur
  6. }


---------------
topik Annecy - BF3 : Cadmion
Reply

Marsh Posté le 06-04-2006 à 11:37:31    

argl ... hauteur fixe .... bon ok ^^
euh en ce qui concerne la hauteur à 100%, il semble que ça ne marche pas pour moi ... mais comme j'ai des classes et des DIV ds tous les coins, je vais faire un peu de ménage et je vous tiens au courant si ça marche toujours pas :P
merci pour votre aide ;)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed