IE6 невидимый текст в 7 строк HTML, есть ли исправление?

У меня ушло навсегда, чтобы свести проблему к этому. Я не могу выразить количество разочарования, которое я испытываю, и если бы я это сделал, он не подойдет ни для одного веб-сайта. Когда-либо. Вот HTML-код, который причиняет мне эпическую боль:

<div style="padding: 5px; background: #EEE">
    This text is invisible. Remove either padding or background to see this.  
    <div>
        <div style="float: left;">left</div>
        <div style="clear: both;"></div>
    </div>
</div>

Текст невидим, если вы не выделите его или не перетащите окно поверх него, или что-то безумное в этом роде.

Эта проблема решается, если вы удалите отступы или фон.

Как я могу это исправить?

11.12.2008 04:39:49
+1 только потому, что я помню боль, надеюсь, твой день станет лучше :)
seanb 11.12.2008 04:49:09
2 ОТВЕТА
РЕШЕНИЕ

Тебя укусил Пик-бу .

По этой ссылке ваши варианты:

  1. Не допускайте прикосновения к очищающему элементу div и не используйте фон для div # floatholder. Не совсем идеально.
  2. Задайте для div # floatholder и div # float 'position: относительный'. Обязательно полностью протестируйте этот метод.
  3. Give div # floatholder hasLayout (теперь предпочтительный метод)
4
11.12.2008 04:43:08
Большое вам спасибо, вы, вероятно, спасли мою клавиатуру от разбитых. ширина: 100% работал на этом.
Sam 11.12.2008 04:47:30

Похоже, классическая проблема hasLayout. Добавьте ширину к вашему внешнему div или попробуйте любой другой метод, описанный здесь .

3
11.12.2008 04:45:24
@ Сэм, ты можешь проголосовать за все полезные ответы, а не только за те, которые ты принимаешь.
tvanfosson 11.12.2008 04:55:10
Я бы, если бы мог ... Мне не хочется проходить через весь бык openID, чтобы создать учетную запись
Sam 11.12.2008 04:59:58