1

ユーザー情報フォームのスキンとレイアウトを再設計しています。最初はテーブルを使用して行われていましたが、レイアウトにテーブルを使用したくありません。私のコードはここにありますhttp://jsfiddle.net/Chris22/eNqrM/ すべてのブラウザー、Opera 11.x、FF 12.x、Chrome 18.x、Safari 5.1.x でコードをテストしましたが、フォームは見栄えがします. 私の問題はIE9です。

IE9 のコードを見て、フォーム要素が整列せず、一部のテキスト処理が異なる理由について、私が誤ってコーディングしたものを誰かが理解できるかどうかを確認してください。私はそれを理解できないようです。

比較したい場合は、元のテーブルレイアウトを次に示します。 http://jsfiddle.net/Chris22/q3sCb/3/ どちらのコード セットにも Java スプリング フォーム タグが含まれているため、私が FED (フロントエンド開発者) であるため、それを理解するのも少し困難でした。多分私はここで何かが混ざっています。知らない。

ありがとう！！

PS元のテーブルレイアウトを変更する方が良い場合は、コーディングを開始する方法について助けていただければ幸いです...しばらくレイアウトにテーブルを使用していません。

IE9:

ここに画像の説明を入力

4

2 に答える 2

1

これを修正しました。最善の方法ではないかもしれませんが、input要素をタグでラップし、タグ内のタグにlabelルールfloat:rightを追加しましたinput。みんなのフィードバックに感謝

于 2012-05-16T20:09:33.613 に答える
0

値属性を持つ入力を持つ比較的単純なフォームで同じ問題が発生しました。それが実際の答えかどうかはわかりませんが、ミスアライメントを見ているのはあなただけではないことを知っておくと役立つかもしれません. 一部の人々がミスアライメントを見ていない理由について、私は少し困惑しています. float:right が修正を提供するという事実は私にとって有用であり、長い間 IE の「機能」であった神秘的な hasLayout プロパティと関係があるかもしれません。左または右のフローティングは「hasLayout」を誘発しますが、他の結果をもたらす可能性があります。「レイアウトを持たない」ための一般的な修正は、CSS ですべてに zoom:1 を与えることです - これは「レイアウトを持たない」を誘発し、通常は視覚的な変化はありません。

于 2012-05-24T21:20:24.917 に答える