在Firefox中打破的表单布局

时间:2011-07-07 11:23:25

标签: html css internet-explorer firefox

可以解释为什么我的表单在Firefox中被破坏了吗?我已经尝试了各种方法来纠正它,但不断得到相同的结果。如果有人能告诉我哪里出错了,我将不胜感激。我已经包括抓斗,所以你可以看到问题。我也在小提琴上贴了代码。我还注意到,在小提琴我使用IE8,布局也在那里打破,但不是在我的broswer。非常感谢。

收藏:

http://img20.imageshack.us/i/ffformincorrect.png/

http://img195.imageshack.us/i/ie8formcorrect.png/

小提琴:http://jsfiddle.net/tdfLQ/

3 个答案:

答案 0 :(得分:2)

我在Firefox,Safari,Chrome和IE 8中测试了你的jsfiddle链接,他们都以同样的方式呈现它,而Aziz的解决方案只需要一些调整,试着看看:http://jsfiddle.net/tdfLQ/1/

除了删除像Aziz建议的宽度之外,我刚刚在字段中添加了边距并发送了按钮。

快速谷歌提出了这个页面,看起来很有帮助(可能有点旧):http://www.websiteoptimization.com/speed/tweak/forms/

答案 1 :(得分:1)

width: 350px;

中删除.fb-input-right-con

答案 2 :(得分:1)

以下是您想要的工作示例:http://jsfiddle.net/tdfLQ/8/

相关问题