28220 sujets

CSS et mise en forme, CSS3

Salut tout le monde.

Bon, mon skin est presque fini, me reste juste le problème du footer qui ne descend pas, mais quand je dis "descend pas", c'est qu'il ne veut vraiment pas le faire le bougre !

Après moultes recherches sur le web, la FAQ d'alsa et l'article de pompage (non, je n'ai pas essayé avec le dom, mais j'aimerai bien éviter cette solution tant que possible), je me résoud à vous (en fait j'avais déjà posé la question dans un autre post, mais vu que ce n'était pas la question principale, personne n'a répondu Smiley bawling ).

Comme vous pouvez le voir sur cette page (pas faire attention au menu incliquable ainsi qu'au problème d'encodage), le footer se trouve derrière l'article "PSP blanche".
Qu'il soit derrière, je m'en fou. Ce qui me pose réellement problème, c'est qu'il soit à ce niveau de la page et pas tout en bas de celle-ci (bas oui, pour un footer sa fait un peu con).

Et là, je fais appele à vous grands manitoux du CSS, pour que vous me donniez une solution pour qui'l soit enfin en bas de page.

D'avance merci.
Salut,

Je pense que la meilleure solution c'est :

- mettre tes div gauche et droite en position relative
- gauche avec float:left
- droite avec float:right
- enlever les marges gauches sur tes éléments du div droite

puis déplacer ton div footer dans le div corps
et lui appliquer la propriété clear:both;

bye.
Salut !!

J'ai un peu regardé ton css, et dans tes #droite et #gauche, tu utilise comme position : float et absolute, ton problème à mon avis viens de ça, enlève absolute, et mets clear: both à ton pied de page.

Ensuite, tu as des min-height:100% et height: 100% pour ton corps, ce n'est pas bon, mets un min-height en px, et ne mets pas de hauteur sauf pour IE en mettant un hack qui sera égale au min-height.

Cela devrait résoudre pas mal du problème.

Smiley cligne
Bon, la méthode de herve est bonne, mais une fois n'est pas coutume j'ai un problème avec Firefox, alors que le footer est impecable sous IE.
En effet, je lui applique un margin-top pour l'espacer du bas du dernier bloc article, mais cette marge se répercute tout en haut, entre le haut du menu (ou du titre du 1e article) et la bannière, alors que sous IE, parfait.

Une idée ?
Modifié par koskoz (27 Oct 2005 - 13:35)
Salut,

Peut-être une solution de contournement :

appliquer un margin-bottom au div droite

mais je ne sais pas pourquoi le margin-top sur le footer ne marche pas sur firefox.