css - 2 行にまたがるナビゲーションメニューを停止する

Question

私はこのサイトに取り組んでおり、IE ではナビゲーションメニューが 2 行にまたがっています: http://www.sandiegolawfirm.com/

破産の左側のスペースを削除するか、IE でフォントサイズを 1 ～ 2 ポイント小さくしたいと考えています。すべての部門が 1 つのナビゲーションメニュー行に収まるようにします。

私は積極的にこれを修正しようとしていますが、これを行うための最良の方法を見つけ出す手助けをいただければ幸いです.

ありがとう - ローリー

score 1 · Accepted Answer

IE に固有のスタイルを使用するために固有の変更を修正する 1 つの方法。修正しようとしているバージョンに応じて、使用できるルールが異なります。

例えば：

IE のすべてのバージョンをターゲットにする

<!--[if IE]>
#any rules you like
<![endif]-->

IE 以外のすべてをターゲットにする

<!--[if !IE]><!-->
#any rules you like
<!--<![endif]-->

ターゲット IE 7 のみ

<!--[if IE 7]>
#any rules you like
<![endif]-->

ターゲット IE 6 のみ

<!--[if IE 6]>
#any rules you like
<![endif]-->

score 0 · Accepted Answer

I think adding something like

ul li:first-of-type a{
   margin-left:-20px;
}

to the IE styles could work

score 0 · Accepted Answer

"Gotham" が利用できないため、IE でカスタムフォントを使用しようとして予期しない結果が得られたようです。Google Web フォントを使用するか、Web フォントをサーバーにアップロードして、少なくとも同様のフォントサイズを取得することができます。

css - 2 行にまたがるナビゲーション メニューを停止する