需要有关输入字段垂直对齐的帮助

Question

我需要一个垂直对齐输入字段的帮助。我希望文本输入框彼此对齐。请看一下：http://www.carteretcountyforeclosures.com/foreclosures/

此网站是WordPress网站。此搜索表单位于IDX插件中。这种错位只发生在这个特定的WP主题中。如果我改变主题，一切看起来都很棒。所以我知道这个style.css有问题。这是链接http://www.carteretcountyforeclosures.com/files/style.css

你可以帮忙吗？我花了很多时间来寻找解决方案，似乎没有什么对我有用。 提前感谢您的时间和精力。

Answer 1

造型是漂浮物和相对定位的混乱组合。使用表重新设计布局可能比调试CSS代码更快。

Answer 2

您使用的浏览器是什么？我在IE8和IE中看了一下这个。除“属性类型”下拉列表外，FF10和所有内容都排成一行。快速查看代码会在下拉列表的正上方显示<h1 style='color:#FFFFFF;font-family:Arial,sans-serif;'></h1>，这可能会将其向下推几个像素。围绕该（<div class='right'>，class='property-type'和class='label'）的div中的类未在您的css中定义。尝试为这些类中的一个或多个添加一些样式属性（如边距或填充），或删除空的h1标记以帮助将此字段与位置字段垂直对齐。