Авто высота блока
Добрый день.
Скрипт подсчитывает высоту блока. Но когда окно браузра уменьшаешь то получается не то что хотелось. ИЕ работает в остальных не работает код страницы <!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() }; |
Часовой пояс GMT +3, время: 22:27. |