Pagina inicial (onde quero que apareça o iframe)
<html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script language="JavaScript"> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); // --> </script> <STYLE> TEXTAREA { BORDER-RIGHT: #FFFFFF 1px solid; BORDER-TOP: #FFFFFF 1px solid; BORDER-LEFT: #FFFFFF 1px solid; BORDER-BOTTOM: #FFFFFF 1px solid; FONT-SIZE: 10px; FONT-FAMILY: verdana; COLOR: #FFFFFF; SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #FFFFFF; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #000000; BACKGROUND-COLOR: #000000 } INPUT { BORDER-RIGHT: #FFFFFF 1px solid; BORDER-TOP: #FFFFFF 1px solid; BORDER-LEFT: #FFFFFF 1px solid; BORDER-BOTTOM: #FFFFFF 1px solid; FONT-SIZE: 9px; COLOR: #FFFFFF; FONT-FAMILY: verdana; BACKGROUND-COLOR: #000000 } BODY { FONT-SIZE: 9pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Helvetica, Arial; TEXT-DECORATION: none } BODY { SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF; SCROLLBAR-SHADOW-COLOR: #FFFFFF; SCROLLBAR-3DLIGHT-COLOR:#000000; SCROLLBAR-ARROW-COLOR: #FFFFFF; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #000000; } A:link { COLOR:#FFFFFF; TEXT-DECORATION: none BORDER-BOTTOM: #FFFFFF 1px solid; } A:visited { COLOR:#FFFFFF; TEXT-DECORATION: none BORDER-BOTTOM: #FFFFFF 1px solid; } A:active { COLOR:#FFFFFF; TEXT-DECORATION: none BORDER-BOTTOM: #FFFFFF 1px solid; } A:hover { COLOR: #FFFFFF; BORDER-BOTTOM: #FFFFFF 1px dotted; } img { border: 0px;} </STYLE> </head> <body bgcolor="#000000" text="#FFFFFF" background="http://geocities.yahoo.com.br/pocoestropicais/lin-1-PT.jpg" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <div id="Layer1" style="position:absolute; left:0px; top:0px; width:740px; height:700; z-index:1"><img src="http://geocities.yahoo.com.br/pocoestropicais/v-1-PT.jpg" width="740" height="700"></div> <div id="Layer2" style="position:absolute; left:25px; top:310px; width:140px; height:282px; z-index:2; overflow: auto"> <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="http://pocoestropicais.blogspot.com" target="mundo">Home</a><br> <a href="http://geocities.yahoo.com.br/pocoestropicais/extras/sobrenos.htm" target="mundo">Sobre Nós</a><br> <a href="http://geocities.yahoo.com.br/pocoestropicais/interativo/sugestoes.htm" target="mundo">Sugestões</a><br> <a href="http://geocities.yahoo.com.br/pocoestropicais/extras/faq.htm" target="mundo">FAQ</a><br> <a href="http://forum-pt.board.dk3.com/2/" target="_blank">Fórum</a><br> <a href="http://geocities.yahoo.com.br/pocoestropicais/extras/links.htm" target="mundo">Links</a><br> <a href="http://geocities.yahoo.com.br/pocoestropicais/extras/creditos.htm" target="mundo">Créditos</a><br> <br> <a href="http://geocities.yahoo.com.br/pocoestropicais/extras/fanfics.htm" target="mundo">Fanfics</a><br> <a href="http://geocities.yahoo.com.br/pocoestropicais/extras/songfics.htm" target="mundo">Songfics</a><br> <a href="http://geocities.yahoo.com.br/pocoestropicais/opiniao/colunistas.htm" target="mundo"> Colunas</a><br> <a href="http://geocities.yahoo.com.br/pocoestropicais/opiniao/autocritica.htm" target="mundo">Auto-crítica</a><br> <br> <a href="http://geocities.yahoo.com.br/pocoestropicais/extras/outros.htm">Outros</a></font></p> </div> <div id="Layer3" style="position:absolute; left:30px; top:642px; width:130px; height:35px; z-index:3; overflow-x: hidden; overflow-y: auto; SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR:#000000; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR:#000000; SCROLLBAR-ARROW-COLOR: #FFFFFF; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #000000;"> <p><a href="http://www.portalracoegina.cjb.net"><img src="afiliados/portaldracoegina.gif" width="88" height="33" border="0"></a></p> <p><a href="http://www.edwigeshomepage.com"><img src="afiliados/edwigeshomepage.jpg" width="88" height="31" border="0"></a></p> <p><a href="http://www.edwigeshomepage.com/rhr"><img src="afiliados/jornalrh.gif" width="120" height="60" border="0"></a></p> <p><a href="http://www.armadadedumbledore.com"><img src="afiliados/adp.jpg" width="88" height="33" border="0"></a></p> <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><a href="http://www.portalavadakedavra.cjb.net"><img src="afiliados/avadakedavra.bmp" width="104" height="42" border="0"></a></font></p> </div> <div id="Layer4" style="position:absolute; left:195px; top:275px; width:520px; z-index:4 overflow:hidden"> <iframe style="FILTER: chroma (color=#000000)" name="mundo" src="http://pocoestropicais.weblogger.com.br/" width="520px" height="100%" frameborder="0"> </iframe> </div> </body> </html>
Página dos iframes
<html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script language="JavaScript" type="text/javascript"> parent.document.getElementById("mundo").height = document.getElementById("tamanho").scrollHeight + 40; //40: Margem Superior e Inferior, somadas </script> <STYLE> TEXTAREA { BORDER-RIGHT: #FFFFFF 1px solid; BORDER-TOP: #FFFFFF 1px solid; BORDER-LEFT: #FFFFFF 1px solid; BORDER-BOTTOM: #FFFFFF 1px solid; FONT-SIZE: 10px; FONT-FAMILY: verdana; COLOR: #FFFFFF; SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #FFFFFF; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #000000; BACKGROUND-COLOR: #000000 } INPUT { BORDER-RIGHT: #FFFFFF 1px solid; BORDER-TOP: #FFFFFF 1px solid; BORDER-LEFT: #FFFFFF 1px solid; BORDER-BOTTOM: #FFFFFF 1px solid; FONT-SIZE: 9px; COLOR: #FFFFFF; FONT-FAMILY: verdana; BACKGROUND-COLOR: #000000 } BODY { FONT-SIZE: 9pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Helvetica, Arial; TEXT-DECORATION: none } BODY { SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF; SCROLLBAR-SHADOW-COLOR: #FFFFFF; SCROLLBAR-3DLIGHT-COLOR:#000000; SCROLLBAR-ARROW-COLOR: #FFFFFF; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #000000; } A:link { COLOR:#FFFFFF; TEXT-DECORATION: none BORDER-BOTTOM: #FFFFFF 1px solid; } A:visited { COLOR:#FFFFFF; TEXT-DECORATION: none BORDER-BOTTOM: #FFFFFF 1px solid; } A:active { COLOR:#FFFFFF; TEXT-DECORATION: none BORDER-BOTTOM: #FFFFFF 1px solid; } A:hover { COLOR: #FFFFFF; BORDER-BOTTOM: #FFFFFF 1px dotted; } img { border: 0px;} </STYLE> <script language="JavaScript"> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); // --> </script> </head> <body bgcolor="#000000" text="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <script language="JavaScript" type="text/javascript"> parent.document.getElementById("mundo").height = document.getElementById("tamanho").scrollHeight + 40; //40: Margem Superior e Inferior, somadas </script><div id="tamanho"> <p><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Insira seu texto aqui</font></p> </div> </body> </html>
O que eu devo fazer?