Discussion :

[coil1]

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

[Korko Fain]

Dans la div qui recouvre ton footer, tu as mis un

Code :

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

clear: both;

et ça ne fonctionne pas ?

[coil1]

Oui, j'ai essayé avec une Div avant mon footer qui clear:both : NOK
ensuite, j'ai essayé d'entourer ma div footer par une div clear:both :NOK

Mais en fait, merci, je viens de voir ma bêtise: le fameux min-height de FF VS le height de IE.
la Div qui augmente se devait d'avoir un min-height !

merci pour l'aide !

Coil