入力フィールドの垂直方向の整列に関するヘルプが必要

Question

入力フィールドの垂直方向の整列に関して助けが必要です。私は、テキスト入力ボックスを互いに整列させたい。ご覧ください：http://www.carteretcountyforeclosures.com/foreclosures/

このウェブサイトはワードプレスのサイトです。この検索フォームはIDX Pluginにあります。このミスアライメントはこのWPテーマでのみ起こっています。私がテーマを変えれば、すばらしく見える。だから私はこのスタイルのCSSに何か問題があることを知っています。ここにリンクがありますhttp://www.carteretcountyforeclosures.com/files/style.css

助けてください。私はこれを解決するために多くの時間を費やしてきましたが、何も私にとってはうまくいかないようです。 時間と労力をいただきありがとうございます。

Answer 1

スタイリングは、フロートと相対的な配置の混乱した混合です。おそらく、CSSコードをデバッグするよりも、テーブルを使ってレイアウトを再設計するほうが速いでしょう。

Answer 2

どのブラウザが使用していますか？私はIE8 & FF10でこれを見て、すべてが "Property Type"ドロップダウンを除いて全て並んでいます。あなたのコードを見てみると、ドロップダウンのラベルのすぐ上に<h1 style='color:#FFFFFF;font-family:Arial,sans-serif;'></h1>が表示されます。これは数ピクセル下に押されている可能性があります。それを取り巻くdivのクラス（<div class='right'>,、およびclass='label'）は、あなたのCSSで定義されていません。これらのクラスの1つ以上のスタイル属性（マージンやパディングなど）を追加するか、空のh1タグを削除して、このフィールドを場所フィールドと垂直に整列させてください。