Hello à tous,
J'ai fini la structure en css de mon site, mais j'ai encore un petit souci de "remplissage" de mes menus de gauche et de droite.
La structure est simple, la voici :
En fait j'ai défini une couleur de fond pour le menu de droite, je fais un include d'une page html qui contient uniquement des images les unes sous les autres. Le problème est que le background de couleur s'arrête exactement à la dernière image du menu, le reste jusqu'en bas de la page est vide, alors que j'aimerais qu'il aille jusqu'en bas de ma page bien sûr (j'ai défini un pied qui "colle" au bas de page). J'ai le même souci avec mon menu de gauche dont le background est une image... dois-je rajouter un bloc en-dessous avec un fond de couleur unie pour aller jusqu'au pied de page?
Voici la css que j'utilise :
Quelqu'un aurait-il une idée, je n'ai rien trouvé dans les différents tutos? Merci d'avance!!!
J'ai fini la structure en css de mon site, mais j'ai encore un petit souci de "remplissage" de mes menus de gauche et de droite.
La structure est simple, la voici :
<div id="global">
<div id="header">HAUT</div>
<div id="gauche">GAUCHE</div>
<div id="droite">DROITE</div>
<div id="centre">CENTRE
<div id="pied>PIED</div>
</div>
</div>En fait j'ai défini une couleur de fond pour le menu de droite, je fais un include d'une page html qui contient uniquement des images les unes sous les autres. Le problème est que le background de couleur s'arrête exactement à la dernière image du menu, le reste jusqu'en bas de la page est vide, alors que j'aimerais qu'il aille jusqu'en bas de ma page bien sûr (j'ai défini un pied qui "colle" au bas de page). J'ai le même souci avec mon menu de gauche dont le background est une image... dois-je rajouter un bloc en-dessous avec un fond de couleur unie pour aller jusqu'au pied de page?
Voici la css que j'utilise :
html, body {
height: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
scrollbar-base-color: #ADD9F5;
scrollbar-arrow-color: #FFFFFF;
scrollbar-DarkShadow-Color:#A9ABFF;
scrollbar-Shadow-Color:#C5C6FF;
scrollbar-Track-Color: #EBEBFF;
}
body {
margin: 0;
padding: 0;
}
#global {
position:relative;
min-height: 100%;
left: 50%;
width: 1000px;
margin-top: 0px;
margin-left: -500px;
border: 1px solid #DBDAEE;
}
#header {
height: 131px;
background: url("images/fond.gif");
}
#centre {
height: 70%;
padding-left: 10px;
padding-bottom: 40px;
background: url("images/fond.gif");
}
#pied {
position: absolute;
bottom: 0;
height: 40px;
background: url("images/fond.gif");
font-size: 11px;
color: #333399;
}
#gauche {
float:left;
width: 160px;
background: url("images/joueur.gif");
border: 1px solid #DBDAEE;
}
#droite {
float:right;
width: 130px;
background-color: #DBDAEE;
border: 1px solid #DBDAEE;
}
Quelqu'un aurait-il une idée, je n'ai rien trouvé dans les différents tutos? Merci d'avance!!!
