Discussion :

[Neji77]

Bonjour,
Comme vous avez pu remarquer à mon nom je suis fan de mangas.
Pour mon plaisir et celui des autres j'ai créer un site et je viens de finaliser la version 2.
Mais j'ai malheureusement de petits problèmes a résoudre.*
D'une part, mon footer n'est jamais tout en, bas de la page alors que je voudrais qu'il se déplace lorsque le contenu s'agrandit.
Un autre problème, sur IE, le texte du contenu n'est pas tout en haut alors que c'est impeccable sur Firfox.

Adresse du site :http://narutone.fr.nf
J'ai rajouté ma feuille de style css en pièce jointe.
Merci d'avance à tous ceux qui me répondrons !!!

[Thoumai]

Salut neji, pour le pb d'affichage avec IE, je pourrais pas t'aider pour l'instant car j'ai le même


Mais pour que ton "footer" se déplace en même temps que le contenu s'agrandit, essaye de mettre height: auto; au lieu de height: 100%; dans #contenu et éventuellement de mettre un marge fixe pour margin-top dans #footer.

[Neji77]

Merci d'avoir répondu je vais essayer ta solution. Je te tiens au courant du résultat ^^
Merci

[Neji77]

Voila j'ai fait ce que tu m'as dis mais le footer reste maintenant toujours en haut avec n'importe quel nombre dans margin-top. J'ai laissé comme ça sur mon site pour te le montrer. Va y faire un tour et tu verras. Je ne sais plus quoi faire !!

[Thoumai]

Re, tu dois pouvoir faire quelque chose en le positionnant avec

position: relative;

Mais poste l'intégralité de ton code html, ça sera plus simple je pense.

[Erwan31]

Bonjour,
il y aurait beaucoup de chose à améliorer, que ce soit au niveau du code que de l'ergonomie ou du graphisme.
Je sais pas avec quel outil tu généré ta page mais le code est pas très propre
(276 erreur au validateurs!). Pour limiter le nombre d'erreurs et passer èun XHTML en douceur, commencer par un doctype XHTML transtionnal.

Ta page d'entrée est inutile et n'apporte rien, ces page là sont déconseillées
car elles impliquent un clic supplémentaire pour arriver au contenu.

Pour conserver le footer en bas, mettre le conteneur initial en position relative
et ton footer avec ce code:

Code :

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

#footer  {position:absolute; bottom:0}

Ensuite ajouter un padding bottom au conteneur du footer d'au moins la hauteur de ce dernier.