Смещение кнопок YUI
Я использую YUI, и у меня проблемы с выравниванием кнопок YUI, встроенных в поля ввода текста. Проблема рендеринга возникает в FF3 и даже присутствует на собственном сайте YUI.
http://developer.yahoo.com/yui/examples/button/btn_example09.html
Как видите, кнопка находится выше текстовых полей. Есть идеи, как добиться одинаковой высоты?
Ответы 3
На этой странице в FF3, чтобы избавиться от правила vertical-align:baseline, кнопка выровнялась по нижнему краю с полями ввода текста.
Так:
#calendarpicker {
// vertical-align:baseline;
}
Похоже, это тоже комбинация с
.yui-skin-sam .yui-button button, .yui-skin-sam .yui-button a {
min-height:2em;
}
Комментирование этого тоже помогает.
В конце концов, мне пришлось использовать position: relative;
Вот пример YUI, который действительно правильно выравнивается: http://developer.yahoo.com/yui/examples/calendar/calcontainer_clean.html
Я скопировал его css