У меня есть контейнер div, содержащий два внутренних div; оба должны брать 100% ширину и 100% высоту в контейнере.
Я устанавливаю оба внутренних divs на высоту 100%. Это отлично работает в Firefox, однако в IE divs не растягиваются до 100% высоты, а только высоту текста внутри них.
Ниже приведен упрощенный вариант моей таблицы стилей.
#container
{
height: auto;
width: 100%;
}
#container #mainContentsWrapper
{
float: left;
height: 100%;
width: 70%;
margin: 0;
padding: 0;
}
#container #sidebarWrapper
{
float: right;
height: 100%;
width: 29.7%;
margin: 0;
padding: 0;
}
Есть ли что-то, что я делаю неправильно? Или любые причуды Firefox/IE, которые я пропускаю?