Присвоение высоте дива значения window.innerHeight
Как вы догадались, в скриптах я полный нуб.
В общем возникла такая проблема, надо, чтоб див растягивался на высоту всей видимой части окна браузера. Нашёл, что это значение можно получить при помощи window.innerHeight, но возник вопрос, как присвоить диву height=window.innerHeight ? |
<div id="ohyeah"></div>
<script>
document.getElementById('ohyeah').style.height = window.innerHeight + 'px';
</script>
|
Вот такой вариант Вам не подойдет?
<!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>
|
Цитата:
|
Спасибо за ответы
<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, она должна растягиваться на всю видимую область браузера. Ну и див, которые слева, тоже должен растягиваться за фреймом. |
|
Я так понял, client лучше?
|
лучше, чтобы работало ;)
|
| Часовой пояс GMT +3, время: 22:47. |