Blockquote и IE6

Как оказалось, Internet Explorer 6 странным образом “разбирается” с вполне стандартным HTML тегом BLOCKQUOTE. При использовании внутри этого тега других блочных тэгов (P,DIV), весь последующий текст сдвигается влево (отрицательный отступ или negative margin). При чем, это проявляется, если такой вложенный внутренний блок является завершающим.

Например:
<blockquote><p>Пример URL портала
http://portal.example/index.php?sessionid=12312312&username=Joe
</p></blockquote>
<p>В примере выше, имя пользователя "Joe" сохраняется в URL (в поле username). Выводимая веб-страница отображает приветствие "Добро пожаловать, Joe"... </p>

С каждым применением подобного блока на странице, отрицательный отступ, следующего за ним текста, увеличивается. Как оказалось, это ошибка (bug), которая решается достаточно просто - добавлением в таблицу стилей для BLOCKQUOTE магического _height: 0.

blockquote {
_height:0;
}

Да, IE - это загадочное явление!.. Кстати, в Internet Explorer 7 такой ошибки нет.

Оставить комментарий

Можно использовать теги: <a href="" rel="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>