IE7でチェックボックスのレイアウトが崩れてしまいます。。。

こちらの掲示板は終了しました。ご質問などはサポートセンターをご利用ください。

和田さんへ
先日はわたしのおっちょこちょいな画像アップ漏れの質問にレスを付けていただいてありがとうございました。

CSSを勉強しながらの私には添付に示す簡単そうなところも???です。
修正箇所をアドバイスいただけないでしょうか。。。。

①FireFox3だとキチンとレイアウトされるのにIE7になるとチェックボックスのレイアウトが崩れてしまう

②チェックボックス欄の縦幅をもう少し広げたい。
 ○個以上必ずチェックしてください という文字の下が区切り線で消されてしまっています。

③性別のチェックボックスがなぜかセンターに。。。

スタイルシートのサンプルファイルをいじって作ったサイトにメールフォームProを埋め込んで使用しています。
スタイルシートのファイルの参照がサンプルファイルのものと、メールフォームProの2つになっています。

メールフォームProのスタイルシートを読み解こうとしたのですが
 **←この記号の意味や
 !important ←の意味も分からず行き詰ってしまいました。

CSS勉強中の初心者の私にアドバイスお願いいたします。m(_ _)m

Re:IE7でチェックボックスのレイアウトが崩れてしまいます。。。
和田 - 2008-06-30 02:16:54どもー。CSSはハックを使っているのでちょっと読みづらいかもしれません。
一応簡単に大別するとモダンブラウザ(FireFox、Safari、IE7)とレガシーブラウザのスイッチです。
paddingの扱いがモダンとレガシーで違い、外縁につくか内縁につくかで値を2つかいてます。

そして私はまだIE7を入れていないのです・・・。
ということで、近日中(仮)に確認して直したやつアップしますね!
Re:IE7でチェックボックスのレイアウトが崩れてしまいます。。。
佐藤 - 2008-07-01 06:28:03和田様

早々の返信ありがとうございます!
よろしくお願いいたします!

Re:IE6でもチェックボックスのレイアウトが崩れてしまいます。。。
佐藤 - 2008-07-29 22:08:33お世話になります。
上記の質問後にPCのハードディスクが「カキンカキン」と8年にわたる生涯にピリオドをうつということになり、再セットアップしました。そしてXPを再セットアップしたところIEが自動的にバージョン6に。そこでレイアウトを見たところ・・・崩れているのです。ほかに使用されている皆さんは崩れていないのでしたら私のミスだと思うのですが。。。。チェック箇所をアドバイスいただけないでしょうか。。。。
参考までに添付ファイルでIE6の画面をアップします。
Re:IE7でチェックボックスのレイアウトが崩れてしまいます。。。
和田 - 2008-08-06 05:11:01すいません・・・すっかり見落としておりました・・・。
基本的には全部CSSのズレというか項目を変えたことによってoverflowの関係ですね。

項目の短調を合わせてもらうか、height指定をいぢれば解決します!

コメント欄