CSSについて質問です。

サファリでの問題ですが以下のURL
http://www.okadake.com
で上部ナビの「飛鳥グループ」のメニューがプルダウンになっていますが、サファリだけプルダウンのボタンのリンク領域の高さがテキストの高さになっていてボタンの領域にならず
プダウンからマウスオーバーができなくなっています。(テキストはtext-indent: -6000px;で消しています。)height:25pxを指定しているのですがなぜでしょうか?
CSSは以下のURLにあります。
http://www.okadake.com/css_base/common.css
どなたか詳しい方教えてください。

回答の条件
  • 1人10回まで
  • 登録:2007/12/14 17:14:23
  • 終了:2007/12/19 09:29:13

回答(1件)

id:zalop No.1

zalop回答回数175ベストアンサー獲得回数52007/12/14 17:56:34

ポイント60pt

あんまり詳しくないから、ソース直接は直せないですが

同じようなの作ったときは、これをカスタマイズしました。

http://www.stylish-style.com/csstec/ultimate/css-roll-4.html


デザイン面で妥協があってもいいなら

http://chiropractic-edu.jp/murdoch/

こんなかんじでも良いのでは…。


あと私の環境スレイプニール2.6.1では画像にすべて文字がかぶって見えてます。

プルダウンのところも、各種お問合わせ」なども。

id:moriamko44728

回答ありがとうございます。

なるほど!!こういった形も検討してみます。ただ、IE とかFirefoxがOKなのでできればこのまま行きたいのです。

文字の重なりはすいませんチェックのためOFFleftを切っていました。

2007/12/14 19:35:48

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません