Невидимый текст 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>
Текст невидим, если вы не выделите его, не перетащите окно поверх него или что-нибудь в этом роде.
Эта проблема решается, если вы удалите отступы или удалите фон.
Как я могу это исправить?
Ответы 2
Тебя укусил Peek-a-boo.
По этой ссылке у вас есть следующие варианты:
- Следите за тем, чтобы очищающий div не касался поплавка или избегайте использования фона в div # floatholder. Не совсем идеально.
- Укажите как div # floatholder, так и div # float 'position: relative'. Обязательно полностью протестируйте этот метод.
- Дайте div # floatholder hasLayout (теперь предпочтительный метод)
Большое вам спасибо, вы, наверное, спасли мою клавиатуру от разбивки. width: 100% проработано на этом.
Похоже на классическую проблему hasLayout. Добавьте ширину к самому внешнему div или попробуйте любой из других описанных методов здесь.
@Sam, вы можете проголосовать за все полезные ответы, а не только за тот, который вы принимаете.
Я бы хотел, если бы мог ... Я не хочу проходить через весь булл openID, чтобы создать учетную запись
+1 просто потому, что я помню боль, надеюсь, твой день станет лучше :)