Резиновый IFRAME [РЕШЕНО]

[kurt2133]

Приветствую. Сделал резиновый сайт через шапку и подвал. Центральное содержимое увеличивается через слой при переходе по ссылкам.
Есть вопрос?! как добиться того же самого с IFRAM'ом - пример через фрейм url. когда содержимое увеличивается появляется полоса прокрутки (при вкл. значение = прокрутки фрейма) а если (выкл.значение) то он уходит вниз под подвал

Пробовал настроить через слой+фрейм! и удалял слой, оставлял фрейм без слоя. Итог не помогло.

Есть какие нибудь решения ?

[anonimus]

Приветствую. Сделал резиновый сайт через шапку и подвал. Центральное содержимое увеличивается через слой при переходе по ссылкам.
Есть вопрос?! как добиться того же самого с IFRAM'ом - пример через фрейм url. когда содержимое увеличивается появляется полоса прокрутки (при вкл. значение = прокрутки фрейма) а если (выкл.значение) то он уходит вниз под подвал

Пробовал настроить через слой+фрейм! и удалял слой, оставлял фрейм без слоя. Итог не помогло.

Есть какие нибудь решения ?

ничего не понял, но судя по всему вы хотите чтобы размер фрейма увеличивался в соответствии с содержимым фрейма
это так?

[kurt2133]

да anonimus.
вот напримере этого урока http://www.youtube.com/watch?v=CX24neU5W6A (Область данных)
только с надо чтобы если содержимое iframe увеличивалось в зависимости перехода в нем. - чтобы iframe увеличивался либо висячий слой на нем.
Ну пример может быть что угодно от подключаемых комментариев, либо интернет-магазина содержимого в нем.

[anonimus]

неее, так в этой проге не делается
это пожалуй один из недостатков который меня бесит в проге
можно конечно использовать cms, но это другой вопрос и весь прикол этой проги, а именно всё что мне нравится в ней, пропадает
но с cms тоже свои траблы и там встаёт вопрос безопасности которая в этой cms не шибко на высоте
в общем ни фига не получиться так как вы хотите

[kurt2133]

ожидал увидеть здесь тех кто это уже решил этот вопрос.
если появляется полоса прокрутки значит можно - осталось все переписать... просто придется попотеть....
и может быть как этот вариант: изменять размер - на подобе этого

strelka.jpg

[Alex]

Как говориться - оставайтесь с нами и может быть в новых версиях программы мы увидим резину хотя бы по вертикали.

[anonimus]

ПОМ ГОРИзонтали тянуть можно, а вот по вертикали тоже фрейм тянется, но подвал, то не сдвигается и поэтому всё это фигня
нужно ждать то, что сказал Алекс

[kurt2133]

Ладно с подвалом и с шапкой.
Возможно ли добиться изменения высоты и ширины на основе содержимого IFRAME ? чтобы переходя по внутренним ссылкам фрейма - окно изменялось на основе содержимого? (авторесайз)

[VenikBor]

Всех приветствую!

Надеюсь на помощь форумчан, т.к. перерыл много чего, включая этот форум, но не могу найти ответа!

Юзаю web builder 11 и у меня сейчас задача вставить iframe, чтобы он гармонично вписался в лендинг ПО ВЫСОТЕ.

Я могу вставить его просто в блоке HTML с таким кодом

<iframe src ="http://ссылка на сайт" frameborder ="0" scrolling="yes" height="100%" width ="100%"></iframe>

, но блок фиксированный и появляется прокрутка.

Если прокрутку отменить в коде, то часть контента не показывается. Контент с другого сайта динамический и адаптивный под мобильную версию. Динамический в том плане, что исходный вариант имеет размер полного окна (по высоте). Мобильная версия контента тоже очень длинная портянка.

Когда нажимаешь на элементы, то там добалуются еще дополнительные поля, и высота увеличивается.

Я планирую разместить его в середине лендинга и хочу, чтобы этот айфрейм был без прокрутки и адаптировался + двигал остальные блоки.

Вариант, чтобы изначально растянуть этот блок HTML по максимуму под контент по ссылке меня не устраивает. т.к. получаются пустоты.

В общем как-то сделать его резиновым без скролов и чтобы остальные элементы (слои ниже) адаптировались (сдвигались выше-ниже) относительно его текущих размеров по высоте.

Понимаю, что звучит как бред :), но постараюсь объяснить на схеме (https://yadi.sk/i/yZ8DvNJdEUxs0Q). Очень надеюсь на подсказку чего-куда, т.к. проект «горит».

[spoon]

Нет стандартного кросбраузерного решения, есть библиотека для iframe.
Попробуйте вот такой код, пример:

Код: Выделить всё

<script type="text/javascript">
$(function() {
    var iframe = $('#ourframe', parent.document.body);
    iframe.height($(document.body).height());
});
</script>
<html>
    <body>
        <iframe id="ourframe"></iframe>
    </body>
</html>

или такой:

Код: Выделить всё

<script type="text/javascript">
function autoResize(iframe) {
    $(iframe).height($(iframe).contents().find('html').height());
}
</script>
 
<iframe src="page.html" width="100%" height="100" marginheight="0" frameborder="0" onload="autoResize(this);"></iframe>