[Résolu]Footer - mauvais positionnement sous FF

p_tite_jo

26 Aug 2006 à 15:28

Bonjour !

J'ai un problème avec mon footer sous Firefox. Il ne veut pas se mettre en bas de page.
Exemple en ligne : ici!
Voici mon code html :


<div id="content">
</div>
<div id="foot">
</div>

et le css:


div#content
{	
	position: 		relative;
	padding: 		0;
	margin: 		0 auto;
	width: 			80%;
	padding-bottom: 2em;
	border: 	1px solid blue;
}
div#foot
{
	position: 		absolute;
	bottom:			0;
	background-image:	url("../design/foot.gif");
	background-repeat:	no-repeat;
	width: 		1004px;
	height: 	16px;
	margin-left:	-502px;
	margin-top:	-8px;
	left: 		50%;
}

En espérant que vous pourrez me donner un coup de main !!!
Modifié par p_tite_jo (26 Aug 2006 - 15:39)

Thomas D.

26 Aug 2006 à 15:32

Salut !

Qui voilà Smiley smile

Tu ne vas pas le croire, mais il manque un position: relative; à body pour que ça fonctionne Smiley lol

C'est le parent de l'élément en position absolue que tu dois positionner en relative, pour qu'il devienne la référence. Or, ton pied de page ne se trouve pas à l'intérieur de #content, mais est un enfant de <body> ...
Modifié par Sopo (26 Aug 2006 - 15:35)

p_tite_jo

26 Aug 2006 à 15:39

Tcho !!

Hum hum... no comment...
'fin si quand même, je te promets de plus me faire avoir Smiley cligne

!

Merci bien et à bientôt !