2010-07-27 2 views
4

Итак, у меня есть пролет с фоном, который расположен слева, и 20px padding-left, чтобы текст не отображался поверх изображения ... pretty стандарт.IE игнорирует прописку, когда пробел: nowrap

Я также устанавливаю пустое пространство: nowrap на пролете, чтобы остановить линию от обертывания.

Пробел находится в div шириной около 200 пикселей. Если текст в промежутке достаточно длинный, чтобы превышать длину содержащего div, добавление начинает игнорироваться, а текст отображается поверх изображения bg. Это прекратится, если я покину пустое пространство: нормальное. Кроме того, содержащий div имеет переполнение: автоматический набор (полосы прокрутки отображаются).

Использование IE8 ... это известная вещь? Есть ли стандартное исправление, я не смог найти что-нибудь :(

ответ

2

Вы, возможно, потребуется размещать больше кода, но от того, что я слышу ваш HTML выглядит что-то вроде этого

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

и ваш CSS выглядит что-то вроде этого

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

в этой упрощенной модели ваша обивка отпадет, поскольку продолжительность является дисплей встроенной и правильно прекратить применение отступов, как он выбегает из комнаты справа. для того, чтобы правильно получить ваш чтобы следовать правилам заполнения. Вам нужно будет изменить до display:block, это заставит вас делать и другие изменения, если вы хотите, чтобы это поток с другими элементами в div, а не как собственная строка.

+0

Настоящие браузеры не перестают отображать отступы, div просто получает больше переполнения для размещения элемента. Также установка отображения .text для отображения: блок не имеет эффекта. Спасибо за сообщение, хотя, я понимаю, что я был легким на деталях кода, но в качестве примера нецелесообразно публиковать все. – arw

0

У меня нет ответа на этот вопрос, но похоже, что Firefox (3.6) также игнорирует дополнение. Надеюсь, есть исправление для этого ...