Добрый день. Как известно iframe
кушает лишь четкие указания height
в px
, а нужно что-бы вставляемый iframe
растягивал родительский элемент, в зависимости от размера содержимого самого iframe
, т.к. содержимое - динамическое. Кто знает какие решения, простые или сложные (JS
, JQ
и т.д.)?
-
iframe с того же домена?– Sh4dow21 сен 2011 в 16:28
2 ответа
<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>
Скрипт вставлять в тот документ который загружается в iframe, не забудьте также подключить в этот файл jQuery (проверял на 1.6.2)
Посмотрите еще вот это - http://host.sonspring.com/iframe/
<script type="text/javascript">
$(function() {
var iframe = $('#ourframe', parent.document.body);
iframe.height($(document.body).height());
});
</script>
Работает, но если содержимое больше высоты монитора, то устанавливается высота которая видна, если бы я открыл этот Iframe
в отдельном окне.