2011-08-10 52 views
2

「メニュー」フォントに関する多くの情報を見つけることができないようです。CSSにfont:menuを追加すると、ページのレンダリングが大きく異なるのはなぜですか?

私はthis turorialに基づいてsuckerfishスタイルのCSSメニューを実装しようとしていますが、既存の外観を維持しようとしています。&イントラネットベースのアプリケーションの感じ。できるだけ早く私は、追加として

:何ですか

#nav aスタイルに
font:menu; 

#navに設定された行の高さはFFとChromeの両方に無視されますが、いないIE 8で

"メニュー"フォント?どのような選択肢があり、メニューを破らないでしょうか?

+0

'font:menu;'はどこから始まったのですか?私はチュートリアルでそれへの参照を参照してください。 – zzzzBov

+0

いいえ、現在のイントラネットアプリケーションの一部です。ナビゲーション要素にはfont:メニューが使用されています。できるだけルック&フィールを維持する必要がありますが、IEが現在の標準であるにもかかわらず、FFやChromeでも動作するようにしたいと考えています。 – chris

+0

あなたは優雅なフォールバック 'font:14px sans-serif; font:menu; '? – zzzzBov

答えて

0

line-height問題(私は小さなテストケースを用意し、それをここに投稿することをお勧めします)についてわからないが、menuフォントがCSS specで説明されています

次の値

は、システムフォントを参照してください。

キャプション
表題コントロール(例えば、ボタン、ドロップダウン、 等)に使用されるフォント。
アイコン
アイコンのラベル付けに使用するフォント。
メニュー
メニューで使用されるフォント(ドロップダウンメニューやメニューリストなど)。
メッセージボックス
ダイアログボックスで使用されるフォント。
small-caption
小さなコントロールのラベル付けに使用されるフォント。
ステータスバー
ウィンドウステータスバーで使用されるフォント。

しかし、いつものように、ブラウザは仕様にかなり変化する準拠度を提供する傾向があります。


編集:ちょうどリンクをお読みください。これらのフォントは他のプロパティもリセットします。試しましたline-height: 1 !important;: - ?

+0

OK、これはすべてのフォントプロパティをリセットするビルドインですが、それぞれのブラウザごとにデフォルトの設定を知る方法はありますか? – chris

+0

@christ - おそらくそうではありません。デフォルトの段落マージンが何であるかを知ることは難しい...私は、CSSリセットが正当な理由で普及したと思う。 –

関連する問題