Bonjour,

J'ai un pti problème à l'affichage de ma page. Je m'explique, j'ai une page comme ceci

Ma page html
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
 
<div id="content">
       <div id="colonne_gauche"></div>
       <div id="colonne_droite"></div>
       <div id="footer"></div>
</div>
Ma page css
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
24
25
26
27
28
29
30
31
 
#conteneur{
    width: 980px;
    margin: auto;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding: 15px;
    text-align: justify;
}
 
 
#colonne_gauche {
    width: 475px;
    float: left;
    padding-right: 15px;
 
}
 
#colonne_droite {
    width: 474px;
    float: right;
    padding-left: 15px;
}
 
 
#footer {
 
    font-size: 11px;
    text-align: right;
    background: url("../images/fond_gris_footer.jpg") repeat-x  ;
}
Le problème est que mon footer ne veut pas s'afficher tout en bas de la page.

J'ai une autre page ou la div (content) n'est pas séparé en 2 comme ceci

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
<div id="content">
       <div id="footer"></div>
</div>
Et là mon footer s'affiche bien comme je le désire, c'est à dire en bas de page.

Merci d'avance pour votre aide.