И опять про height:100% в IE

leadmonkey · January 14, 2009

Есть вот такой код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>test</title>
<style type="text/css">
<!--
 body, html {
  margin:0;
  padding:0;
  height:auto !important;
  height:100%;
}
#topdiv {
	height: 40px;
	width: 100%;
}
#leftdiv {
	width: 300px;
	left: 0px;
	top: 40px;
	bottom: 0px;
	position: absolute;
	background-color: #00CC99;
	overflow: scroll;
}

#rightdiv {
	position: absolute;
	left: 300px;
	top: 40px;
	right: 0px;
	bottom: 0px;
	background-color: #09C;
}

-->
</style>
</head>

<body>


<div id="topdiv">
</div>
<div id="leftdiv">
</div>
<div id="rightdiv">
<iframe height="100%" width="100%"></iframe>
</div>
</body>
</html>

Проблема в том, что в IE, в отличии от всех прочих браузеров, iframe не растягивается на высоту родительского блока. Возможно ли решение без жаваскрипта?

Searcher · January 14, 2009

Проблема не с iframe, а с блоком, в котором iframe находится.

IE не понимает такого:

	left: 300px;
	top: 40px;
	right: 0px;
	bottom: 0px;

Не понимает он одновременного указания двух противоположных границ...

leadmonkey · January 14, 2009

Не, родительский то как раз растягивается нормально (правда я еще в 6-м эксплорере не смотрел), но вот дочернему блоку свои размеры он сообщать отказывается. Подозреваю, что это можно обойти с помощью expression, но в жаваскрипте я несколько слабоват.

leadmonkey · January 15, 2009

Поборол так

height: expression(parentNode.offsetHeight+'px');

Sign In

И опять про height:100% в IE

Question

leadmonkey

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Searcher

Link to comment

Share on other sites

leadmonkey

Link to comment

Share on other sites

leadmonkey

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information