1

大学の Blackboard news/updates/mtc 用に非常にシンプルな Wordpress テーマを作成しました。

このテーマは、最新バージョンの Chrome、FF、および IE10 で見栄えがします。ただし、IE9 には奇妙な不具合があります。私が IE9 をサポートしなければならない理由は、Blackboard が機能上の目的で使用することを推奨しているブラウザーだからです (誰かが IE の使用を主張する場合)。私のスーパーバイザーは、ブログが IE9 でも同じように見えることを望んでいます。

したがって、私のメイン メニューは問題なく表示され、パディングも問題なく、ウィンドウのサイズを変更しても折りたたまれません。これがIE9で問題を引き起こしているクラスです（「ホーム」メニューのパディングが切り取られ、メニューが折りたたまれます）：

ul.mainnav {
float:left;
width:100%;
margin:0;
list-style-type:none;
Font-Family:Arial, Helvetica;
Font-Size:10pt;
Font-Weight:Bold;
background-color: #006AA6;
white-space: nowrap;
list-style: none;
min-width: 1000px;
margin-left: -15px;
}

そこで、次の条件文を追加してみます。

<!--[if IE lte 9]>

 <style type="text/css">

ul.mainnav {
float:left;
width:100%;
margin:0;
list-style-type:none;
Font-Family:Arial, Helvetica;
Font-Size:10pt;
Font-Weight:Bold;
background-color: #006AA6;
white-space: nowrap;
list-style: none;
min-width: 1000px;
margin-left: -15px;
}
</style>          
<![endif]-->

ただし、条件ステートメントは、何も変更されていないにもかかわらず、FF と IE9 の両方ですべてを台無しにします。

理想的には修正/ハックを試行錯誤するために条件ステートメントのいくつかの要素をいじっても、それはまだナンセンスに見え、混乱しています。

私は何を間違っていますか？そして、誰でも可能な修正を提案できますか?

ライブ ブログへのリンク (ローカル マシンでこれを修正する作業を行っています):

http://blogger1.uhcl.edu/UCT/blackboard/

ティア

4

1 に答える 1

1

最も明白な問題は次の 2 つです。

a) IE とバージョン番号の間にスペースが必要です。

<!--[if IE 9]>

あなたがそれをしている間、IE9以下にすることもできます。つまり<!--[if IE lte 9]>、（少なくとも）IE8でも起こるように。

styleb)条件内でタグを閉じる必要があります。

とはいえ、-15px の左余白が問題の原因のようです。なぜそれが必要なのかよくわかりません。

于 2013-11-11T15:14:24.853 に答える