Publicado em 7 de dez.

Iframe mantém a altura do maior documento

Usei o código deste site:

Funciona muito bem, no IE e FF, porém o meu layout no FF, depois de carregar um documento ele mantém seu tamanho. Ou seja, ao carregar uma pagina com muito conteudo ele se ajusta, depois se carregar um pagina com pouco conteudo , ele continua com o tamanho da página anteriormente carregada! http://forum.imasters.com.br/public/style_emoticons/default/natal_sad.gif

Duas coisas que não entendo muito bem, mas que podem estar causando isso ():

- O tipo de documento (o cabeçalho <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN")

- Usei display:table no div onde o iframe esta, sem isso, o conteudo fica por cima do rodape

Não sei ... talvez não tenha nada a ver.

No meu layout antigo, da pra ver isso: http://photoshopextreme.orgfree.com/ E agora no novo q estou fazendo, tb ta acontecendo isso!

Discussão (4)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

cassiano óliver· 7 de dez.

dá uma olhada...

http://www.google.com.br/url?sa=t&ct=r...z8o7Q0j_Ow6E4_g

Edkc· 8 de dez.

O script funciona bem, acontece q no meu layout ele fica desse jeito. O que pode ser usado no lugar dessa maldição?!

cassiano óliver· 8 de dez.

tentou usar o que te passei, talvez seja um bug do script que você ta usando...

Edkc· 8 de dez.

Já descobri o erro!! É o tipo do documento!

Usando d cabeçalho exatamente como o do exemplo, não teve erro:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)

<head>
<title>O título do Site</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<!-- o estilo etc <style type="text/css"></style> -->

<script type="text/javascript">
function autofitIframe(id){ // v.1.0

if (!window.opera && !document.mimeType && document.all && document.getElementById){
parent.document.getElementById(id).style.height=this.document.body.offsetHeight+"px";
}
else if(document.getElementById) {

parent.document.getElementById(id).style.height=this.document.body.scrollHeight+"px"
}
}

</script>
</head>

As paginas que serão carregadas dentro do IFRAME também devem ter esse cabeçalho. No IE o script funciona de qualquer jeito, mas no FF o tipo de documento tem que ser este.

Uma das paginas ficavam faltando um pedaço em baixo, aumentei o tamanho iframe e nada, então no css defini um padding-bottom:10px para aquela pagina e resolveu.

O script é muito bom, não tem erro. Valeu os que tentaram ajudar! http://forum.imasters.com.br/public/style_emoticons/default/natal_happy.gif Obrigada mesmo!!