Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: высота фрейма настраивается?
 
 автор: Рома   (31.12.2009 в 15:26)   письмо автору
 
 

Есть на странице <div></div> высотой 205 пикселей, после него <iframe></iframe>. Могут ли див и фрейм всегда быть высотой 100% экрана?

  Ответить  
 
 автор: elenaki   (01.01.2010 в 12:25)   письмо автору
 
   для: Рома   (31.12.2009 в 15:26)
 

могут.


<script LANGUAGE="JavaScript" type="text/javascript">
var hs = screen.height - 205 - 100;  /// минус 100 это для панели браузера, м.б. чуть больше потребуется 
</script>

а потом рисуете ваш ифрейм высотой hs

  Ответить  
 
 автор: Рома   (02.01.2010 в 01:51)   письмо автору
 
   для: elenaki   (01.01.2010 в 12:25)
 

Это к сожалению вряд ли подойдет. F11 испортит разметку. Слышал, что можно как-то метки ставить, потом высчитывать расстояние между ними и подставлять в высоту. Вообще интересует получение числового значения величины, которая лежит в this.contentWindow.document.body.scrollHeight - т.е. фрейм можно легко растянуть на все окно, независимо от разрешения. Мне вообще все равно на размеры фрейма, лишь бы его нижний край был не выше низа окна, а моя менюшка в 205 пикселей никогда не двигалась оставаясь вверху. Могу сравнить это даже с браузером - представьте как было бы неудобно, когда находясь внизу страницы(любой), все меню браузера уезжало бы вверх, и чтобы сменить вкладку, нужно было бы крутить колесико вверх. Кстати очень хорошее сравнение, неподвижное меню и плавающий контент -примерно так я и хочу.

  Ответить  
 
 автор: elenaki   (02.01.2010 в 16:22)   письмо автору
 
   для: Рома   (02.01.2010 в 01:51)
 

неподвижное меню и плавающий контент
======================================
ифрейи тут ни причем. этого можно добиться слоями.

  Ответить  
 
 автор: Рома   (03.01.2010 в 14:00)   письмо автору
 
   для: elenaki   (02.01.2010 в 16:22)
 

фреиму дать размер соответствующий контенту фрейма не проблема, проблема в неподвижности меню. Используя слои, меню перестает двигаться, а та часть фрейма, которая за пределами экрана - получается недоступна. Может быть я не правильно слои делаю...

  Ответить  
 
 автор: АЯ   (03.01.2010 в 17:10)   письмо автору
 
   для: Рома   (03.01.2010 в 14:00)
 

<html>
<head>
<style>
html, body {width: 100%; height: 100%; overflow: hidden; padding: 0; margin: 0; border: none}
#DV        {height: 205px; background-color: aqua}
#IFR       {width: 100%; border: none}
</style>
<script>
onload = onresize = function () {with (document) getElementById ('IFR').style.height = (body.offsetHeight - 205) + 'px'}
</script>
</head>
<body>
<div id="DV">TopMenu</div>
<iframe id="IFR" src="http://google.com"></iframe>
</body>
</html>

  Ответить  
 
 автор: Рома   (03.01.2010 в 20:37)   письмо автору
 
   для: АЯ   (03.01.2010 в 17:10)
 

спасибо вам большое, просто супер :)

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования