28220 sujets

CSS et mise en forme, CSS3

Bonjour,

Cette fois ça concerne les pieds de page.
http://pompage.net/pompe/pieds/


#content {
	position: relative;
	height: 100%;
	padding-bottom: 20px; /* pour éviter le chevauchement */
}
#footer {	
	position: absolute;
	bottom: 0;
}


Et bien ça marche nickel sous IE, par contre sous FF le chevauchement est toujours présent, alors que dans l'article de Pompage ils préconisent l'exact contraire ^^

/edit Oups, en plus c'est pas vrai que ça fonctionne nickel sous IE. Si je mets ma fenêtre en plein écran, le pied de page passe en dessous de la fenêtre et je dois scroller pour pouvoir le voir.

Quelqu'un a des solutions ?
Modifié par Corinne (21 Oct 2005 - 14:53)
J'ai trouvé une parade pour le souci du scroll, à savoir placer ma balise de pied de page à l'intérieur de celle juste au-dessus (dans son parent, plutôt qu'au-dessous) de façon à ajouter le padding-bottom à son frère supérieur plutôt qu'au parent (le conteneur).

Par contre sous FF, malgré le padding-bottom de son frère supérieur, y'a toujours chevauchement...

Merci de votre aide.

/edit pour info j'ai essayé de placer min-height:100%; sur mon conteneur, dans FF cela marche, mais dans IE, le pied n'est plus au fond de la page et pire, le conteneur cesse de s'étendre au-delà (fond).
Modifié par Corinne (21 Oct 2005 - 14:12)
J'ai résolu ceci en utilisant le box model hack finalement.
J'aime pas le bidouillage, mais quand il faut, il faut ^^