Discussion :

[la.sophe]

salut,

voilà j'ai un fichier index qui require l'entete, le menu, le corps et le bas de page.
le probleme c'est que lorsque le corps de page n'est pas assez rempli le bas de page se créé alors que le menu déscend encore plus bas.

donc j'ai mon entete, mon corps, mon bas de page, et mon menu qui continu un peu plus bas sur la gauche parcequ'il est plus grand que le corps.

Comment faire pour que mon bas de page se position au niveau du bas de menu. et pas lorsque le corps de page et fini de remplir....

j'ai le menu en css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
#menu {
position: absolute;
top: 160px;
left: 10px;
width: 120px;
background-color: #000000; /* couleur de fond d menu */
}

et le bas de page

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
/*---------------------------------------------*/
/* Le pied de page */
/*---------------------------------------------*/
#pied_de_page
{ 
   padding: 7px;
   text-align: left;
    color: #FFFFFF;
 height: 75px; /* hauteur de la banniere */
   background-color: #000000 ;
}
 
.image_background_bottom
{
Background-image: url("../img/page_type/ban_bottom.png");
background-repeat: no-repeat;
background-position: center ;
 padding: 0;
 text-align:center;
 margin: 0 ;
 
}

merci d'avance,
Sophe

[Kerod]

Il faut que le menu et le bas aient la même position si tu mets une position absolute et que l'autre est en normal il y aura chevauchement des deux et donc le menu dépassera le footer.

Donc soit tu vires le position absolute soit tu t'arranges pour donner une position à ton footer.

Ayant que le code css, je peux pas donner de correction comme ca (surtout que je ne sais pas comment et de quoi est composé ton menu.Mais penses aux positions

[narnou]

Une solution simple et sans prise de tete est de séparer ta page en 3 zones horizontales, une recevant le header, une autre le menu et le contenu, et la dernier le footer