IE ignore le remplissage lorsque l'espace blanc: nowrap

Question

Ok, donc j'ai une plage avec un arrière-plan qui est positionné dans le côté gauche, et un padding 20px-gauche pour garder le texte d'être rendu sur le dessus de l'image ... jolie la norme.

J'ai également défini l'espace blanc: nowrap sur la plage pour arrêter la ligne d'emballage.

L'étendue est dans un div d'environ 200 px de largeur. Si le texte de l'intervalle est assez long pour dépasser la longueur du div contenant, le remplissage commence à être ignoré et le texte est rendu au-dessus de l'image bg. Cela s'arrête si je laisse des espaces blancs: normal. De plus, le div contenant a un débordement: réglage automatique (barres de défilement en cours de rendu). Utiliser IE8 ... est-ce une chose connue? Y at-il une solution standard, je n'ai pas pu trouver quoi que ce soit :(

Answer 1

Vous devrez peut-être poster plus de code, mais de ce que j'entends votre code html ressemble à quelque chose comme ça

<div class="container"><span class="text">Text asdf asdf</span></div> 

et votre css ressemble à quelque chose comme ça

.container 
{ 
    overflow:auto; 
    width:200px; 
} 
.text 
{ 
    background:... 
    white-space:nowrap; 
    padding-left:20px; 
} 

Dans ce modèle simpliste votre rembourrage disparaîtra parce que la durée est en ligne d'affichage et cesser d'appliquer correctement le rembourrage comme il court hors de la pièce à droite. pour obtenir correctement votre span pour suivre les règles de remplissage. Vous devrez changer Cela va vous obliger à faire d'autres changements si vous voulez que cela circule avec d'autres éléments dans la div plutôt que d'être sa propre ligne.

Answer 2

Je n'ai pas de réponse à cela, mais il semble que Firefox (3.6) ignore aussi le remplissage. Heureusement, il y a une solution pour cela ...