Bonjour à tous.
Après des heures et des heures de recherches et d'essais, je me suis enfin décidé à demander de l'aide.
Ma maîtrise du CSS étant pitoyable, certains risque peut être de trouver ma question un peu bison ^^
Tant pis... je me lance
http://img201.imageshack.us/img201/2655/screenshot419xn3.jpg
Contenu de l'index :
Soit un header, un footer, 2 menus à gauche, 2 menus à droite et une page centrale.
Contenu du CSS :
Description du problème :
Lorsque je remplis la page centrale, et que j'arrive au terme de sa hauteur, je souhaiterai que les menu gauche et droite (bas uniquement) s'étirent.
Actuellement, l'étirement de ma page centrale crée un vide en dessous des menus gauche et droite :s
http://img150.imageshack.us/img150/3747/screenshot420ti8.jpg
Si quelqu'un a une solution je suis preneur ^^
Merci d'avance.
Modifié par neya (13 Feb 2008 - 22:55)
Après des heures et des heures de recherches et d'essais, je me suis enfin décidé à demander de l'aide.
Ma maîtrise du CSS étant pitoyable, certains risque peut être de trouver ma question un peu bison ^^
Tant pis... je me lance
http://img201.imageshack.us/img201/2655/screenshot419xn3.jpg
Contenu de l'index :
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<div id="bandeau">Haut de page</div>
<div id="menu">
<div id="menu_haut">Menu gauche haut</div>
<div id="menu_bas">Menu gauche bas</div>
</div>
<div id="contenu">
<p> </p>
<p> </p>
<p>Centre</p>
</div>
<div id="menu">
<div id="menu_haut">Menu droit haut</div>
<div id="menu_bas">Menu droit bas</div>
</div>
<div id="pied_page">Pied de page</div>
</body>
</html>Soit un header, un footer, 2 menus à gauche, 2 menus à droite et une page centrale.
Contenu du CSS :
div {
text-align:center;
}
div#bandeau {
width:600px;
height:50px;
background-color:#00CCFF;
}
div#menu {
float:left;
width:100px;
height:400px;
background-color:#FF6699;
}
div#menu_haut {
width:100px;
height:350px;
background-color:#66CC33;
}
div#menu_bas {
width:100px;
height:50px;
background-color:#CC99CC;
}
div#contenu {
float:left;
width:400px;
height:auto;
background-color:#FFCC00;
}
div#pied_page {
clear:both;
width:600px;
height:50px;
background-color:#33FF99;
}Description du problème :
Lorsque je remplis la page centrale, et que j'arrive au terme de sa hauteur, je souhaiterai que les menu gauche et droite (bas uniquement) s'étirent.
Actuellement, l'étirement de ma page centrale crée un vide en dessous des menus gauche et droite :s
http://img150.imageshack.us/img150/3747/screenshot420ti8.jpg
Si quelqu'un a une solution je suis preneur ^^
Merci d'avance.
Modifié par neya (13 Feb 2008 - 22:55)
. 
