Salut à tous,

Je suis entrain de coder mon design et je rencontre un petit problème d´affichage sous Internet Explorer.
Mon design est façon Web 2.0 avec un très haut footer et qui est en 100%.

Lorsque l´on descend en bas de la page avec Firefox aucun soucis, mais sous I.E il y a un decalage blanc de 20px environ en bas de mon footer!

Voila ce que sa donne en image sur I.E :
http://img141.imageshack.us/img141/9523/decalagefo7.jpg

Je vous met mon code :

- DANS LE CSS :

1. footer{

width:100%;
margin:0 0 0 0;
padding:0 0 0 0;
background-image:url(images/bg-footer.gif);
background-repeat:repeat;
color:#FFFFFF;
height: 283px;
text-align: center;
}

- DANS LE HTML :
<!--footer -->
<div id="footer">

<? include("_footer.html"); ?>

</div>
<!--end footer -->
</body>
</html>

Si quelqu´un à la solution pour remedier à ce décalage

Merci.

Essaye de mettre un width en pixel

Non mais mon footer doit toujours occuper tout l´écran ! Je ne pense pas que sa vienne de la..

C´est je pense une histoire de margin ou de padding.

Si tu mets ton width en % et ton height en px, je crois que ça vient de ça... Je dis peut etre une grosse betise.

On peux utiliser les 2.
Tu peux très bien avoir une hauteur fixe et une largeur proportionnelle à la taille du navigateur

"C´est je pense une histoire de margin ou de padding."

C´est ce que je pensais aussi !
Mais j´ai bien dans mon body 0px de padding et 0px de margin, de même dans mon div footer !

Pourtant aucun résultat :/

on voit rien sur ton screen ><
T´as quoi dans _footer.html ?

Un screen un peu plus explicit .. :

http://img153.imageshack.ck.us/img153/262/screenaf3.jpg

Dans mon include voila en bref ce qu´il contient :

<div id="content-footer">

<div id="left-footer">CONTENU TEXTE</div>

<div id="right-footer">CONTENU TEXTE</div>

<div class="clear"></div>
<br />
<br />
COPYRIGHT ETC ...

</div>

si tu a mal utiliser tes float dans left-footer right-footer et clear sa peut faire ca. je pense.