「a」内のこれらの「スパン」がIE7を使用して失敗するのはなぜですか？

Question

私はthisコードがあります（2を意味する）CSS

.temperatura 
{ 
    height:34px; 
    position:relative; 
    background-color:#FF0000; 
} 

.temperatura_localita 
{ 
    width:50%; 
    height:34px; 
    line-height:34px; 
    float:left; 
} 

.temperatura_dettagli 
{ 
    width:50%; 
    height:34px; 
    line-height:34px; 
    float:left; 
    text-align:right; 
} 

（4.0を意味する）

HTML

<div class="temperatura"> 
    <a href="/link/" class="temperatura_localita"> 
     <span style="padding-left:12px;"> 
      Text1 
     </span> 
    </a> 

    <a href="/link/" class="temperatura_dettagli"> 
     <span style="padding-right:70px;">    
      Text2 
     </span> 
    </a>   
</div> 

をし、これは私が必要なものである：

• コンテナtemperaturaは/link/にリンクされています。
• 各aは50％で、リンクにはパディング（左または右）があります。

Firefox/Chrome/IE8/IE9には問題がありません。 IE7では、ウィンドウを拡大/縮小（水平）し、2番目のリンクに新しい行が追加されました。

なぜですか？そして、どうすればこの問題を解決できますか？

Answer 1

私はこれがあなたの50％/ 50％の部門のためだと思います。 IE7は、divのピクセル数が奇数の場合に2番目のリンクを新しい行にプッシュしますが、偶数の場合は正しい位置を維持します。両方の幅を49％に変更することで問題は解決します。