IE8 float problème avec le CSS

Je suis sûr que cela doit avoir été fait avant parce que je suis sûr que je ne suis pas le premier à faire cela, mais je ne peux pas trouver la réponse. Je suis entrain de créer un effet d'ombre pour un <div> utilisation de multiples images d'arrière-plan. Dans le fond les deux coins j'utilise des petites 9x5 px images. Je flotte vers la gauche et la droite et dans Firefox et Safari ils ont l'air parfait. Dans IE8 (et éventuellement d'autres S) ils flottent trop loin à gauche et à droite des propos de 3px.

Vous pouvez voir le problème à ici. C'est un ebay modèle pour mon épouse.

A ce jour, j'ai essayé de réglage display:inline, qui a été un correctif pour un même IE6 questions. J'ai aussi essayé de réglage de l'image marges et padding 0px avec pas de chance.

Des idées?

Grâce,
Carraig

OriginalL'auteur | 2009-09-10

  1. 4

    Tout en naviguant sur votre page, j'ai trouvé qu'il est en défaut en mode quirks, ce qui est probable, parce que si je force en Stricte il semble pour le fixer votre flottante problème dans tous les cas de IE.

    avoir une lecture de ppk de l'article ici:
    http://www.quirksmode.org/css/quirksmode.html

    il explique pourquoi sa passe et comment y remédier 🙂

    Espère que cela aide!

    Qui aurait pensé... être pénalisé pour le faire correctement. En fait je n'avais même pas pensé à insérer le doctype ligne étant donné que c'est simplement un modèle pour ebay.

    OriginalL'auteur Wayne Austin

  2. 3

    Je pense qu'il a quelque chose à voir avec le flotteur éléments d'arriver en dehors des frontières de la div, essayez de l'insérer avant de fermer le div parent: 

    <div style="clear: both; font-size: 1px; line-height: 0px;"> &nbsp;</div>
    Merci pour votre réponse.
    Je vous remercie. Je pensais à quelque chose comme cela, mais votre code a fonctionné comme un charme avec des copier-coller entre les seuls éléments 🙂

    OriginalL'auteur Khodor