Mac用IE5.2でメニューの不具合
-
0 名前： esu ： 2007/04/09（月） 22:59 ID:hcBH.aKC sub-Ds
- リストでマークアップしたメニューをナビゲーションとして使っています。
色々いじっていて、余分なものもありますが下記のように記述しました。
【HTML】
<ul id="menu">
<li id="top"><a href="../index.html">トップ</a></li>
<li id="01"><a href="../01/index.html">そのいち</a></li>
<li id="02"><a href="../02/index.html">そのに</a></li>
<li id="03"><a href="../03/index.html">そのさん</a></li>
</ul>
【css】
#menu{
padding:0;
margin:0;
height:70px;
}
#menu li{
margin:0;
padding:0;
text-indent:-7777px;
}
#menu li a{
margin:0;
padding:0;
text-decoration:none;
display:block;
height:45px;
}
#menu li#top{
width:48px;
float:left;
background: url(../img/menu/top.gif) no-repeat;
}
#menu li#top a:hover{
width:48px;
float:left;
background: url(../img/menu/top_o.gif) no-repeat;
}
※#01〜03は同じ様にリンク指定。
以上です。
このようにしてメニューを横一列に並べているのですが
MacIEで問題があります。
ポインタでメニュー部分をさわると１度だけ反応して
あとはリンクの反応をしなくなります。
（一度さわった時にクリックすれば問題なくリンク先へ飛べる。）
１度さわった後は画像のロールオーバーもしないし、ポインタは黒矢印のままです。
MacIEでもリストでマークアップしなければうまくいっています。
MacIEは無視したいところですが友人がクラシック環境なので
（レイアウト崩れはしょうがないにせよ）リンクくらいは
機能させたいところです。
どなたかアドバイスをお願いいたします。
-
1 名前： 元帥 ： 2007/04/09（月） 22:59 ［URL］ ID:NXTKCDR4 sub-bK
- このような場合には、現象が再現する必要最低限のコードを載せる方が回答がつきやすくなります。
何がバグの原因か、掴めやすくなりますので。
Macは詳しく知らないのですが、SafariやOpera、Firefox、その他諸々のブラウザのインストールは出来ないのでしょうかね。
Mac IE5でCSSを適用させない方法
http://www.seo-equation.com/html/css/css_hack
-
2 名前： DS ： 2007/04/09（月） 22:59 ID:N0bKtyKT sub-t1
- 以下を適用するとどうなりますか？
http://www.tagindex.com/kakolog/q2bbs/401/489.html
-
3 名前： esu ： 2007/04/09（月） 22:59 ID:hcBH.aKC sub-Ds
- 書き込み遅れてすみませんん。
結局、MacIEの人にはあきらめてもらう事にしました。
HTMLで<ul>使わなければ良いのですが、見た目の問題で
HTMLをそこまでいじってしまっては何のためのcssなのか
分からなくなってしまうので。
＞元帥さん
ありがとうございます。
Macのクラシック環境で使えるブラウザでは、ネスケの７が一番cssを
理解しているように思います。
なので結局、友人にはネスケ7をあげたのですが、
未だにクラシック環境を使っている人は、やはりIEが主流なんですよね。
（と言うのは自分も少し前までクラシックでした。IEメインで表示されないとネスケでした。）
SafariやFirefox(たぶん)はクラシック環境ではインストールできないので
そうなってしまいます。
Mac IE5でCSSを適用させない方法は知らなかったので、ありがたかったです！
＞DSさん
ありがとうございます！
id="01"
というのは、質問用に書き換えたものでした。
誤解をあたえてしまい申し訳有りません。
ですがこの事は知らなかったので、結果的にすごく参考になりました！
