Невидимый текст 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>

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

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

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

+1 просто потому, что я помню боль, надеюсь, твой день станет лучше :)

seanb 11.12.2008 07:49
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
2
1
914
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Тебя укусил Peek-a-boo.

По этой ссылке у вас есть следующие варианты:

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

Большое вам спасибо, вы, наверное, спасли мою клавиатуру от разбивки. width: 100% проработано на этом.

Sam 11.12.2008 07:47

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

@Sam, вы можете проголосовать за все полезные ответы, а не только за тот, который вы принимаете.

tvanfosson 11.12.2008 07:55

Я бы хотел, если бы мог ... Я не хочу проходить через весь булл openID, чтобы создать учетную запись

Sam 11.12.2008 07:59

Другие вопросы по теме