ブログのレイアウト表示崩れ

質問

ウェブリブログの３カラムのブログを使用しています。
最近まで表示が正常でしたが、今はＩＥ系（IE９でも）
のブラウザで閲覧すると３カラムが左側に１列になって
しまうようになりました。
但しグーグルクローメやファイヤーフォックスでは正常
に表示されます。
ＩＥ系（IE９でも）のブラウザで閲覧しても正常に表示させる
方法をご存知の方はいないでしょうか？

ちなみにブログのURLは・・・
http://214200.at.webry.info/です。

回答No.2

tacop · ベストアンサー

No.1です。

質問者さんのブログのトップページのCSSのアドレスは下記です。

http://webryblog.biglobe.ne.jp/css/articles.new/common.css

ファイル内を「#comment table」で検索すれば該当の箇所が出てくると思います。

私はウェブリブログを利用していないので詳しくは判りませんが、ユーザーが編集できるCSSページがあるのだとすればそのページに「#comment table」に対する新しいCSS指定を書き加えれば、追加した方の指定が反映されるのではないかと思います。

お礼

有難う御座いました。

回答No.1

tacop

こんにちは。

最近（崩れる前に）テンプレートを変更しましたか？
もしも最近デザインを変えた、あるいはCSSを変更したということであれば下記のブログ記事が参考になるかもしれません。
（変更前も後もデザインはまったく触っていないということであれば、別の原因だと思います。その場合はスルーしてください）

■IEでレイアウトが崩れる（カラム落ち）「はじめてのブログデザイン」さん
http://hajimetedesign.blog77.fc2.com/blog-entry-21.html

この中に
『■原因
コメント投稿フォーム内のレイアウトに使用していた table の width に CSS で 100% を指定していた為。』
との記述があります。

質問者さんのブログのCSSを確認したところ
#comment table{
width:100%;
margin-bottom:5px;
table-layout:fixed; /*cmtout removed 20090115*/
}
という部分がありました。
もしかしたらこれが原因かもしれません。
※あとCSSの中の他の箇所にもtableに100％が指定されている部分がいくつかありましたので、そこもチェックしてみるといいかもしれません。

以上、ご参考まで。

補足

ご回答有難うございます。回答で記入頂いた、
『質問者さんのブログのCSSを確認したところ
#comment table{width:100%;margin-bottom:5px;
・・・・・・という部分がありました』と教えて頂きました
が、その部分を確認する方法が分かりません。

ブログのＣＳＳ管理画面にはその箇所がありません
ので、どこを探せば良いか不明です。

お手数をお掛けしますが、よろしくお願いします。