Может ли обычный текст поглючить IE?

в 22:16, , рубрики: bugs, css, html, Веб-разработка, верстка, ошибки на сайте, метки: , , , ,

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

Однако до сегодняшнего дня я думал, что нужно хотя бы использовать хитрые конструкции CSS, вложенные иерархии DIV-ов и таблиц, всякие float-ы и коллапсирующиеся margin-ы, чтобы налететь на реальную ошибку.

Я был уверен, что существует хотя бы одна ситуация, когда можно не опасаться никаких засад и приколов: мы всегда можем обернуть фрагмент обычного текста обыкновенным DIV-ом (display:block; и float:none;) и быть уверенными, что наш текст останется внутри него:

<DIV>
Этот текст никогда не выйдет за пределы обычного DIV-а!
</DIV>

Но на самом деле нет пределов в этом жестоком мире браузерного маразма…

В IE 9 текст может вылезти за пределы DIV-а, если он содержит символ буллета (&bull;) не отделенный от последующего текста пробелом…

Далее простой тест – если Вы откроете этот пост в IE9, то, скорее всего, вместо нескольких строк с многократно повторенным словом “•test”, Вы увидите одну строку – так как этот казалось бы plain текст пробил границу DIV-а в верстке Хабра… Проверка:

•test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test •test

Автор: sysprg


* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js