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

Question

Мне потребовалось время, чтобы уменьшить проблему. Я не могу выразить количество разочарования, которое я испытываю, и если бы я это сделал, он не был бы подходящим для любого веб-сайта. Когда-либо. Вот 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> 

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

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

Как это исправить?

Answer 1

Вы были укушены Peek-a-boo.

С этой ссылкой, ваши варианты:

1. Держите очищающий DIV от прикосновения к поплавку, или избежать использования фона на ДИВОМ # floatholder. Не совсем идеально.
2. Дайте как div # floatholder, так и div # float 'position: relative'. Обязательно полностью протестируйте этот метод.
3. Дают DIV # floatholder hasLayout (теперь предпочтительный метод)

Answer 2

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