Sticky Footer Problèmes CSS

Question

J'ai pu concevoir ma mise en page de manière à ce qu'elle comporte 2 colonnes et une largeur de 100%. Vous pouvez constater que ici .

Maintenant, j'essaie d'implémenter une hauteur de pied collante (100%) avec cette mise en page qui a également l'arrière-plan dans la colonne de droite et le bord que j'ai dans la colonne de gauche.

Y at-il un moyen de faire cela avec ma mise en page actuelle ou ce serait génial si quelqu'un pouvait suggérer une alternative à la façon dont je le fais actuellement!

Merci!

Answer 1

Consultez Sticky Footer 2009 . Cela a également été abordé plusieurs fois sur le responsable de l'offre à commandes.

Answer 2

Je voudrais ajouter une classe CSS à la DIV contenant les colonnes et le style correspondant. Pour être proche, j'ai dû ajouter ce qui suit à votre fichier CSS:

body
{
 height: 100%;
}

.footer
{
 position: absolute;
 top: 90%;
 left: 0;
 height: 10%;
}