2010-12-16 4 views
1

これまでにこの問題に遭遇したことはありません。サイトメニューはWindows上のすべてのブラウザでよく見えますが、Mac OSでは壊れます

メニューはWindowsではうまく見えますが、Firefox、Chrome、Mac OSのSafari(ブラウザシェットを使用してこれを見ました)ではメニューが壊れています。私はそれを正しくデバッグすることはできませんので、Macにアクセスする必要はありません。私はそれが異なる文字の間隔やサイズの原因かもしれないと思う。誰にもこの経験はありますか?

ありがとうございます!

+0

私の最初の推測は、フォントファミリの問題です。優先フォントが利用できない場合にCSSを編集してより良い選択をする必要があります。 –

+0

現在のフォントファミリは "Arial、Helvetica、sans-serif"です。私はそれがかなり安全な賭けだと思った... – Andreyu

答えて

1

私はMacでfirefoxでサイトを見ていますが、id = "wrapper"のdivはメニューを格納するのに十分な長さではありません。

増加のdiv#ラッパーのいずれかを960ピクセル幅に:

#wrapper { 
margin:0 auto; 
width:980px; 
} 

やメニューのフォントのサイズを小さく16pxにする:私の知る限り見ることができるように

#mainMenu ul li a { 
background:url("images/bk_menu.gif") repeat-x scroll 0 0 transparent; 
color:#175689; 
display:inline-block; 
font-size:16px; 
height:30px; 
overflow:hidden; 
padding:16px 19px 0; 
text-decoration:none; 
} 
+0

返信ありがとうございます。私はサイトを960px以下に保ちたいので、980にそれを上げることは答えではありません。最終的に、私は別の解決策が見つからなければ、フォントのサイズを減らします(デザイナーはおそらくサイズをそのまま保つことになります)。 – Andreyu

関連する問題