[RESOLU] Problème sur le positionnement du footer

Bonjour,

Après une p'tite présentation, voici donc ma première question . J'ai réussi à développer mon template grâce aux tutos présents sur le site mais là je bloque sur un point et je n'ai pas trouvé la réponse dans les nombreux messages.

Mon site est composé:
- d'un en-tête,
- d'une partie centrale contenant une colonne à gauche, une à droite pour les menus et une partie centrale pour le contenu
- d'une pied de page
le tout reposant sur un fond global

Mon problème se pose au niveau du pied de page, il ne "colle" pas à la partie centrale, c'est à dire j'ai un espace entre les deux.



NB: il faut cliquer sur l'image pour voir le problème car sur la miniature, il n'est pas visible

voici mon CSS

/*Mise a zero pour l'ensemble des div contenus dans body*/
html, body {
  margin                : 0;
  padding               : 0;
  height                : 100%;
  background            : #000000;
}

tr, p, div {
  color                 : #666666;
  font-family           : Georgia, "Times New Roman", Times, serif;
  font-size             : 13px;
}

ul {
  list-style            : none;
  margin                : 0;
  padding               : 0;
}

li {
  line-height           : 15px;
  padding-top           : 5px;
  padding-left          : 30px;
  background            : url(../images/arrow.png) 0px 2px no-repeat;
}

.clr {
  clear                 : both;
}


/*Definition de la largeur de la zone de pagination du site */
#main_container {
  background            : #FFFFFF ;
  height                : 100% !important;
  height                : 100%;
  min-height            : 100%;
  width                 : 980px !important;
  width                 : 980px;
  margin                : 0 auto;
}
/*Fin de definition de la largeur de la zone de pagination*/

/*Definition de header et des elements qu'il contient (bandeau du haut de page)*/
#header{
  width                  :980px;
  height                 :235px;
  background             : url(../images/img08.jpg) no-repeat;
}

/*Fin de la definition du header*/

/*Definition de partiecentre*/
#partiecentre{
  width                  :980px;
  height                : 100% !important;
  height                : 100%;
  min-height            : 100%;
  margin                 : 0 auto;
}

#left{
  float                  :left;
  height                : 100% !important;
  height                : 100%;
  min-height            : 100%;
  width                  :170px;
  background             :#85C329 url(../images/img04.gif) repeat-x;
}

#bloccentre{
  overflow              : auto;
  height                : 100% !important;
  height                : 100%;
  min-height            : 100%;
  background            : #FFFFFF;
}


#right{
  float                  :right;
  height                : 100% !important;
  height                : 100%;
  min-height            : 100%;
  width                  :170px;
  background             :#85C329 url(../images/img04.gif) repeat-x;
}

#right_up{
 clear                  :right;
 width                  :140px;
 height                 :150px;
 /*padding                :20px;*/
}

#right_down{
 width                  :140px;
 padding                :20px;
}

/*Fin de la definition de la partiecentre*/

/*Debut definition du footer (pied de page)*/
#footer {
  width                 : 980px;
  height                : 50px;
  margin                : 0 auto;
  bottom                : 0;
  background            : url(../images/img12.gif) repeat-x;
}

/*Fin definition du footer*/

Je séche, pouvez vous m'aider?
Modifié par moebus (22 Feb 2008 - 14:05)

Salut,

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation

Bonjour,

Désolez pour cette erreur, j'ai corrigé et j'avoue avoir oublié d'utiliser la mise en forme bien que j'ai lu l'ensemble des éléments de la rubrique "Nouveau sur le forum".
Modifié par moebus (21 Feb 2008 - 10:23)

Personne pour m'aider . Manque t il un élément pour préciser le problème ?

Bonjour moebus,

Ta page en ligne et ou le code html participerai(en)t grandement à l'aide que tu pourrais recevoir

A première vue, il me semble que tu te compliques un peu la vie, le principe des colonnes Factices semble tout indiqué dans ce cas précis
http://forum.alsacreations.com/faq/faq-17-Comment-faire-des-quotcolonnesquot-de-meme-hauteur-.html
(cf les liens associés également)
Ou les tests de Florent V.
Cet article de la FAQ peut sans doute également te venir en aide :
http://forum.alsacreations.com/faq/faq-25-Comment-coller-un-element-pied-de-page-en-bas-de-page-quel-que-soit-le-contenu-.html

Bonne continuation,
Cdt,
Sylvain

Bonjour 6I20,

Pour la page en ligne, pas pour le moment car je développe en local .

J'ai abandonné le choix de deux colonnes pour les menus car le design à la fin ne me plait pas. Je suis reparti sur un classique un menu à gauche avec un seul colonne coloré. Je n'avais pas pris l'option des fausses colonnes car je souhaitais avoir une partie de ma colonne de droite d'une autre couleur donc cette solution n'était pas possible/

Aprés plusieurs tests, j'ai trouvé mon problème, cela venait d'un problème au niveau du positionnement dans le flux. J'avais oublié de mettre un overflow: auto dans mon footer

Merci en tout cas pour les liens.