Comment puis-je créer un pied de page fixe comme le design d'une application facebook? Exemples avec css apprécié.Comment puis-je obtenir un pied de page fixe comme la conception de l'application facebook?
en double de Facebook like status div
Une façon est donnée here:
En HTML:
<div id="container">
<div id="content"></div>
<div id="footer"></div>
</div>
En CSS:
#container {
position:absolute;
min-height:100%;
}
#content {
margin-bottom:100px; /* same as footer height */
}
#footer {
position:absolute;
bottom:0;
height:100px; /* same as content margin-bottom */
}
Edit: Ce lien était basé sur this qui a quelques exceptions
merci beaucoup aide –
Je ne pense pas que cela fonctionnera dans IE. –
J'ai trouvé CSS Jouer un site vraiment utile.
Plus précisément, http://www.cssplay.co.uk/layouts/, pour les dispositions.
Le pied de page de Facebook reste en place pendant que vous faites défiler. Pour ce faire, vous aurez besoin HTML comme ceci:
<body>
<div id="content">
[content]
</div>
<div id="footer">
[footer]
</div>
</body>
et CSS comme ceci:
#footer {
position: fixed;
bottom: 0;
width: 100%;
background: #f00;
}
Le CSS position: fixed indique au navigateur pour maintenir la position de cet élément fixe, quel que soit le défilement.
Plus d'exemples à CSS Sticky Footer.
Edit: Another example avec légèrement propre CSS
Certaines personnes peuvent ne pas avoir une grande maîtrise de la langue anglaise. L'anglais est un peu ambigu, et pour les non-natifs, il est facile de paraître exigeant. –
Cela a déjà été demandé ici. Faites une recherche la prochaine fois ... –