Doug Chiara Postado Janeiro 16, 2010 Denunciar Share Postado Janeiro 16, 2010 Olá pessoal, estou fazendo um site com iframes, mas estou tendo dificuldades na altura, o valor 100% não é aceito, alguém pode me ajudar??Segue o código da página:<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><style type="text/css"><!--body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #000000;}--></style></head><table width="1020" border="0" align="center" cellpadding="0" cellspacing="5"> <tr> <td colspan="3"><iframe src="topo.php" width="1020" height="210" frameborder="no" scrolling="no"></iframe></td> </tr> <tr> <td width="210"><iframe src="menu_esquerdo.php" width="210" height="100%" frameborder="no" scrolling="no" name="menu_esquerdo" hspace="0" vspace="0"></iframe></td> <td width="600"><iframe src="noticias.php" width="600" height="100%" frameborder="no" scrolling="no" name="corpo" hspace="0" vspace="0"></iframe></td>> <td width="210"><iframe src="menu_direito.php" width="210" height="100%" frameborder="no" scrolling="no" name="menu_direito" hspace="0" vspace="0"></iframe></td> </tr></table></html>No topo e no menu_esquerdo ficam botões que carregam outras páginas com tamnhos diferentes no "corpo". Porém ficam cortadas.As paginas menu_esquerdo e menu_direito também cortam.Valor fixo fica muito ruim.Alguém tem alguma idéia??Obrigado desde já. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Norivan Oliveira Postado Janeiro 16, 2010 Denunciar Share Postado Janeiro 16, 2010 O valor do atributo height não pode ser 100%. O que você pode usar para isto é java script:<script language="JavaScript"> <!-- function resize_iframe() { var height=window.innerWidth;//Firefox if (document.body.clientHeight) { height=document.body.clientHeight;//IE } document.getElementById("glu").style.height=parseInt(height- document.getElementById("glu").offsetTop-8)+"px"; } //--> </script> <iframe id="glu" width="100%" onload="resize_iframe()"> </iframe> Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Doug Chiara Postado Janeiro 16, 2010 Autor Denunciar Share Postado Janeiro 16, 2010 Certo.Mas não conheço nada de javascript, tem como dar uma ajuda mais detalhada, onde coloco isso e como ligo ele nas 3 frames de baixo??? tem como?? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Norivan Oliveira Postado Janeiro 17, 2010 Denunciar Share Postado Janeiro 17, 2010 Atribuindo a ela o id 'glu' e chamando a função 'resize_iframe()' no evento onload. Assim<iframe src="noticias.php" width="600" frameborder="no" scrolling="no" name="corpo" hspace="0" vspace="0" id="glu" onload="resize_iframe()"></iframe> Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Doug Chiara Postado Janeiro 17, 2010 Autor Denunciar Share Postado Janeiro 17, 2010 Olá, muito obrigado até aqui Norivan.É o seguinte... não consegui fazer funcionar com esse código não.Mas achei outro código q consegui fazer funcionar em partes.Segue:<html xmlns="http://www.w3.org/1999/xhtml"><head><script language="JavaScript"><!--function calcHeight(){ //find the height of the internal page var the_height= document.getElementById('the_iframe').contentWindow. document.body.scrollHeight; //change the height of the iframe document.getElementById('the_iframe').height= the_height;}//--></script><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><style type="text/css"><!--body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #000000;}--></style></head><table width="1020" border="0" align="center" cellpadding="0" cellspacing="5"> <tr> <td colspan="3"><iframe src="topo.php" width="1020" height="210" frameborder="no" scrolling="no"></iframe></td> </tr> <tr> <td width="210"><iframe src="menu_esquerdo.php" width="210" height="100" frameborder="no" scrolling="no" name="menu_esquerdo" hspace="0" vspace="0"></iframe></td> <td width="600"><iframe src="noticias.php" width="600" name="corpo" hspace="0" vspace="0" id="the_iframe" onLoad="calcHeight();" scrolling="no" frameborder="0" height="1">></iframe></td>> <td width="210"><iframe src="menu_direito.php" width="210" height="370" frameborder="no" scrolling="no" name="menu_direito" hspace="0" vspace="0"></iframe></td> </tr></table></html>O problema dele é que as 2 frames laterais estão abrindo centralizada verticalmente, e eu gostaria q elas abrissem no topo.Tem como resolver isso?? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 kola Postado Janeiro 23, 2010 Denunciar Share Postado Janeiro 23, 2010 (editado) Olá pessoa... seguindo a linha do Doug, conseguimos resolver o problema da barra lateral e do redimensionamento do iframe, porém o conteúdo interno do iframe aparece centralizado na vertical, isso quando não há muito conteúdo. Quando o conteúdo preenche todo o espaço ele aparece alinhado no topo. Eu usei a posição absoluta, porém quando eu redimensiono a janela do navegador o conteúdo sobrepõe os menus do site, ou seja, um fram sobrepõe o outro.Alguém tem alguma idéia do próximo passo?Detalhe, fiz com resolução de 1280x1024, se alguém usar outra resolução já terá os frames desorganizados...Se aguém puder dar uma luz... vlw!!____________________________________________________________________<!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Chiara Racing - Escuderia Chiara</title><script language="JavaScript"><!--function calcHeight(){ //find the height of the internal page var the_height= document.getElementById('the_iframe').contentWindow.document.body.scrollHeight; //change the height of the iframe document.getElementById('the_iframe').height=the_height; }//--></script><style type="text/css"><!--body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #000000; }--> </style></head><table width="1020" border="0" align="center" cellpadding="0" cellspacing="5"> <tr> <td colspan="3"><iframe src="topo.php" width="1020" height="210" frameborder="no" scrolling="no"></iframe></td> </tr> <tr> <td width="210"><iframe src="menu_esquerdo.php" width="210" height="800" frameborder="no" scrolling="no" name="menu_esquerdo" hspace="0" vspace="0"></iframe></td> <td width="600"><iframe style="position: absolute; top: 25%; margin-top: -250;" id="the_iframe" onLoad="calcHeight();" src="noticias.php" width="600" scrolling="NO" frameborder="no" name="corpo" hspace="0" vspace="0" ></iframe> <td width="210"><iframe src="menu_direito.php" width="210" height="800" frameborder="no" scrolling="no" name="menu_direito" hspace="0" vspace="0"></iframe></td> </tr></table></html> Editado Janeiro 24, 2010 por kola Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 kola Postado Janeiro 24, 2010 Denunciar Share Postado Janeiro 24, 2010 RESOLVIDO.Obrigado pela ajuda inicial, deu um up pra chegar aqui... segue a solução no código abaixo.. a linha em azul substituiu a linha em cinza.abs<td width="600"><iframestyle="position: absolute; top: 228px; width: 588px;"style="position: absolute; top: 25%; margin-top: -250;" id="the_iframe" onLoad="calcHeight();" src="noticias.php" width="600" scrolling="NO" frameborder="no" name="corpo" hspace="0" vspace="0" ></iframe> Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Doug Chiara Postado Janeiro 26, 2010 Autor Denunciar Share Postado Janeiro 26, 2010 Isso ae Kola... vlw meu velho.Pegou o barco agora e já tá em mar aberto.você é o cara!!! Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Doug Chiara
Olá pessoal, estou fazendo um site com iframes, mas estou tendo dificuldades na altura, o valor 100% não é aceito, alguém pode me ajudar??
Segue o código da página:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #000000;
}
-->
</style></head>
<table width="1020" border="0" align="center" cellpadding="0" cellspacing="5">
<tr>
<td colspan="3"><iframe src="topo.php" width="1020" height="210" frameborder="no" scrolling="no"></iframe></td>
</tr>
<tr>
<td width="210"><iframe src="menu_esquerdo.php" width="210" height="100%" frameborder="no" scrolling="no" name="menu_esquerdo" hspace="0" vspace="0"></iframe></td>
<td width="600"><iframe src="noticias.php" width="600" height="100%" frameborder="no" scrolling="no" name="corpo" hspace="0" vspace="0"></iframe></td>
>
<td width="210"><iframe src="menu_direito.php" width="210" height="100%" frameborder="no" scrolling="no" name="menu_direito" hspace="0" vspace="0"></iframe></td>
</tr>
</table>
</html>
No topo e no menu_esquerdo ficam botões que carregam outras páginas com tamnhos diferentes no "corpo". Porém ficam cortadas.
As paginas menu_esquerdo e menu_direito também cortam.
Valor fixo fica muito ruim.
Alguém tem alguma idéia??
Obrigado desde já.
Link para o comentário
Compartilhar em outros sites
7 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.