Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Edkc

Iframe mantém a altura do maior documento

Por , em Desenvolvimento frontend

Recommended Posts

Edkc    0

Edkc
Postado

Usei o código deste site:

 

DHTML Nirvana

 

 

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!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Edkc    0

Edkc
Postado

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">


<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
//copyright 2004 Eddie Traversa [url="http://www.dhtmlnirvana.com/"]http://www.dhtmlnirvana.com/[/url]
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!!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito