samsonov.bn.by/blog

Корявые баттоны в IE

Будучи фанатом функциональности и производительности, работая в винде, я всегда отключаю темы и убираю все фичи и красивости с рабочего стола. Однако, необходимо отметить, что в большинстве случаев люди, сидящие под Windows XP, по умолчанию смотрят на web-странички именно через голубое окошко IE.

Неочевидный баг обнаружил коллега по работе в одном из самых популярных смотрелок гипертекстовых страниц всех времен и народов. Неочевидный – потому что, баг проявляет себя непосредственно при условии использования виндовых тем (стилей оформления окошек в Windows XP) .

Так вот, при размещении на форме кнопки с длинным названием у ослика явно наблюдаются проблемы с масштабированием границ этой кнопки.

То есть, при отображении следующей конструкции:

<input type="button" value="Регистрация обращения" />
<input type="button" value="Регистрация" />

Получаем вот такой результат:

Методом эмпирических экспериментов было выявлено, что Эксплорер безжалостно уродует кнопку, размер которой больше чем 40х159 пикселей.

Баг замечен как в 6-ой, так и 7-ой версии Эксплорера. Чем руководствовались разработчики популярного браузера, ограничивая размеры элемента этими магическими числами? Науке не известно.
Интересно и тот факт, что и Opera и FireFox при тех же условиях отображают кнопки нормально.

Так что, господа веб-девелоперы, аккуратней при обзывании батонов

Возможно существуют обходные способы (какие-нибудь css-хаки) для устранения этого бага. Было бы неплохо их узнать.

Комментарии [1] | опубликовано: 27.06.2007