CSS устраняет обе ошибки IE

#css #internet-explorer

#css #internet-explorer

Вопрос:

Когда я использую clear:both код в теге CSS div, он некорректно отображается в IE.

это firefox: введите описание изображения здесь

это IE 6 введите описание изображения здесь

Вы можете видеть, что в Firefox он отображается правильно, но в IE 6 он отображается некорректно. Пожалуйста, помогите мне решить эту проблему. Спасибо.

Пожалуйста, проверьте это.

http://jsfiddle.net/sasindu555/xmKAT/

Комментарии:

1. Вы должны опубликовать остальную часть своего кода или ссылку, чтобы мы могли устранить неполадки с остальной частью документа в контексте. — вы также могли бы попробовать использовать jsfiddle.net за это….

2. Какая версия IE доставляет вам проблемы?

3. Прошу прощения. Я забыл упомянуть об этом. Т.е. 6.

Ответ №1:

добавить font-size: 0; в #h-spacer

IE6 не может задать 1px высоту div , по умолчанию используется высота 16 пикселей (или по умолчанию), чтобы оставить место для высоты строки текста

Комментарии:

1. большое вам спасибо. Я просто добавил font-size: 0; . Моя проблема решена.

2. Добро пожаловать — это всего лишь одна из маленьких слабостей 6 😉

3. ДА. У меня есть другие проблемы с IE6. некоторые разделы не отображают границы и фон. 🙁

4. @Sassi обычно это симптомы проблемы с hasLayout .. исчезновение содержимого и границ, то есть .. Чтобы проверить, так ли это, добавьте * {zoom: 1;} в конец ваших стилей (не волнуйтесь, это может привести к некоторым нарушениям выравнивания, но) — возвращает ли это ваши границы и фон? .. если да, то вам нужно быть разборчивым в том, где применить это исправление, найдите предковый div / элемент затронутого элемента, который имеет отступы / поля / границы (все или любой), но не имеет ширины, и попробуйте применить zoom всем им — Удачи!