как для iframe установить высоту в %?

[Vitrilo]

<div class="top-frame">

<iframe src="frames/main-frame.html"></iframe>

</div>

<div class="bottom-frame">

<iframe id="chat" name="chat" src="frames/chat.html" scrolling="no"></iframe>

</div>

body{

height:100%;

}

.top-frame{

width:100%;

height:70%;

}

.top-frame iframe{

width:100%;

border:none;

height:100%;

overflow:hidden;

}

.bottom-frame{

width:100%;

height:30%;

}

.bottom-frame iframe{

width:100%;

border:none;

height:100%;

overflow:hidden;

}

Ифреймы не тянуться по высоте никак, стоят по 150 пикселей (по умолчанию). Как сделать, чтобы верхний занимал 70%, нижний 30%?

Если задавать в пикселях - то все хорошо.

ЗЫ. Нормально отображают только ие7 и хром

Edited January 6, 2010 by Vitrilo

[s0rr0w]

Ифреймы не тянуться по высоте никак, стоят по 150 пикселей (по умолчанию). Как сделать, чтобы верхний занимал 70%, нижний 30%?

Если задавать в пикселях - то все хорошо.

ЗЫ. Нормально отображают только ие7 и хром

Изучить, для начала, как рассчитывается ширина и высота. Потом - применить знания

Что IE, что Хром, показывают неправильно.

Edited January 6, 2010 by s0rr0w