入口 > お問合せ - お返事 > Fxでは正常なのにIEで表示エラーが出る件

Fxでは正常なのにIEで表示エラーが出る件

◆oto.さま

大変遅くなりましてすみません!
まず1つ目について、

>自分のサイトでは、入り口にメニューを増やして使っています。…略…
>Firefoxでサイトを表示すると、カテゴリーも増やした入り口も横並び一列に綺麗に並んで見えるのですが、
>これをIE9で閲覧すると、
>カテゴリーより前に置いた「TOP」だけが、一段下に下がって表示されてしまいます。
>カテゴリーより後ろに置いた…略…は問題ありません。

とのことですが、これについては、テンプレHTMLのメニュー部分「TOP」のところの↓灰字打ち消し線の</div>を、赤字の位置に移動させてみてください。

<ul class="oya_ul">
<li class="oya_li"><div class="oya_li_div"></div><a href="http://ブログアドレス" title="TOP"><img src="http://画像アドレス" alt="TOP" border="0" />TOP</a></div></li>
 ・
 ・
 ・
<li class="oya_li"><div class="oya_li_div"><a href="http://メルフォアドレス" target="_blank" title="Mail"><img src="http://画像アドレス" alt="Mail" border="0" />Mail</a></div></li>
</ul>
</div>

<div class="menu rireki"><h2>更新情報</h2>

これで直るのではないかと思うのですが、いかがでしょうか。
またついでに、上記含め4か所の追加メニューのブルー背景部分の半角スペースがそちらのお手元でも抜けているようなら、念のため入れておいた方が良いかと思います。さらに、そのずっと下のところの↑青字「</ul>」も本来必要なタグなので足しておいてください。twitterへのリンクも同様に</ul>で閉じてあげてください。

次に2つ目について、

>このカテゴリーと増やしたメニュー入り口、Firefoxだと右隣りに出るスクロールバーで上下自由に動くのですが、
>IE9だと、固定されてしまって動きません。

とのことですが、こちらはテンプレスタイルシートの

#wrap2
{
margin: 0px;
padding: 0px;
 ・
 ・
width: 100%;
height: 100%;
overflow: auto;
z-index:2;
}

灰字取り消し線部分を削除してみてください。理屈はよくわからないのですが、私の手元ではこれで解消されました。

なお、今回のお問合せとは関係ありませんが、同じくスタイルシートの

/*** 形関係 ***/
/* 字の形とサイズ 【基本】 */
body { font-size: 75%; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "MS UI Gothic", "HGSゴシックM", Arial, Verdana, sans-serif; }
 ・
 ・
div#footer { font-size: 1px; }

黄字部分は、判読可能な数値にしてください。ブログの規約に違反しています。(参考

以上です。宜しくお願い致します。
2012-09-21