DIV centrée verticalement et height=100%

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : DIV centrée verticalement et height=100%

KahL

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ô
Merci d'avance

Publicité

FlorentG

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 Faut aller voir sur Internet

KahL

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

remizz

Adventure !

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

Code :

#monbloc
{
height:300px
position:absolute;
margin-top:-150px; // soit la moitié de la hauteur
}

---------------
topik Annecy

KahL

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
merci pour votre aide

FORUM HardWare.fr

Programmation

HTML/CSS

DIV centrée verticalement et height=100%

Sujets relatifs
Probleme DIV scrollable dans un Tableau	[CSS] Equivalent a vertical-align: avec DIV?
Problèle de compatiblité avec <div> et height pour IE	Un page pouvant atteindre + de 100 requetes SQL est-elle mal dev ?
Largeur DIV 100% (sans width:100%)	[HTML] Div avec une scroolbar
XML XSL et fichier volumineux : 100 Mo	Une histoire de DIV
[Réglé]Positionnement du texte dans un DIV et Background-image	centrer verticalement image ds paragraphe
Plus de sujets relatifs à : DIV centrée verticalement et height=100%

Page générée en 0.049 secondes