IE7を使って "a"内のこれらの "スパン"が失敗するのはなぜですか?

私は this コードを持っています:

HTML(意味4.0)

<div class="temperatura">
    
         Text1  

    
         Text2          
</div>

CSS(意味2)

.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;
}

これが私の必要なものです:

  • コンテナ temperatura/link/;にリンクされています。
  • a は50%で、リンクには余白があります(左または右)。

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

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

1
両方のリンク要素から width:50%属性を削除すると、同じ行に表示されますか?
追加された 著者 Martey,

1 答え

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

1
追加された