2011-08-16 9 views
0

私のフォーム上の "プロジェクトタイプ"入力ボックスに "選択"特別入力ボックスを使用しています。CSSの1pxジャンプ私の人生のために把握することができません

あなたはここに私のページは下記ですhttp://harvesthq.github.com/chosen/

ここに見ることができます。名前、電子メール、電話などはすべて標準の入力ボックスですが、プロジェクトタイプになると完全に動作しますが、選択項目の1つをクリックするとまだ正常に動作します。あなたが選択したオプションの1つを削除した後(例えば、フォーカスを失うためにページの右側にある)、入力ボックスをオフにしたとき、非常によく見てください。そして、フッターを含むすべてのものを見ています。 ..送信ボタンなどすべてシフト1px。それは良い説明ではなかったし、ちょうどそれを再生する場合はちょうどそれと遊ぶ

私はどのようなプロパティがこれを知ることができません..私が変更された唯一のものはパディングでした:パッキング6pxにdivの内側の入力、入力ボックスの残りの部分と一致します..だから

http://eastcoastefx.vaesite.com/contact

答えて

1

私はクロームでこれをテストしてみました。

div id="sel1DT_chzn"何かが選択されたときに1ピクセル増加します。

33px

<div id="sel1DT_chzn" class="chzn-container chzn-container-multi" 
    style="width: 348px; height: 33px;"> .... 
+0

すべての回答のうち、これは働いていただけだった、あなたが追加したときしかし、問題がありますタグがたくさんあるので(複数の行がいっぱいになる)、それはそのようにとどまり、残りの要素を下に移動する必要はありませんか? – Tallboy

+0

おそらくmin-heightですか?オーバーフロー:自動?それは実際にあなたのターゲットブラウザとあなたの見た目に依存します。 –

+2

または、@ imskyの提案をとり、 'chzn-container-multi .chzn-choices .search-choice'行の' line-height:12px'を変更してください。また、すべての入力をデフォルトで同じ高さに設定する必要があります。 Chromeの開発ツールでは、他の入力は「30px」と高く表示されます。 –

0
にその高さを設定し

問題は「.chzn-コンテナアクティブ.chzn-選択肢.search-選択」プロジェクト項目(ブランディング、ウェブ開発等。)別名が持っているということですコンテナの高さはわずか30pxですが、高さは31px(パディング、マージン、境界線を含む)です。だから、29px以下にすることもできます。そうしないと、今のようにコンテナを拡張することができません。

私のブラウザで解決したのは、上端から1px、下端から1pxを引いた値です。しかし、それはどのように行うかはあなた次第です。

+0

正確な行番号を教えていただけますか?私はいくつかの異なるものから1pxを削除し、それを悪化させましたか?ありがとう! – Tallboy

1

ここで修正です:

chosen.css、ライン172のセレクタ: 行の高さ:12ピクセル

関連する問題