this locationのフォームが予想通りにレイアウトされない理由を教えていただけますか?私はラベルを左側に、フォーム入力を右側にしたい。レイアウトはChrome 16.0 *やSafari 5.1.1では正しく表示されませんが、Firefox 8では正しく表示されます。欠落しているシンプルなものが必要ですが、私はそれを考えることができます。 CSSフォームのレイアウトのばかさ
答えて
.clearfoats
divsにはCSSが添付されていません。それにclear: both
を追加すると、私の問題が解決します。私はMac OS 10.6.8でChrome 17を使用しています。
'#clearfloats {\t clear:both; } 'を使用しますが、' class = "clearfloats" 'をHTMLで使用します。 – thirtydot
ありがとうございます。私はそれが何かばかげたことを知っていた。あなたが疲れている時にはコードしないでね。 –
すべてがクリアされていないまま残っているため、スペースが別のブラウザで別々にレンダリングされていると、何も表示されません。あなたの最善の策は、各ラベル/入力ボックスの組み合わせの後にclear:left
を入れることです。
各グループの後にそれを修正する必要があるように、あなたのclearfloats divを追加するかのようです。
divにはliがあります。終了タグが' />'
で終了している場合は、'</textarea>'
でもう一度閉じ、最後に'</a>'
がありますが、開始タグはありません。最初に修正してください。ところで、それはWindowsでもFFで動作していません。
- 1. シンプルなCSSのフォームのレイアウト
- 2. CSSの列レイアウト
- 3. CSSの表レイアウト
- 4. CSSレイアウトのベストプラクティス
- 5. DIVレイアウトとCSSの高さのヘルプ
- 6. htmlレイアウト対CSSレイアウト
- 7. MVC 2の表示レイアウトCSSコントロールのレイアウト
- 8. スタイリングの難しさCSSフォーム
- 9. CSSレイアウト
- 10. CSSレイアウトの問題
- 11. CSSのポップアップエフェクトhtmlレイアウト
- 12. D3 CSSレイアウトのカスタムカラー
- 13. シンプルなレイアウトのCSS
- 14. CSS 3列のレイアウト
- 15. CSSレイアウトの表示
- 16. CSSレイアウトの問題
- 17. 特定のウェブサイトのCSSレイアウト
- 18. IE9のCSSレイアウトの問題
- 19. Html5 CSSレイアウトとjQuery UIのCSSリセットオプション
- 20. CSS流体レイアウト
- 21. CSS:レイアウト質問
- 22. CSS - 2列レイアウト
- 23. 動的CSSレイアウト
- 24. CSSレイアウト(固定)
- 25. CSS ids、クラス、レイアウト
- 26. CSSレイアウト - フロート:...アップ?
- 27. AndroidレイアウトはHTML/CSSレイアウトのように機能しますか?
- 28. のCss流体レイアウトは
- 29. MVCのテーマ、レイアウトとCSS
- 30. 3列レイアウトのHTML/CSS
私はChrome 16を使用しています。名前/メール/その他は、それぞれの入力ボックスの左側に直接表示されます。私もSafari 5をチェックして、同じように見えます。私のFirefoxは奇妙に見える唯一のものです。 – justis
Windows 7のChrome 15に問題はありません。どのOSを実行していますか? – HerrSerker
お詫び申し上げます。私はOSX 10.7.1を使っていると言って忘れました。説明するためにスクリーンショットを添付します。 –