fixer un pied de page Fermé

Question

Bonjour à tous.

Je suis en train de créer un site web, et j'ai des difficultés pour la mise en page :
En effet j'ai un "div" qui me sert de pied de page, mais j'aimerais qu'il reste visible en bas du navigateur quelque soit le niveau ou l'on est dans la page.

J'ai essayé les positions différentes, mais j'ai toujours un problème.
Soit il n'est visible qu'en bas de page, soit il se met bien en bas du navigateur, mais si je descend il reste à la même place, et donc en plein milieu de ma page ou même tout en haut si je descend encore.

Je sais pas si je me suis bien fait comprendre, mais merci d'avance pour votre aide.

ifisch · Accepted Answer

Faut-il encore savoir si fixed est bien prit en compte par l'iphone ... as-tu essayé de créer une page épuré avec ta div en fixed ? Si cela fonctionne c'est peut-etre un problème d'héritage de positionnement si tes autres div sont en position:relative ou absolute ca peut peut-etre court-circuiter avec le fixed .

Deja je t'ai trouvé une liste des contraintes pour sites iphone : http://www.abc-webdesign.fr/optimiser-ou-creer-son-site-web-pour-iphone/

Mais pas de problèmes avec les fixed apparent .

ifisch · Answer

Bonjour .Tu as essayé un truc du genre : HTML :

CSS : #piedDePage { position:fixed; border-bottom: 0px;}

Regal · Answer

Alors, j'avais déjà essayé mais j'ai re-vérifié après que tu me l'ais proposé. Effectivement cela marche lorsque je test sur firefox ou même safari, mais mon problème est que je développe une application orientée i-phone, et malheureusement, sur safari portable le footer reste au milieu de la page si je descend :(
Saurais-tu comment régler ce problème?

ifisch · Answer

Alors la sur les iphone c'est un autre soucis et je ne m'y suis pas encore piqué ... je sais que mon site sur un téléphone portable ne prend tout simplement pas en compte les css .

Peut-etre qu'il faut aussi mettre : 
margin-bottom:0px; padding-bottom:0px;

Tu m'en diras des nouvelles :)

Regal · Answer

Malheureusement cela ne change rien. C'est vraiment que le div reste coller ou il s'est mit, on dirait qu'il ne prend pas en compte la valeur fixed, et qu'il la remplace par absolute. Le pire c'est qu'il change bien de hauteur selon l'orientation de l'iphone ; il se met bien en bas de page mais il y reste.
Si quelqu'un d'autre à une solution, j'ai cherché toute la journée pour ne rien trouver :(

ManiaxX · Answer

hello,

Tu as essayé avec position:absolute; ?

Regal · Answer

Merci ifish, pour le lien et les solutions que tu me proposes :)
Je n'ai pas d'autres position, qui pourraient entrer en conflit avec celle de mon pied de page.

ManiaxX oui j'ai essayé, et ce n'est pas la solution à mon problème puisque je me suis plain justement que le fixed avait l'air de se comporter comme l'absolute sur i-phone.

J'ai donc l'impression que le fixed n'est pas prit en compte...

Merci pour l'aide, si d'autres idées vous viennent n'hésitez pas... Je vais essayer de trouver une solution de secours en attendant.

techauto · Answer

Bonjour Regal,

Avez-vous la solution depuis, car j'ai le même problème!

Ça serait drôlement sympa.

Salutations

Waelb83 · Answer

moi je ferai ca : HTML dans body et le CSS : div#footer{ position: absolute; bottom:0; }

[TiDi] · Answer

Truc bête : Entre le contenu de ta page et ton pied de page, tu mets :

Et dans ton CSS : .blanco { height: 500px; } TiDi

Fixer un pied de page

10 réponses

Discussions similaires

Newsletters