samsonych.com

Shine On You Crazy Diamond!

MS IE уродует длинные кнопки

29th January 2008

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

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

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

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

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

Получаем вот такой результат:
Найди 15 различий :]

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

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

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

3 Responses to “MS IE уродует длинные кнопки”

  1. Samolisov Says:

    Да, есть такая бажина, верно подмечено. Спасает здесь только css - нужно явно задать толщину и цвет границы кнопки. Да и вообще (не проверено, можно поэкспериментировать) надо просто задать хоть какое-то определение стиля для кнопки. Тогда она будет прямоугольная, но блин с нормальными краями.

    З.Ы. разработчикам осла антиреспект!

  2. Samolisov Says:

    Ах, да, совсем забыл.
    Бакинских комиссаров было 26, а не 28 )))

  3. samsonych Says:

    Точно! При указании бордера в стиле кнопки, проблема корявости исчезает. Спасибо за совет.

    А Бакинских комиссаров действительно было 26 :)
    Благодарю за заметку. Исправлюсь.

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>