Footer toujours en bas de page

Bonjour,

J'espère que je poste dans le bon forum.

Je souhaite que mon footer reste toujours en bas de page. Tout fonctionne parfaitement sur IE 6, IE 7, IE 8, Firefox, Chrome, Safari...

Seulement, je souhaite rentre ma page un peu plus "dynamique".
Voici un schema :

http://nsa17.casimages.com/img/2010/07/29//100729101651795242.png

et le site test.

Comme on peut le voir, dès qu'on clique sur le bloc noir, il s'agrandit en hauteur. Le footer reste reste toujours en bas de page sauf sur [B]IE 6.[/B]

Chose étrange car, si je fixe manuellement le taille du bloc noir avec une hauteur de 2000px par exemple, le footer reste toujours en bas de page.

Comme si IE 6, ne recalculait pas la page en direct

Voici le code html :

<div id="global">
	<div id="corps">

		<div id="carre"></div>
	</div>
	<div id="footer"></div>
</div>

Et le css associé :

* { margin:0; padding:0; }

html {	
	height:100%;
}

body {
	height:100%;	
}


#global {
	position: relative;
    min-height: 100%;
}

html>body #global {
    height: auto;
}

#corps {
	width:975px;
	padding:0 0 60px 0;
	overflow:auto;
	clear:both;
	background-color:#CCC;
}

#carre {
	width:500px; height:100px; background-color:#333;
}

#footer {
	position:absolute;
	bottom:0;
	height:45px;
	background-color:#0F0;
	width:100%;
}

Avez-vous des idées ?


Merci d'avance.
Modifié par Snoopy17 (29 Jul 2010 - 10:48)

Salut,

Il est normal que le footer ne descende pas plus bas, car il est en position absolue, et sort donc du flux. Un peu de révisions : Guide de survie du positionnement CSS

Si tu testes la page, tu verras qu'il reste toujours en bas, il descend bien.
Tout fonctionne parfaitement, même sur IE 6 sauf, quand je m'amuse avec javascript

EDIT :

En gros, lors du premier chargement sur IE 6, le footer est bien en bas de de page. Dès que le bloc noir s'agrandit, le footer reste à la même place (la même position qu'il était lors du premier chargement de la page).

Voici un schéma :

http://ups.imagup.com/ano1/1280459621.png

IE 6, ne recalcule pas la position du footer
Modifié par Snoopy17 (29 Jul 2010 - 12:25)