http://redhotchilipeppersfan.g.hatena.ne.jp/
トップページをFirefox2.0.0.1で見ると思惑通り表示されるのですが、IE7.0で見ると「キーワードでつながる」以下のH3要素が左方向にずれてしまっています。なぜこうなってしまうのでしょうか。どうすればIEでもFirefoxと同じように表示できるでしょうか。ちなみに確認は今のところWindows環境でしか行っていません。
No.1
16
1
60pt
細かい原因はよく分かりませんが、早めの対症療法として、以下のようにh3要素にwidth:100%;を加えるとIE7でもずれないようです。
36
36
h3 {
font-size: 100%;
font-weight: bold;
margin-top: 2%;
margin-bottom: 0.1%;
width:100%;
}
おお！ホントだ。ありがとうございます！とりあえず解決したのでホッとしました。原因については、また調べてみます。