iframe com altura automática/dinâmica

[Deisenvolvendo Web 0]

Olá Gente!

 

Quero compartilhar com vocês esse script simples e crossbrowser que eu descobri hoje. Fiz uma pequena alteração nele pois não estava funcionando em todos os browsers que eu queria.

 

Segue o código:

 

1 - iframe que vai crescer com o conteúdo:

<iframe id="nomedoiframe" src="suapagina.php" frameborder="0" height="" width="100%"></iframe>

 

2 - na página que será aberta dentro do iframe - suapagina.php:

 

A div com o conteúdo;

 

<div id="suadiv" style="margin: 0 auto; overflow: auto;"></div>

<!--SCRIPT QUE FAZ O IFRAME CRESCER DE ACORDO COM O TAMANHO DO CONTEÚDO-->
<script language="Javascript" type="text/javascript">
 window.parent.document.getElementById("nomedoiframe").height = document.getElementById("suadiv").scrollHeight + 40; 
</script>

 

Espero que gostem e ajudem vocês!

[Lucas Guima 164]

Você testou os browsers, mas e as resoluções, também?