Discussion :

[bio-designer]

Problème Sticky Footer dans une en mise en page clone de la version Flash du site. En effet, l'effet sticky fonctionne mais lors d'un scroll le footer remonte d'une centaine de pixels (sur firefox et safari mac) et cache la page...

Est-ce que quelqu'un peux m'aider à résoudre ce problème... merci de ne pas me dire il est pourri ton css et de bien voir la version flash avant pour comprendre que j'ai voulu cloner esthétiquement la version Flash. Si quelqu'un me permet d'améliorer le CSS je suis preneur. mais si je peux résoudre déjà le bug du footer ce serait très sympa à vous

Voici mon site : http://www.mindreadersmusic.fr/
la version Flash : http://www.mindreadersmusic.fr/Flash/

Les CSS du site :
http://www.mindreadersmusic.fr/css/reset.css
http://www.mindreadersmusic.fr/css/styles.css

MERCI

[ornitho13]

En gros tu veux que le footer soit toujours en fin de page?

Si c'est le cas, il faut que tu remplaces dans #footer la propriété "position" en mettant "fixed" à la place de "absolute"

dans ton fichier styles.css :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
#footer {
	position:fixed; /*à la place de absolute*/
	bottom:0;
	width:100%;
	height:25px;
	background-color: #000;
	background-image: url(../images/pattern.png);
	background-repeat: repeat-x;
	clear: both;
}

[ornitho13]

tu peux d'ailleurs faire la même chose pour le header.

++