CSS:为什么我的表单在新行上提交按钮?

时间:2009-11-03 02:49:57

标签: css internet-explorer firefox

在我的网站上http://tinyurl.com/yhvj6g

为什么Internet Explorer将我的“查找列表”提交按钮放在新行上,而Firefox& Chrome将提交按钮与输入字段水平内联(这是所需的结果)?

我希望Internet Explorer的行为与Firefox& Chrome浏览器保持“查找列表”提交按钮与输入字段水平内联。

我认为这是一个CSS问题。任何帮助,将不胜感激。感谢

3 个答案:

答案 0 :(得分:2)

尝试在该按钮上设置宽度,以便文本框+按钮+填充< 400px(容器的大小)。在我看来,按钮滑到第二行只是因为它太宽而无法放在同一条线上

答案 1 :(得分:1)

同时观察两者,IE中的按钮比Firefox中的按钮宽得多。我猜它太宽了,无法适应IE上的可用空间,并且正在转移到下一个“线”。尝试将按钮上的填充减少到0,看看会发生什么;此外,您可以将表单放在明确大小的div中以强制留出足够的空间。

答案 2 :(得分:0)

我明白了。我的FORM宽度不够宽