«Улетел» блок в Internet Explorer - PullRequest
1 голос
/ 22 января 2012

Я решил попрактиковаться в верстке сайтов и начал копировать кого-то еще и изучать html-разметку и css-свойства.Все было хорошо, пока я не открыл сайт в Internet Explorer 8… http://hsu.su/ukt

pic

Что я упустил?в чем дело?Извините за ломаный английский
оригинальная страница :
http://hsu.su/wq

Ответы [ 2 ]

2 голосов
/ 22 января 2012

Конечно, сайт работает во всех браузерах, кроме IE.В IE8 я поместил ваш HTML и CSS в JSFiddle , и он отлично работал в IE (см., Например, ссылку).

Это может означать, что ваш HTML не совсем правильно отформатирован.Самым очевидным было то, что вы не объявляли тип документа.Если вы не знаете, что это такое, больше информации здесь .Поэтому я взял ваш код и поместил этот довольно стандартный тип документа:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

И, конечно же, IE8 начал правильно его отображать.

1 голос
/ 22 января 2012

Элемент, содержащий изображение и текст, должен очистить плавающий объект, или переполнение должно быть скрыто:

clear: left;
overflow: hidden;

Переполнение скрытого вынуждает контейнер расширяться до высоты изображения, даже если оноплавает.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...