Чому ці "пробіли" всередині "a" не вдаються за допомогою IE7?

У мене є цей :

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, збільшуючи/зменшуючи (горизонтальне) вікно, друге посилання отримало нову лінію.

Чому? І як я можу це виправити?

1
додано Автор Sparky, джерело
Якщо ви видалите атрибут width: 50% з обох елементів посилання, вони відображаються на одному рядку?
додано Автор Martey, джерело

1 Відповіді

Я думаю, це відбувається через 50%/50% розподілу. IE7 натискає другу ланку на нову лінію, коли кількість пікселів div непарна, але зберігає правильне положення, коли воно рівне. Зміна ширини до 49% вирішує проблему.

1
додано