28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Je suis parti d'un gabarit que j'ai trouvé sur ce site pour bâtir quelques pages de mon site. Mais aujourd'hui j'ai un gros problème de css.
Pour cette page la pied de page est mal affiché http://www.sorysys.com/espace-recruteur.php

Alors que pour les autres pages tout va bien. par exemple http://www.sorysys.com/

Le problème apparait sous FireFox.

Auriez vous une idée de comment corriger ce problème ?

Merci d'avance

dialloma
Modérateur
Hello dialloma et bienvenue,

En lisant vite fait ton code, je crois qu'il manque une instruction à ton élément div pied.


#pied{
	/*etc.*/
	clear:both;
	/*etc.*/
}


++
Waou,

Super Nolem ça marche.
Je ne reviens pas que c'était juste cette ligne qui me manquait.
J'avais passé beaucoup de temps dessus mais sans rien trouvé.

En tout cas merci beaucoup.
dialloma

Nolem a écrit :
Hello dialloma et bienvenue,

En lisant vite fait ton code, je crois qu'il manque une instruction à ton élément div pied.


#pied{
	/*etc.*/
	clear:both;
	/*etc.*/
}


++
C'est un cas classique de dépassement des flottants.

Les deux solutions principales consistent à:
1. utiliser la propriété clear à bon escient, ou bien
2. utiliser un contexte de formatage sur un conteneur avec un overflow:hidden.

Les deux marchent bien mais aucune des deux n'est idéale.