1

テンプレートのサイズを IE と同じように変更するのに問題があります。face 3 と face4 という div を IE と firefox の両方でスケーリングしようとしていますが、できません。div が Firefox に完全に適合する場合。次に、 IE に移動します。誰か助けてください。 ここに画像の説明を入力

CSS

.face1 {
    text-align: center;
    background-color: #AAAAAA; 
    height: 450px;
    width: 390px;
    position: absolute;
    left: 520px;top:100px;
    border-style:solid;
    border-color:#1BE968;
    border-width:35px;
}
.face3 {
    text-align: center;
    background-color: #DDDDDD; 
    width: 300px;
    position: relative;
    left: 10px;top:0px;
    text-align: center;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 33px;
}
.face4 {
    text-align: center;
    background-color: #DDDDDD;  
    width: 50px;height:30px;
    position: absolute;
    left: 290px;top:200px;
    text-align: center;
    color: #CCCCCC;
    font-family: Arial;
    font-size: 33px;
}

HTML

<div class="face1">
    <div class="face3">24 x 7 customer web supprt</div>
    <div class="face4">supprt</div>
</div>

http://jsfiddle.net/Yg3yq/のデモ

4

1 に答える 1

1

http://jsfiddle.net/Yg3yq/show/を IE8 (および IE9) で開くと、Firefox と同じようにレンダリングされるため、ドキュメントがQuirks Modeでレンダリングされる可能性があると思われます。

これを解決するには、これを HTML ファイルの最初の行にします (その前に空白や文字を入れないでください!)。

<!document html>
于 2013-05-06T08:28:52.167 に答える