Добрый день.
Скрипт подсчитывает высоту блока. Но когда окно браузра уменьшаешь то получается не то что хотелось. ИЕ работает в остальных не работает
код страницы
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="ru" />
<script type="text/javascript" src="js/height_js.js"></script>
</head>
<body style="margin:0; padding:0;">
<div style="width:800px; margin:0 auto;">
<div style="background-color:#456987;" id="layer_top">
<br /><br /><br />
TOP
<br /><br /><br />
</div>
<div style="background-color:#000;" >
<div style="width:700px; background-color:#fff; margin:0 auto;" id="content">
Content
</div>
</div>
</div>
</body>
</html>
Код JS
var height_js =
{
init: function()
{
var heightBody = 0;
var layerTopHeight = 0;
var layerContentHeight = 0;
heightBody = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
var layerTop = document.getElementById( "layer_top" );
layerTopHeight = layerTop.offsetHeight;
var layerContent = document.getElementById( "content" );
layerContentHeight = layerContent.offsetHeight;
var summHeight = parseInt(layerTopHeight + layerContentHeight);
var setHeight = parseInt( heightBody - layerTopHeight );
if ( summHeight > heightBody )
layerContent.style.height = "auto"
else
layerContent.style.height = setHeight + "px"
}
}
window.onload = function(){ height_js.init() };
window.onresize = function(){ height_js.init() };
