Bonjour,

j'ai essayé de chercher sur le forum la solution à mon problème, en vain pour l'instant.
Je développe un site en Php/ MySQL, Ajax et j'utilise également un footer pour quelques pages.
le footer se présente très bien sous IE ou FF lorsque les DIV sont fixes dès le chargement de la page.
En revanche, lorsque je charge une div avec un code Ajax (en gros, son height augmente par une action Ajax) et le footer ne se déplace pas sous cette DIV. Alors que ceci fonctionne très bien sous IE (pour une fois).


voici mon code:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
<div id="container">
 <div id="menu-l">
 </div>
 <div id="menu-c">
 </div>
 <div id="footer">
 </div>
</div>
et le css associé
Code css : 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
32
33
34
35
36
37
38
39
 
#container
{
position: relative;
width: 880px;
min-height: 100%;
margin: 0px auto; 
}
 
#footer
{
position: absolute;
bottom:0px;
left: 0px;
width: 100%;
height: 15px;
border: 1px solid green;
}
 
#menu-l
{
width: 170px;
float:left;
border-style: none;
border: 2px #003366 solid;
background-color: #EFEFEF;
z-index: 1;
margin-right: 20px;
}
 
#menu-c
{
width: 675px;
float:left;
border-style: none;
font-size: 8pt;
background-color: #FFFFFF;
z-index: 20;
}

j'ai essayé une div en clear:both avant mon footer sans succès non plus.

si vous avez une idée, je suis preneur !
merci d'avance
Coil