Je vais avoir du mal avec un simple extrait de css pour le texte de pied de page. Le texte de bas de page doit toujours être à la fin de la page et la fin de l'écran ce qui vient plus tard.css pour le texte de pied de page
Répondre
* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
height: 142px; /* .push must be the same height as .footer */
}
/*
Sticky Footer by Ryan Fait
http://ryanfait.com/
*/
Utilisez la bottom
propriété:
#footer
{
position:absolute;
bottom:2px;
}
Ceci le positionnerait en bas de la fenêtre. Si la page était plus longue, elle ne serait pas au bas de la page (ce qui est spécifique à la question). – Quentin
Ce serait, si l'étiquette du corps a la position: relative; – gnud
@David oui ce serait - l'avez-vous essayé? Je l'ai utilisé sur plusieurs projets. Voir http://www.w3schools.com/CSS/pr_pos_bottom.asp – ANaimi
Pour un exemple de travail que vous pouvez choisir à part, je l'avais déjà fait exactement la même chose pour un de nos clients:
- 1. Pied de page flottant CSS
- 2. Astuce css pied de page avec IE6 ne fonctionne pas
- 3. ASP.net mvc données communes pour le pied de page
- 4. ie 6 pied de page flottant vers le haut numéro
- 5. Problème avec le pied de page dans IE8
- 6. Est-ce que IE imprime correctement l'en-tête et le pied de page [table] (paramètres css)?
- 7. Le code pense que la zone de texte Pied de page Datagrid est vide
- 8. CSS Comment obtenir la hauteur entre l'en-tête et le pied de page?
- 9. Pied de page sur la dernière page imprimée
- 10. JSF UIInput dans le pied de page DataTable
- 11. magento - changez la couleur du texte des liens de pied de page
- 12. Définition de la position du pied de page à l'aide de CSS/JS
- 13. iTextSharp Création d'un pied de page Page # de #
- 14. Comment ajouter 2 lignes dans le pied de page Gridview
- 15. ajouter un pied de page à FlowDocumentsdocuments
- 16. Pied de page avec les en-têtes dépassés de la couverture de la page
- 17. iPhone: en-tête ou pied de page collant à l'écran dans webkit (HTML/css)
- 18. Placer UITextView dans un pied de page UITableView
- 19. Ajout d'un pied de page à chaque page imprimée à partir d'un site Web ASP.NET
- 20. Pied de page fixe obscure firefox search match
- 21. sélection de texte en CSS?
- 22. le contenu dynamique chevauche le pied de page mais reste dans le flux de contenu?
- 23. Comment aligner le contenu du corps pour l'aligner w/En-tête et pied de page
- 24. Ajouter macro en-tête et pied de page
- 25. CSS Hyperlien pour du texte
- 26. Enlever l'en-tête et pied de page en utilisant C#
- 27. CSS: barre de liquide avec le texte ne s'étendra pas
- 28. Le pied de page du rapport n'est pas exporté vers Excel
- 29. CSS de base pour une question de lien de texte?
- 30. Ajoutez dynamiquement un pied de page à ASP.NET GridView
La fin de la page * et * la fin de l'écran? Est-ce que «à la fin de la page» ne suffira pas à cela? Si la page déborde du bas de l'écran, le pied de page se trouve en bas de la page (c'est-à-dire: non visible à l'écran). Si vous faites défiler vers le bas de la page, alors le bas de page serait toujours au bas de la page mais visible à l'écran ... Peut-être qu'un exemple de code de ce que vous essayez de réaliser pourrait m'empêcher de nouer mon esprit en nœuds logiques ... :) – Town
si la page est très courte (occupe juste la moitié de l'écran), alors je veux toujours que le pied de page soit en bas de l'écran, et non au milieu. – flybywire