0

IE8のクァークズモードで奇妙な問題が発生しています。水平方向のメニューバーをレンダリングすることになっているWebページで作業しています。FFおよびIEの通常モードでは、完全にレンダリングされます。ただし、IEをquirksモードに設定すると、ULのli要素が垂直方向にレンダリングされ、修正方法がわかりません。

CSSは次のとおりです。

#primaryNav {
    background:url(/images/sprite_primary_nav.gif) repeat-x; 
    border:1px solid #dfdfdf;
    clear:both;
    height:49px;
    margin:0 auto;
    width:985px;
}
#primaryNav ul {
    list-style: none;
    margin:0;

}
#primaryNav ul li {
    border-left:1px solid #dfdfdf;
    display:list-item;
    float:left;
    height:49px;
    padding-bottom:0px;  

}
#primaryNav ul li a {
    border:1px solid #ffffff;
    color:#333333;
    display:block;
    font-family:ScalaOTRegular, "Times New Roman", Arial;
    font-size:123.1%;
    height:32px;
    padding:15px 23px 0px;
    text-decoration:none;
}
#primaryNav ul li a.afterActive, #primaryNav ul li a.firstNavItem {
    border-left:0px;
}
#primaryNav ul li.active a {
    background:url(../images/sprite_primary_nav.gif) repeat-x 0px -49px;
}
#primaryNav ul li:first-child {
    margin-left:41px;
}
#primaryNav ul li:last-child {
    border-right:1px solid #dfdfdf !important;
}
.primaryNavLast {
    border-right:1px solid #dfdfdf !important;
}

これがhtmlです：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
    <link rel="stylesheet" type="text/css" href="/css/reset.css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="/css/delta_screen.css" media="screen"/>

    <script src="scripts/jquery-1.6.4.min.js"></script>
</head>
<body>
    <div id="primaryNav" class="addShadowShadowPrimaryNav">
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">Etiamn</a></li>
            <li><a href="#">Integer</a></li>
            <li><a href="#">Rhoncus</a></li>
            <li><a href="#">Sagittis</a></li>
            <li><a href="#">Facilisis &amp; Inte</a></li>
        </ul>
    </div><!--end primaryNav-->
<!-- end scripts -->
</body>
</html>

何か案は？ありがとう！！

4

3 に答える 3

0

それは間違いなくクァークズモードに入っていますか？そうなる理由がわかりません。

IE7互換モードの可能性があります。これは、特にローカルネットワークでサイトを表示しているときに、通知なしにモードを切り替える可能性のあるブラウザ設定があるため、非常に一般的な「落とし穴」の問題です。

于 2012-10-30T20:57:29.410 に答える
0

Doctypeをstrictに変更してみてください。それらは、トランジショナルがクァークズモードであり、ストリクトがそうではない場合があります。また、Doctypeの真上にあるもの（コメントも含む）があるかどうかを確認し、それらを削除します。

http://en.wikipedia.org/wiki/Quirks_mode

于 2012-10-30T21:04:08.320 に答える
0

問題は、イントラネットを使用しているため、特に指示がない限り、IEは自動的に互換モードに陥ることです。X-UA-Compatibleヘッダー（または同等の<meta>タグ）を使用すると、問題が修正されます。

<meta http-equiv="X-UA-Compatible" content="IE=edge" />
于 2012-10-30T21:06:56.420 に答える