Positionnement footer différent sous IE

Bonjour à tous,

Je crée un site avec le CMS Drupal, que j'ai presque terminé. En effet, le design tombe très bien sous Firefox Linux et Windows, mais il y a une variation très gênante sous IE.
Il s'agit en fait du footer. Le voilà en taille normale:

Lorsque je dézoome ma fenêtre, il passe sous le corps du texte comme ceci:


Je ne comprends pas pourquoi étant donné que cela ne le fait pas sous firefox.
J'ai essayé de le mettre en position relative, absolute, fixed, overflow:hidden, mais rien n'y a fait.
Avez-vous une idée ?

Salut,

Euuuh sans page en ligne ni même le code source, non.

La page n'est pas en ligne, car en local.
Pour le code source, quelle partie voulez-vous ?

#footer-wrapper {
background-color: #AFAFAF;
}

Car concernant le footer, il n'y que ça !

Relyss a écrit :
Je ne comprends pas pourquoi étant donné que cela ne le fait pas sous firefox.

Ca ne marche pas sous IE ? Diantre, voilà qui est fort interloquant.

Il va nous falloir un peu plus que ça, en fait. Donne-nous tout le code.
Modifié par phpdoesnotcare (30 Apr 2010 - 10:51)

Voilà le code du fichier css spécifique à IE, qui pose visiblement problème. Je ne suis pas sure que ça vous aide beaucoup, vu comme il est "étoffé".
Quant à l'autre code, qui concerne les réglages par défaut, il fait plus de 2000 lignes.
Je suis partie du thème Acquia Slate (http://drupal.org/node/418326) pour Drupal, dont vous pouvez voir l'organisation des régions.

/* $Id: ie7-fixes.css,v 1.1 2009/02/28 23:33:58 jwolf Exp $ */



/*************/

/* IE7 FIXES */

/*************/



/* set background-colors to fix text cursor bug */

#page,

#main-wrapper {

  background-color: #EFEFEF;

}



#postscript-wrapper,

#footer-wrapper {

  background-color: #AFAFAF;

}



/* limit legend width to text length */

form fieldset legend {

  display: inline-block !important;

}



/* hide search label */

#header-wrapper .search_submit {

  padding-left: 20px;

  width: 20px;

}



/* block & vocab list items alignment fix*/

.block li,

li.vocab {

  list-style-position: outside;

  list-style-type: none;

}



/* fieldset & ledgend fixes */

html.js fieldset {

  margin-top: 1em;

  padding-top: 1em;

  position: relative;

}



html.js legend {

  left: .5em;

  position: absolute;

  top: -.7em;

}



html.js fieldset.collapsed {

  margin-bottom: 20px;

}





/******************/

/* HELPER CLASSES */

/******************/

.clearfix {                                       /* add .clearfix class to clear floats after an element */

  display: block;

  height: 1%;

}

Modifié par Relyss (30 Apr 2010 - 11:06)