标题表单位置的问题

Question

所以我在我的网站顶部有一个注册表单，在safari / firefox中它看起来很完美但是因为某些原因它被推下来所以看起来不对。我尝试删除所有这些元素上的所有填充/边距，但是当发生这种情况时，似乎还有一些东西会将其推下去。有谁知道为什么会这样。您可以在本页顶部看到它：

http://www.campusmediawatch.org/partners

谢谢！

Answer 1

<form>需要填充＆am​​p;边距设置为0.然后将垂直对齐设置为中心也可能有所帮助。如果它仍然不起作用;尝试将doctype更改为HTML而不是XHTML，因为IE为每个doctype使用不同的渲染器。

Answer 2

有两种可能的因素：

1. 调试这些问题总是有点棘手，但这可能是行高的问题。我会尝试为表单中的元素指定1em左右的显式行高。

2. 在您的情况下，提交按钮更有可能导致您的问题。不同的Web浏览器不正确地呈现提交输入标记。尝试通过使用display none设置样式来隐藏您的提交按钮，以查看这是否实际上导致您在IE中显示问题。如果是，您可以通过条件注释专门为IE创建样式表，并将替代样式应用于提交标记。或者您可以对提交输入使用绝对定位，这样可以避免使用浏览器特定的样式表。