人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: moriamko44728
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:CSS URL グループ サファリ テキスト
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● zalop
●60ポイント

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

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

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


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

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

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


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

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

◎質問者からの返答

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

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ