Проблемы с CSS в IE8

Question

У меня есть 2 Div, одно Div должно появиться рядом с другим Div, и его работа такая же, как ожидалось во всех браузерах, но в IE8 правый div появляется ниже левого div, то же самое работает отлично в IE9, Но вопрос только с IE8, как преодолеть это, как я не имею большого опыта по работе с Css

.leftcontent { 
background: none repeat scroll 0 0 #; 
float: left; 
height: 500px; 
width:25%; 
} 


.rightcontent { 
background: none repeat scroll 0 0 #; 
float: left; 
height: 500px; 
width:80%; 
} 

Answer 1

Ума ваша ширина: 25% + 80% = 105% .. это не правильно ..

Известная ошибка IE 8 заключается в том, что она анализирует ширину по-разному от других браузеров. Он анализирует 20% + 80% + [что-то еще]> 100% .. (см. Комментарии: может быть связано с встроенным блоком, как предложено avrahamcool)

Обычный (и самый простой) способ исправить это чтобы слегка опустить ширину Ex:

.left_content { 
background: none repeat scroll 0 0 #; 
float: left; 
height: 500px; 
width:19%; 
} 


.cal_content { 
background: none repeat scroll 0 0 #; 
float: left; 
height: 500px; 
width:79%; 
} 

19% + 79% = 98% и IE будет вести себя.

Answer 2

вы также можете сделать перегрузку с определенным CSS для IE благодаря IE условных комментариев

<!--[if IE 8]> pour IE 8.0 <![endif]--> 

Там находятся несколько способов их использования, 2 примеров:

• в заголовке, чтобы добавьте конкретный css

• и/или инициализировать тело классом ie8, так что в вашем css вы можете определить:

_

.yourCssClass{ 
    /*common css attributes*/ 
} 

.ie8 .yourCssClass{ 
    /*ie8 specific css attributes*/ 
}