Как подогнать высоту iframe под его контент?

Есть iframe, в него при обновлении страницы загружаются несколько новостей, естественно размеры текстов новостей всегда разные и поэтому иногда они не вмещаются в этот iframe а иногда наоборот в нем остается свободное место. От iframe к сожалению уйти нельзя, поэтому нужен какой то работоспособный способ, который бы позволил менять высоту фрейма в зависимости от высоты того контента который в него будет загружаться...

1 ответов


вот статья Дмитрия Котерова как раз по теме
http://dklab.ru/chicken/nablas/58.html

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


window.parent.resize('240');
 
которая будет изменять размеры ифрейма.

Есть 2 решения:
Серверное:
как самое простое - запихнуть в iframe div такого же размера и установить CSS:


overflow:auto;
  тогда появится скролл справа.
Клиентское:
А вообще придется решать с помощью JS или JQ
В вашем случае в iframe (использован JQ):

 <script>
    $("#getw").click(function () {
        alert($(window).height());
    });
  </script>
  <button id="getw">Высота Window</button>
 
а там просто уже устанавливаете свойство для iframe с помощью того же height тока с циферкой...
Почитайте:
http://www.linkexchanger.su/2008/58.html

Вычислить количество строк загружаемого текста => вычислить высоту iframe. Как?


Может тогда пойти другим путем и грузить не через фрейм а через php или javaScript дергать нужное содержание и вставлять в "основной" код страницы?