ブログがIEで表示がおかしくなってます

質問

知識もないのに、色々なサイトを見ながらあれこれと継ぎ接ぎ状態で
テンプレートを作成しました。FC2です。
Macを使っており、Firefox・Safari・Chomeでの表示は確認出来るのですが
IEの表示は確認出来ません。
IE環境の方から、表示がおかしいとのご指摘を頂きましたが
確認出来ない上、どこをどう修正すればいいのか・・・。
IE環境の方は多いと思うので、きちんと修正したいです。

お恥ずかしいのですが、助けて下さい！

ブログは
http://cutecogi.blog108.fc2.com/
です。
どうかよろしくお願いします。

回答No.3

kaisinjuku04 · ベストアンサー

追加

#main_block {
height: 585px;　←削除
left: 50%;
margin-left: -450px;
margin-top: 10px;　←変更
position: absolute;
text-align: left;
top: 50%;　←削除
width: 1000px;　←変更
}
#body_block {
background-color: #474A4D;
clear: both;
height: 575px;　←削除
margin: 5px 0;
overflow-y: scroll;
}

これで、ほぼ一般的なブログページなると思います。
ただし、ID名やclass名には違和感が拭えません。
下記サイトなどを参考にして、ご自身で工夫される方がよろしいかと思います。
http://matome.naver.jp/odai/2133510305809813901

お礼

kaisinjuku04 様

何度もお返事を頂きまして、ありがとうございます。

右サイドバーが落ちてしまうのは、これで解決できそうですので
助かりました。
スクロールについてこないなど問題は残ってますが、
少し勉強しようと思います。
ありがとうございました。

回答No.2

kaisinjuku04

とりあえず、
#main_block {
height: 585px;
left: 50%;
margin-left: -450px;
margin-top: -325px;
position: absolute;
text-align: left;
top: 50%;
width: 940px;
}

この部分の
width: 940px;
を
width: 1000px;
としてください。

FirefoxのFirebugというプラグインで、
widthを1000pxに変更して表示すると下図のようになります。

回答No.1

kaisinjuku04

どこがどう「おかしい」と指摘されたのかを記載しないと。
例えば、高さを
height: 585px;
としているのですら、一般的ではありませんし。
ですが、あなたのサイトの「仕様」なのでしたら、直す必要もないでしょうし。

Win8 IE10でどう表示されるか、画像添付しておきます。

お礼

kaisinjuku04 様

重なりますが、
早速お返事を頂きまして、ありがとうございます。
捕捉を致しました。
最初からきちんと記載せず、申し訳ありませんでした。

補足

kaisinjuku04 様

早速お返事を頂きまして、ありがとうございます。

不十分な情報で、申し訳ありませんでした。
指摘された内容は
・ブログの記事タイトルがスクロールに付いて来ない
・ブログ記事の日付表示の右にある犬の画像が固定しない
( 頂いた画像でもフッターの下に表示されてます )
・コメント欄の本文がスクロールされない
でした。

更に頂いた画像では、右側のプラグインが落ちてます。
ご指摘頂いた高さの「 height: 585px; 」が一般ではないという事。

知識もないのに自分の思うデザインに近くなるようにと、
あれやこれやと作ったので、基本を大きく外れてしまっていると思います。
自分勝手ではありますが、知識のある皆様にアドバイスを頂きながら
修正をしたいと思っています。