0

Sterling テーマを使用して構築したWordpress Web サイトを持っていますが、メニューが Internet Explorer で水平ではなく垂直に表示されるという問題があります。ここで以前にそれについて尋ねたところ、問題を解決しなかったjqueryエラーに焦点を合わせることになりました。

これは、IE9 でどのように表示されるかを示すスクリーンショットです。

それ以来、Doctype を変更してサイトを強制的に正しく表示しようとしましたが、職場のすべてのコンピューターで IE9 が永続的に互換モードに設定されていることに気付きました。これを変更するには、IT 部門を経由する必要があります。

私の会社には、あなたのコンピュータでは Web サイトが間違っているように見えますが、それ以外の場所では正しく表示されるとは正確には言えません。ターゲット市場は技術に精通した人々ではないため、古いバージョンの IE を使用している人々のエラーを回避したいと考えています。癖/互換モードでメニューを正しく動作させるにはどうすればよいですか?

サイトの他の側面が完璧でなくても構いませんが、そのようなメニューでは実際には使用できません. 基本的には、垂直ではなく水平に表示する必要があるだけです。これは、何らかの形で CSS に関連していると想定しています。

編集：私のCSSを追加しました

スタイルシートの元のコードはこれです

nav > ul > li {
display:inline-block;
position:relative;
}

nav > ul > li+li {
margin-left:28px;
}

そして、テーマのサイトオプション部分で少しカスタマイズしました（基本的には、テーマを更新しても変更が上書きされないことを意味します）。私のカスタマイズは次のとおりです。

nav > ul > li+li {
font-size:14px;
margin-left:10px 
}

display:inline-block; と関係があると思います。しかし、私が試したことは何もメニューを再び水平にしないようです。

4

1 に答える 1

0

そのためにどのCSSプロパティを使用しましたか? 次のようなことをする必要があります

#menu li {
    display: block;
    float: left;
    width: 200px;
    height: 40px;
}

#menu {
    overflow: hidden;
}
于 2012-09-21T09:22:01.450 に答える