事業部の高さはIE8

私は次のコードを持っているでは変更されませんので事業部の高さはIE8

body 
{ 
    background-color: #000000; 
    margin: 0; 
    padding: 0; 
    font-family:Arial; 
} 

#conteudo 
{ 
    height: 100%; 
    width: 100%; 
} 

#data_hora 
{ 
    float: right; 
    font-size: 50px; 
    color: #E0E428; 
    margin-top: -90px; 
    margin-right: 40px; 
} 

#nome_patio 
{ 
    text-align: center; 
    font-size: 80px; 
    color: #E0E428; 
    width: 100%; 
    font-weight: bold; 
} 

#cor_patio 
{ 
    border: solid 1px #FFFFFF; 
    height: 10px !important; 
    width: 80px; 
    background-color: #E0E428; 
    margin-right: 20px; 
}

を、私はdivのcor_patio高さを変更しようとしているが、何も起こりません。 .. なぜ？

OBS：font-sizeをnome_patioから削除すると正常に動作します。

出典

2012-03-09 Vinicius Ottoni

'ズームを試してみてください。1'そのdivの上で、私は場合を言うことができませんそれは適切にレイアウトされているかどうかです。 –

IE8でうまく動作します。このフィドルはあなたのために働くのですか？ http://jsfiddle.net/8Rpcd/1/ – Turnip

私はIE8とIE7で動作しますが、IE7はdiv cor_patioを中心とし、IE8はそうではありません – zgood

私はこれで解決策解決：

<div id="patio"> 
    <span id="cor_patio"></span><span id="nome_patio">#NOME_PATIO#</span> 
</div>

をCSS：

#patio 
{ 
    text-align: center; 
    width: 100%; 
} 

#cor_patio 
{ 
    height: 63px; 
    width: 63px; 
    background-color: #E0E428; 
    margin-right: 30px; 
} 

#nome_patio 
{ 
    font-size: 80px; 
    color: #E0E428; 
    font-weight: bold; 
}

出典

2012-03-09 17:13:41