Bonsoir
J'ai un problème avec le footer de mon site web.
Suivant la résolution et le contenu de la page (du <main> ) il n'est pas au même endroit. Voici 2 exemples sur 2 pages différentes de mon site:

http://i.gyazo.com/fcdd346895bfc3f19a48af1b48882317.png

Ici sur une page peu rempli, le footer est suivant la résolution d'écran en plein milieu de la page (résolution: 1280*1024) le problème ne le fait pas avec du 1366*768

http://i.gyazo.com/6ceca7926cc27b749202b7f7c92e16dd.png

Et la pas de problème sauf si la résolution est vraiment élevé (la page scrollable)

Je précise être en HTML5, CSS3 et utiliser Bootstrap pour le positionnement.

Voici un condensé de mon code:
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<body>
  <div class="container-fluid">
<footer class="row">
  <div class="col-xs-6 col-md-6">
      <p>
        Jean Valjean &amp; Gavroche
      </p>
  </div>
  <div class="col-xs-6 col-md-6">
    <div id="Copyright">
      <p>
        Copyright © 2014 WebAtHome - Tous Droits Réservés
      </p>
    </div>
  </div>
</footer>
</div>
</body>
</html>



et voici le css pour le footer:


Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
footer{
  background-color: #34475E;
  color: white;
  position:absolute;
  width: 100%;
}
Voila, j'espère que mon post est compréhensible, nous avons beaucoup cherché mais jusqu'a présent aucune solution concluante.

Merci

bonne soirée