0

私は次のCSSを持っています:

#main2 {
    width: 680px;
    margin: 0 auto;
    padding: 0;
}
#header2 {
    text-align: center;
    margin: 0 auto;
    padding: 0;
    height: 31px;
    line-height: 31px;
}
#contents2 {
    text-align: center;
    margin: 0 auto;
    border: 3px solid #0F446D;
    padding: 0;
    padding-left: 15px;
    height: 365px;
    background: url('theImages/certBG.png') no-repeat bottom;
}
#store {
    background-image: url('theImages/certHeader.png');
    width: 231px;
    height: 31px;
    padding: 0;
    margin: 0 auto;
    color: #FFFFFF;
    font-weight: bold;
    font-family: Verdana, Arial;
    font-size: 14px;
}

しかし、このページ: Non Working Page 動作しない

このページとは異なるヘッダー「あなたの情報」を示しています:作業ページ 働く

誰でも理由を教えてください。最初のページにヘッダーを正しく表示する方法。

4

2 に答える 2

2

Internet Explorer ( IE )には別の CSS スタイルシートが必要です。

次のページ ソースの 8、9、10 行を参照してください (IE で [ ViewSource ] をクリック)。

<!--[if IE]>
<link href="theScriptsStyles/mainStyle-ie.css" rel="stylesheet" type="text/css" />
<![endif]-->

Page Link-1には含まれていますがIE Style-Sheet、Page Link-2には含まれていません。

両方のページは、他のブラウザー (Chrome、Firefox) では同じように見えます。mainStyle-ie.css

IE には常に CSS の問題があります。したがって、スタイル シートを IE のみに限定してターゲットにする必要があります。ページの見出しセクションに条件コード (上記のような) を配置する必要があります。

于 2013-03-27T17:30:54.123 に答える
1

#store22{ display:block;}

また

表示を追加:ブロック; 22行目

そしてそれはあなたの要求通りにうまく機能します。:)

于 2013-03-27T19:00:53.820 に答える