voila, je souhaite faire un header de taille fixe et 2 blocs div sous ce header faisant la taille restante de la fenetre...
j'ai bien essayé height: 100% dans le html,body,etc, même le min-height, rien n'y fait.... il me fait bien 100% mais sans enlever la partie header ce qui évidemment provoque un ascenseur...
je comprends pas, aidez moi ^_^"
ci-joint un code grosso modo :
Code
<html>
<head>
<title>Gabarit</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html, body {height:100%; margin:0; padding:0;}
#conteneur {position: absolute; top:0; width:100%; height:100%;}
#header {
height: 80px;
background-color: #540000;
vertical-align: text-bottom;
}
#habillage {
position: absolute;
left:0;
width: 250px;
height:100%;
background-color: #99CC33;
text-align: center;
vertical-align: middle;
}
#gauche {
margin-left: 250px;
margin-right: 80px;
background-color: #CC3333;
height:100%;
}
.orange {
background-color: #CC9900;
height: 20px;
}
</style>
</head>
<body>
<div id="conteneur">
<div id="header"><p class="orange">menu déroulant</p></div>
<div id="habillage">image centrée verticalement<br>div hauteur 100%</div>
<div id="gauche"> texte courant justifié<br>div hauteur 100%</div>
</div>
</body>
</html>
<head>
<title>Gabarit</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html, body {height:100%; margin:0; padding:0;}
#conteneur {position: absolute; top:0; width:100%; height:100%;}
#header {
height: 80px;
background-color: #540000;
vertical-align: text-bottom;
}
#habillage {
position: absolute;
left:0;
width: 250px;
height:100%;
background-color: #99CC33;
text-align: center;
vertical-align: middle;
}
#gauche {
margin-left: 250px;
margin-right: 80px;
background-color: #CC3333;
height:100%;
}
.orange {
background-color: #CC9900;
height: 20px;
}
</style>
</head>
<body>
<div id="conteneur">
<div id="header"><p class="orange">menu déroulant</p></div>
<div id="habillage">image centrée verticalement<br>div hauteur 100%</div>
<div id="gauche"> texte courant justifié<br>div hauteur 100%</div>
</div>
</body>
</html>
)
