largeur du corps IE7 augmente avec l'élément taloché

Dans IE7 rendu mode standard, une chose étrange se produit avec le corps suivant:largeur du corps IE7 augmente avec l'élément taloché

<body> 
    <div style="border: 1px solid black;"> 
    <span style="float: right; font-style: italic;">some text to the right</span> 
    other text to the left 
    </div> 
</body>

Le double largeur du corps, même si la largeur <div> semble correct. Il y a juste une énorme quantité d'espace vide apparaissant à droite, et une barre de défilement horizontale.

page rendu est correct si je passez en mode de rendu des normes IE8, ou si je reste en mode IE7 mais supprimer la règle font-style CSS:

<body> 
    <div style="border: 1px solid black;"> 
    <span style="float: right;">some text to the right</span> 
    other text to the left 
    </div> 
</body>

Qu'est-ce qui se passe ici? PS: Fait intéressant, la même chose se passe si j'utilise <em> ou <i> au lieu de font-style: italic. Avec <em> - corps large, sans - corps normal. Le changement de style de police semble le casser, alors que changer le poids de la police (gras) n'a aucun effet négatif.

Source

2010-09-11 Tomalak

Je ne sais pas exactement ce qui se passe, mais là encore, IE fonctionne de façon mystérieuse ... De toute façon, cela devrait fixer:

<div style="border: 1px solid black; overflow: hidden;">

Source

2010-09-11 15:43:24

Déclarant 'overflow: hidden;' la réparer. Merci. :) – Tomalak

Content d'être utile! :) –

largeur du corps IE7 augmente avec l'élément taloché

Répondre

Questions connexes