2011-12-16 4 views
0

this locationのフォームが予想通りにレイアウトされない理由を教えていただけますか?私はラベルを左側に、フォーム入力を右側にしたい。レイアウトはChrome 16.0 *やSafari 5.1.1では正しく表示されませんが、Firefox 8では正しく表示されます。欠落しているシンプルなものが必要ですが、私はそれを考えることができます。 screenshot of the problemCSSフォームのレイアウトのばかさ

+1

私はChrome 16を使用しています。名前/メール/その他は、それぞれの入力ボックスの左側に直接表示されます。私もSafari 5をチェックして、同じように見えます。私のFirefoxは奇妙に見える唯一のものです。 – justis

+1

Windows 7のChrome 15に問題はありません。どのOSを実行していますか? – HerrSerker

+0

お詫び申し上げます。私はOSX 10.7.1を使っていると言って忘れました。説明するためにスクリーンショットを添付します。 –

答えて

3

.clearfoats divsにはCSSが添付されていません。それにclear: bothを追加すると、私の問題が解決します。私はMac OS 10.6.8でChrome 17を使用しています。

+1

'#clearfloats {\t clear:both; } 'を使用しますが、' class = "clearfloats" 'をHTMLで使用します。 – thirtydot

+0

ありがとうございます。私はそれが何かばかげたことを知っていた。あなたが疲れている時にはコードしないでね。 –

0

すべてがクリアされていないまま残っているため、スペースが別のブラウザで別々にレンダリングされていると、何も表示されません。あなたの最善の策は、各ラベル/入力ボックスの組み合わせの後にclear:leftを入れることです。

各グループの後にそれを修正する必要があるように、あなたのclearfloats divを追加するかのようです。

0

divにはliがあります。終了タグが' />'で終了している場合は、'</textarea>'でもう一度閉じ、最後に'</a>'がありますが、開始タグはありません。最初に修正してください。ところで、それはWindowsでもFFで動作していません。