Problème de positionnement footer

Miyu Jach
Les bases HTML/CSS

Bonjour à tous et à toutes, j'ai actuellement un problème avec le footer de mon site: en effet celui ne se place pas tout en bas de mon écran mais lorsque je vais dans le developer tools et que je décoche le display:table-row; et que je le re-coche le footer descend et ce met cette fois-ci à la bonne place...

Le code css associé:
html, body
{
height: 100%;
margin: 0;
padding: 0;
}
body
{
display: table;
width: 100%;
}
.footer
{
display: table-row;
height: 50px;
width: 100%;
}

Voici une petite image pour illustrer le soucis

http://img4.hostingpics.net/pics/469506Sanstitre.png

Du coup je ne sais pas du tout comment interpréter ce problème et je fais appel à votre aide...

Merci beaucoup pour votre aide:)

2 réponses

Carouge10

Bonsoir,

Essaye plutôt ceci :

.footer {
    position: absolute;
    bottom: 0;
    height: 50px;
    width: 100%;
}
Arrows78

Ce que propose Carouge va marcher. Mais si tu veux, tu peu aussi utiliser le HTML5, et donc utiliser les balises <header>, <footer> etc.