X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Высота iframe
DreamShark
DreamShark
Topic Starter сообщение 17.8.2010, 19:46; Ответить: DreamShark
Сообщение #1


Приветствую!

Страничка будет состоять из маленькой шапки 100px высостой и iframe`ом который должен вытягиваться во всю ширину страницы и оставшуюся высоту. С шириной вроде получается, а вот с высотой никак. Вот последнее что имею - выкладываю:

<style type="text/css">
.header {height: 100px;}
html { height: 100%; }
body {  height: 100%; min-height: 100%; }
</style>


<html>
<body>

<div class="header">Заголовок!!!</div>

<iframe src="http://yandex.ru"  width="100%" height="100%" align="left" frameborder="0"></iframe>


</body>
</html>


Что-то не то. У страницы появляется вертикальная проктрутка. Её высота равно высоте одного экрана браузера + 100px шапки.
Подскажите что делать? Спасибо!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 17.8.2010, 20:13; Ответить: locky-yotu
Сообщение #2


А вы как хотели? Естественно есть прокрутка. В iframe загружается вся страница Яндекса. Или вам надо, чтобы страница занимала ровно один экран при вашем разрешении?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DreamShark
DreamShark
Topic Starter сообщение 17.8.2010, 20:30; Ответить: DreamShark
Сообщение #3


locky-yotun, чего-то пока писал забыл про что надо спросить)))
мне нужно чтобы у основной страницы не было прокрутки по вертикали. То есть высота iframe была 100%-100px
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 17.8.2010, 20:39; Ответить: locky-yotu
Сообщение #4


DreamShark, т.е.
(locky-yotun @ 17.8.2010, 23:13) *
вам надо, чтобы страница занимала ровно один экран при вашем разрешении

,да? Я уточняю, потому что 100% - не самая четкая характеристика. Это ведь смотря 100% чего. Например сейчас это 100% высоты контента Яндекса. Так я прав в своем предположении?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DreamShark
DreamShark
Topic Starter сообщение 17.8.2010, 20:43; Ответить: DreamShark
Сообщение #5


да, не только при моем. вообще при любом размере окна браузера, ну с некоторыми ограничениями. То есть резина по сути.
Повторюсь что для этого мне нужно чтобы фактическая высота iframe была 100%(от высоты окна)-100px(которые занимает шапка)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 17.8.2010, 21:00; Ответить: locky-yotu
Сообщение #6


DreamShark, тогда вам надо узнавать высоту рабочей области и присваивать iframe'у высоту, равную полученному значению за вычетом высоты шапки.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DreamShark
DreamShark
Topic Starter сообщение 17.8.2010, 21:11; Ответить: DreamShark
Сообщение #7


locky-yotun,подскажите пожалуйста ка кже такое сделать?
Я в js совсем никак...

пока делаю так, но естественно ничего не выходит:
<style type="text/css">
.header {height: 100px;}
html { height: 100%; }
body {  height: getClientHeight()-100px; }
</style>


<script type="text/javascript">

function getClientHeight()
{
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
}

</script>

<html>
<body>

<div class="header">Заголовок!!!</div>

<iframe src="http://yandex.ru"  width="100%" height="100%" align="left" frameborder="0"></iframe>


</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 18.8.2010, 8:40; Ответить: locky-yotu
Сообщение #8


DreamShark, типа того
<!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="ru" lang="ru">
<head>
<title>Пример</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<style type="text/css">
html, body {height:100%;padding:0;margin:0}
.header {height: 100px;}
</style>
<script type="text/javascript">
function getClientHeight(){return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight}
var setIframe = function() {
var ifr = document.getElementById('ifr');
ifr.style.height = getClientHeight() - 100 +'px';
}
</script>
</head>
<body>
<div class="header">Заголовок!!!</div>
<iframe id="ifr" src="http://yandex.ru" width="100%" height="100%" align="left" frameborder="0"></iframe>
<script type="text/javascript">
var ex = new setIframe();
</script>
</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DreamShark
DreamShark
Topic Starter сообщение 18.8.2010, 9:15; Ответить: DreamShark
Сообщение #9


locky-yotun, Спасибо огромное!!! Всегда выручаете!

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Продажа iframe Трафика
1 Chapa 3396 20.5.2019, 14:48
автор: -Android Traffic-
Открытая тема (нет новых ответов) Автоматическая высота grid
0 askjust.ru 4506 13.2.2019, 13:32
автор: -askjust.ru-
Открытая тема (нет новых ответов) Как вывести информацию из БД в <iframe>?
1 Yumakaev 3651 13.1.2017, 15:27
автор: -vasian7474-
Открытая тема (нет новых ответов) Как в iframe показать любой участок сайта.
0 oleg21621 1066 15.12.2015, 19:44
автор: oleg21621
Открытая тема (нет новых ответов) Продам много iframe трафика
1 andriy465 4667 17.3.2015, 17:00
автор: -popunderru-


 



RSS Текстовая версия Сейчас: 29.3.2024, 5:23
Дизайн