Postagens
Se eu quiser um iframe que se ajuste automaticamente ao tamanho da tela, o que é preciso fazer?
Se eu definir height 100% e width 100% funciona normal?
Não estou conseguindo fazer desta forma.
- Fórum WMO
- → Viewing Profile: Posts: RAUL.
Community Stats
- Group Usuários
- Active Posts 5
- Profile Views 1495
- Member Title Novato no fórum
- Age 40 years old
- Birthday January 10, 1984
-
Sexo
Male
-
Localidade
Brasil - São Paulo
-
Interesses
Programação
Contact Information
-
Windows Live
rrraulll@gmail.com
0
Neutral
User Tools
Friends
RAUL. hasn't added any friends yet.
Latest Visitors
Posts I've Made
In Topic: Iframe Com Height:100%. E O Rodapé?
20/06/2011, 14:16
In Topic: Iframe Auto Ajustável
16/06/2011, 17:49
A quem possa ajudar,
Copiei um código e adaptei na minha página, no entanto, está acontecendo o seguinte problema:
Alerta / Erro apresentado.
Plataforma:
Internet Explorer (sim) Alerta / Erro 1465
Mozilla FireFox (sim) Alerta / Erro 1341, 1533
Google Chrome (não) Não funciona de jeito nenhum.
Alguém poderia me ajudar a solucionar este problema?
Segue o código:
Quem souber como me ajudar eu ficarei muito grato pois não estou conseguindo resolver este problema sozinho, este código javascript foi copiado, pois no momento só tenho conhecimento html e css.
Abraços,
Raul Rosa
Copiei um código e adaptei na minha página, no entanto, está acontecendo o seguinte problema:
Alerta / Erro apresentado.
Plataforma:
Internet Explorer (sim) Alerta / Erro 1465
Mozilla FireFox (sim) Alerta / Erro 1341, 1533
Google Chrome (não) Não funciona de jeito nenhum.
Alguém poderia me ajudar a solucionar este problema?
Segue o código:
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR...-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="estilo.css" media="all" />
<!-- Puxando 'estilo.css' pra cá -->
<style>
.topicoLink {
margin: 0 auto;
overflow: hidden;
padding: 0px 0px 0px 0px;
background-color: transparent;
position: relative;
border: none;
font-family: "Georgia", Times New Roman, Times, serif;
font-weight: none;
font-size: 14px;
}
.contentSt {
margin: 0 auto;
overflow: hidden;
padding: 0px 0px 0px 0px;
background: url(white80.png) repeat;
position: relative;
border: none;
}
</style>
</head>
<body>
...
...
...
<div class="topicoLink">
<hr style="border: inset thin; width: 220px; color: #FCF; "/>
<a href="home.html" target="frameBox">Home</a>
<hr style="border: inset thin; width: 220px; color: #FCF; "/>
<a href="home.html" target="frameBox">Acessórios</a>
<hr style="border: inset thin; width: 220px; color: #FCF; "/>
<a href="home.html" target="frameBox">Bolsas</a>
<hr style="border: inset thin; width: 220px; color: #FCF; "/>
<a href="home.html" target="frameBox">Calçados</a>
<hr style="border: inset thin; width: 220px; color: #FCF; "/>
<a href="home.html" target="frameBox">Carteiras</a>
<hr style="border: inset thin; width: 220px; color: #FCF; "/>
<a href="home.html" target="frameBox">Cosméticos</a>
<hr style="border: inset thin; width: 220px; color: #FCF; "/>
<a href="home.html" target="frameBox">Vestimentas</a>
<hr style="border: inset thin; width: 220px; color: #FCF; "/>
<a href="home.html" target="frameBox">F. A. Q.</a>
<hr style="border: inset thin; width: 220px; color: #FCF; "/>
</div><!-- end .topicoLink -->
...
...
...
<div class="contentSt">
<script>
function WHFRAME(w,h){
var FrameWH = document.getElementById("framebox");
alert(h);
FrameWH.style.width = (w)+"px";
FrameWH.style.height = h+"px";
}
</script>
<iframe src="home.html" id="framebox" frameborder="0" ></iframe>
</div><!-- end .contentSt -->
...
...
...
</body>
</html>
home.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="estilo1.css" media="all" />
<!-- Puxando 'estilo1.css' pra cá -->
<style>
#corpo{
width:686px;
height:100%;
}
</style>
<script type="text/javascript">
function ResizeWH(){
var w;
var h;
w = document.getElementById("corpo").clientWidth;
h = document.getElementById("corpo").clientHeight;
parent.WHFRAME(w,h);
}
</script>
</head>
<body>
<div id="corpo">
</div> <!-- end .corpo -->
</body>
<script>
ResizeWH();
</script>
</html>
Quem souber como me ajudar eu ficarei muito grato pois não estou conseguindo resolver este problema sozinho, este código javascript foi copiado, pois no momento só tenho conhecimento html e css.
Abraços,
Raul Rosa
In Topic: Iframe Com Height:100%. E O Rodapé?
16/06/2011, 15:19
Sei que o post é antigo, mas estou procurando coisas relacionadas a 'iframe' e como apareceu esse post sem respostas...
A quem possa interessar, isso é possível através de CSS:
.baseAfterIframe {
clear: left;
}
ou dependendo da estrutura:
.baseAfterIframe {
clear: both;
}
A quem possa interessar, isso é possível através de CSS:
.baseAfterIframe {
clear: left;
}
ou dependendo da estrutura:
.baseAfterIframe {
clear: both;
}
In Topic: Servidores Gratuitos
02/06/2011, 14:42
Me cadastrei lá ontem, muito complicado, pedem até a idade que vc perdeu sua virgindade, CPF, RG, Endereço Completo.
Até agora não consegui mexer nesse site, muuuito complicado, não recomendo.
- Fórum WMO
- → Viewing Profile: Posts: RAUL.
- Privacy Policy
- Regras ·
