Форум

Capitano · #1 (**permalink**) 25.12.2009, 20:32

Как вы догадались, в скриптах я полный нуб.
В общем возникла такая проблема, надо, чтоб див растягивался на высоту всей видимой части окна браузера. Нашёл, что это значение можно получить при помощи window.innerHeight, но возник вопрос, как присвоить диву height=window.innerHeight ?

Gozar · #2 (**permalink**) 26.12.2009, 10:01

<div id="ohyeah"></div>
<script>
document.getElementById('ohyeah').style.height = window.innerHeight + 'px';
</script>

subzey · #3 (**permalink**) 26.12.2009, 14:33

Вот такой вариант Вам не подойдет?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<title></title>
		<style type="text/css">
			html, body {
				margin: 0px;
				padding: 0px;
				width: 100%;
				height: 100%;
			}
			.wrapper {
				width: 100%;
				height: 100%;
				background: yellow;
			}
			
		</style>
	</head>
	<body>
		<div class="wrapper">myWrapper</div>
	</body>
</html>

x-yuri · #4 (**permalink**) 26.12.2009, 14:47

Сообщение от Capitano

надо, чтоб див растягивался на высоту всей видимой части окна браузера

а зачем? Что это за div?

Capitano · #5 (**permalink**) 26.12.2009, 15:24

Спасибо за ответы

<script type="text/javascript">
            onload = function() {
                var div  = document.getElementById("somediv");
                var html = document.documentElement;
                div.style.height = html.clientHeight + "px";
 
                onresize = function() {
                    div.style.height = html.clientHeight + "px";
                };
            }
        </script>

Вот такое нашёл на этом форуме. Работает.

Я настолько заморочился, что забыл, что надо ещё и iframe подгонять.
По-моему, должно сработать.
Сразу такой вопрос, что лучше innerHeight или clientHeight или браузеры одинаково обрабатывают?

x-yuri
В iframe pdf, она должна растягиваться на всю видимую область браузера. Ну и див, которые слева, тоже должен растягиваться за фреймом.

x-yuri · #6 (**permalink**) 26.12.2009, 15:39

http://www.howtocreate.co.uk/tutoria.../browserwindow

Capitano · #7 (**permalink**) 26.12.2009, 15:48

Я так понял, client лучше?

x-yuri · #8 (**permalink**) 26.12.2009, 15:54

лучше, чтобы работало

Форум

Справочник

Discord чат

Курсы javascript