サポート » テーマ » Twenty TenのドロップダウンメニューがFirefox縮小で選択できない

  • 解決済 millionrash

    (@millionrash)


    Firefox(3.6.8)で[表示]-[ズーム]-[縮小]を[文字サイズだけ変更]にチェックした
    状態で行うとメニューバー等の文字サイズが縮小されます。

    ある程度縮小すると、ドロップダウンされたメニューとトップメニューに隙間ができます。
    隙間ができると、ドロップダウンされたメニューを選択しようと、マウスを下に動かすと、
    マウスが本文位置にあると判定されるようで、ドロップダウンメニューが隠れてしまいます。
    それで、ドロップダウンされたメニューを選択できなくなってしまいます。

    これを隙間を空けないようにするにはどうすればよいでしょうか。

    私は、twenty tenの1.1を利用して、少しスタイルを変更していますが、
    他の人のtwenty ten のサイトを見ても同様な症状のようです。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • millionrash

    (@millionrash)

    追記です。
    隙間ができたサイトの例と画像は次の通りです。
    http://www.powershift.ne.jp/wp/
    http://million.rash.jp/jpeg/sukima.JPG
    私のサイトは作りかけですが、次のアドレスです。
    http://million.rash.jp/

    私のPCの限られた環境だけなら問題ないのですが。

    nobita

    (@nobita)

    こんにちは、

    ご指摘の内容を確認できました。

    このスタイルシートは、UA毎に問題なく表示されているかチェックする必要がありますが、
    firefoxでしかチェックしていないので、あくまで、参考です。
    style.css L393

    #access a {
    	color: #aaa;
    	display: block;
    	/*line-height: 38px;*/
    	line-height: 3em;
    	padding: 0 10px;
    	text-decoration: none;
    }
    #access ul ul {
    	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    	display: none;
    	position: absolute;
    	/*top: 38px;*/
    	top: 3em;
    	left: 0;
    	float: left;
    	width: 180px;
    	z-index: 99999;
    }

    エスケープした部分が、もともとの指定で、その下が実験的な指定です。

    px は、絶対的な寸法指定で、文字が小さくなったり大きくなることに左右されない指定方法です。%やemといった相対的サイズ指定変更して、バランスを調整してみました。

    millionrash

    (@millionrash)

    ありがとうございました。
    IE7では、特に問題が発生しないことも確認しました。
    IE8や他の操作で問題がでないかもう少し確認してみます。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「Twenty TenのドロップダウンメニューがFirefox縮小で選択できない」には新たに返信することはできません。