Как исправить ошибку Internet Explorer 7 при использовании ширины в процентах для макета?
Пожалуйста, помогите мне в этом. Мне нужно создать макет, используя ширину в процентах. У меня есть обертка шириной 100%.
Теперь у меня есть DIV (основная обертка. Я хочу, чтобы она составляла 94% ширины. 94% от 100% тела). Ладно, хорошо
Так что, чтобы сделать это просто .->
КОРПУС 100% ширины
-> КОНТЕЙНЕР 94% ширина
---> ПЕРВЫЙ РЕБЕНОК DIV 70% поплавка слева (70% КОНТЕЙНЕРА)
---> ВТОРОЙ РЕБЕНОК DIV 30% с плавающей точкой справа (30% от КОНТЕЙНЕРА)
Но у меня есть 2 равных столбца под FIVST CHILD DIV
-----> 50% и 50% процентная ширина
Ошибка заключается в том, что в ie7 .. последний столбец отображается внизу .. он не перемещается должным образом. Если я уменьшу ширину до 29,9% !!! это работает .. я думаю, что ie7 имеет ошибку в обработке процентной ширины или что-то .. Пожалуйста, уточните это. Я надеюсь, что вы получите проблему, потому что CSS / HTML слишком долго .. Я просто надеюсь, что это общая проблема .. :(
Вот CSS для этого DIV. Надеюсь, это поможет :)
body {
width: 100%;
background: #fff;
text-align: center;
font-size: 12px;
}
#wide-primary {
background: #fff url(img/shadow1.png) repeat-x top;
position: relative;
top: -1px;
}
#primary {
width: 94%;
margin: 0 auto 0 auto;
text-align: left;
}
#features {
float: left;
width: 70%;
padding: 2% 0 0 0;
}
.featurebox {
float: left;
width: 48%;
padding: 0 2% 3% 0;
}
#lastnews {
float: right;
width: 30%;
padding: 2% 0 2% 0;
}