Height background firefox

Salut,
j'ai un problème avec firefox, j'ai un background qui s'arrète en hauteur à un certain point, alors que sur ie pas de problème, pige pas pourquoi , voici le code :

 <style>
         body {
    background-color: #EAE8E8;
    color: #737373;
    margin: 0;
    font-family:Verdana;
    font-size: 8pt;
    text-align: center;
    }

      #conteneur{
    text-align:left;
    width:709px;
    margin-left:auto;
    margin-right:auto;
    height:100%;
    }
      #mi_mi_body {
    width: 709px;
    height:auto;
    background-image:url("./mi_mi_body.jpg");
    background-repeat: repeat-y;
    text-align:left;
    }
      #centre
    {
     height:100%;
     text-align:center;
     margin-left:40px;
    }
 </style>

<div id="conteneur">
     


         <div id="mi_mi_body">



                    <div id="centre">

                     cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                         cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                         cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                         cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                         cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                         cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                         cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                         cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                         cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                         cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                         cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                         cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                         cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                         cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />
                     cecei est un test ceci est un test<br />


                    </div>


         </div>
</div>

Salut,

background-image:url("./mi_mi_body.jpg");

Commence par enlever les guillemets et pourquoi un "." avant le slash et non 2 points?
Appart ça si tu veux que ton conteneur prenne 100% de la hauteur de la zone d'affichage, tu dois ajouter

html, body {height:100%}

Modifié par Hermann (03 Feb 2006 - 18:53)

ca ne fonctionne pa sous firefox, meme en mettant le body à 100%

En fait ca fonctionne si j'enleve la balise centre, mais dès que j'imbrique sous firefox, le background s'arrète au niveau du scroll ?!

J'ai également le même problème sous firefox http://www.jahmasta.com/new/version_2_bleu/fille2.html si quelqu'un as une idée n'hésitez pas ;o) J'ai également un autre bug sur le titre des sites mais pareil impossible à résoudre.
J'imagine que c le float left de l'image mais comment resoudre cette enigme ...
Merci

il semblerait que body et html à 100 % + background-image soit interpreté par firefox comme la hauteur du navigateur et non la hauteur totale de la page.

tu fais comment dans ce cas là ?
ce qui m'etonne c'est que je n'ai pas vu de problème semblable dans les differents forums, parle pas de ce problème ...

Pareil... J'ai cherché un peu partout et pas de réponses à ce problème. C'est pourquoi je poste ici car il y a des bons codeurs qui ont peut être rencontrer le problème. Idem pour mon problème avec l'image j'ai passé des heures dessus et pas de solutions.

Oui apparemment c'est bien un problème de float associé avec un background à 100% sous firefox, il gère pas la totalité de la page, il faudrait dans ce cas augmenter le %, 120% etc ...

Je suis etonné qu'on passe sous silence ce problème, float + background extensible à l'infini, pas possible ?

sous ie il n'ya pas le problème, bon comme j'en avais marre de chercher, je suis pas un expert en css mais j'en ai conclu qu'il y'avait bug.

Alors je viens de creer une petite fonction qui peut sans doute etre amelioré et modifié selon son code mais ca marche maintenant sous firefox, le background s'etend

  <script language="javascript"> 

 function test(){
 if (document.all) var iex =1; // IE4+

 if (iex!=1)
   {
    var height=window.innerHeight;
    var posScroll =  document.body.scrollTop;
    var pourcentage=(height+posScroll)*100/height;
    document.getElementById('mi_mi_body').style.height = pourcentage+'%';
   }
 }
</script>

Et l'appeler dans la balise body du document :

<body onScroll="Javascript:test();">

Voilà

Bon le javascript ne semble pas apporter la solution en adaptant le script à mon code.
Concernant le height:100%; sur contenant fille si je le vire ça fonctionne bien sur cette page http://www.jahmasta.com/new/version_2_bleu/fille2.html mais forcement pas sur celle-ci http://www.jahmasta.com/new/version_2_bleu/fille1.html
je craque ;o))