助太刀忍者(質問掲示板)

助太刀忍者

No.47368    IEでのデザインのズレ
http://kakikuke.mamagoto.com/

新しくブログを立ち上げました。どんな感じになるのか、適当に一つの記事を書いてみたところ、FireFox、Operaでは正常に表示されるのですが、IE6、7では

・上の部分と下の部分のラインがズレる

・本文とコメント欄との境のラインが重なってしまう

・フッターのラインの部分で枠のラインが途切れている
と、デザインが崩れてしまいます。

IEを使うことはあまりなく、普段はFireFoxを使っています。
どちらのブラウザでも正常に表示できる方法は無いでしょうか?

まだ本格的に始めてはいないので、プラグインはデフォルトの状態です。
お時間のある時にアドバイスをお願いいたします。
使用環境
  • OS:Microsoft Windows XP
  • ブラウザ:Microsoft Internet Explorer 7.x
  • モニター:1680×1050
  • JavaScript:ON
  • Cookie:ON
  • 回線種別:
  • ソフトウェア:
投稿者:No Name Ninja 投稿時間:2011-02-05 02:54:50
http://kakikuke.mamagoto.com/

新しくブログを立ち上げました。どんな感じになるのか、適当に一つの記事を書いてみたところ、FireFox、Operaでは正常に表示されるのですが、IE6、7では

・上の部分と下の部分のラインがズレる

・本文とコメント欄との境のラインが重なってしまう

・フッターのラインの部分で枠のラインが途切れている
と、デザインが崩れてしまいます。

IEを使うことはあまりなく、普段はFireFoxを使っています。
どちらのブラウザでも正常に表示できる方法は無いでしょうか?

まだ本格的に始めてはいないので、プラグインはデフォルトの状態です。
お時間のある時にアドバイスをお願いいたします。
2011-02-05 03:11:41 追記

この質問は解決済みです

投稿者 : No Name Ninja
投稿時間:2011-02-05 08:10:47
とりあえず枠線の方だけ。
HTMLの方をいじってみてください。

<DIV class=ol></DIV>
<DIV class=or></DIV>
<DIV class=oc></DIV>



<DIV class=oc>
<DIV class=ol></DIV>
<DIV class=or></DIV>
</DIV>

のようにする。
ul、ur、ucの方も同様に。どうでしょう?
質問者からのコメント 2011-02-05 19:48:16
早速お答えいただき、ありがとうございました。
IEでも他のブラウザと同じように表示されるようになりました。
〆と順番を変えることで変わってしまうのですね。

実はこのテンプレで、font-familyをいじったら、
何故かIEでのレイアウトが取り返しのつかないことになってしまったので
(Opera、FireFoxでは普通に表示されました)
自分でいじるのに躊躇してました。
本当にありがとうございました。