YUI按钮不对齐

时间:2008-12-19 22:23:24

标签: html css yui

我使用YUI并且YUI按钮与文本输入字段内联时出现对齐问题。渲染问题出现在FF3中,甚至出现在YUI自己的站点上。

http://developer.yahoo.com/yui/examples/button/btn_example09.html

如您所见,按钮位于文本字段之上。关于如何在同一高度完成所有任务的想法?

3 个答案:

答案 0 :(得分:0)

在该页面上,在FF3中,删除vertical-align:baseline规则使按钮与文本输入框底部对齐。

所以:

#calendarpicker {
    // vertical-align:baseline;
}

答案 1 :(得分:0)

看起来它也是

的组合
.yui-skin-sam .yui-button button, .yui-skin-sam .yui-button a {
    min-height:2em;
}

评论也有帮助。

答案 2 :(得分:0)

最后我不得不使用position:relative;

这是一个实际上正确对齐的YUI示例:http://developer.yahoo.com/yui/examples/calendar/calcontainer_clean.html

我复制了它的CSS