Ir para conteúdo
Fórum Script Brasil
  • 0

(Resolvido) Problema com iframe que sai do lugar.


Dih.

Pergunta

Olá pessoal. =)

Vocês poderiam me ajudar com meu caso? Eu fiz um site esse mês e ao meu ver, não encontrei nenhum erro no código html.

O layout do site é de imagem, podem ver aqui (http://fatale.art.br)

A iframe se move quando se dá uma maximizada ou minimizada na tela, além de ficar torto também em computadores com resolução inferior ou bem maior que 1024x762. O mapa da imagem continua correto, mas a iframe sempre se move.

Alguém pode me ajudar?

Obrigada. ♥

Editado por kuroi
Adicionar link
Link para o comentário
Compartilhar em outros sites

7 respostass a esta questão

Posts Recomendados

  • 0
Sem código é díficil :P

Mas é só olhar no código fonte. ._.

De qualquer forma:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
&lt;script language="JavaScript" type="text/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>
&lt;script type="text/javascript">
<!-- 
function lite(obj) {
if(document.all&&!window.opera) {
obj.filters.blendTrans.apply(); 
obj.filters.blendTrans.play(); 
} 
} 
-->
</script>
<title>FATALE</title>

&lt;script type="text/javascript" language="javascript">
<!-- 
var sc_project=1764111; 
var sc_invisible=1; 
var sc_partition=16; 
var sc_security="1ba809cc"; 
//-->
</script>

<STYLE type="text/css">
P {FONT-WEIGHT: normal; FONT-SIZE: 13px;LINE-HEIGHT: 14px; FONT-STYLE: normal; FONT-FAMILY: Trebuchet MS; TEXT-ALIGN: left}
BODY {FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #D4D4D4; LINE-HEIGHT: 14px; FONT-STYLE: 11pt; FONT-FAMILY: Trebuchet MS; TEXT-ALIGN: left}
DIV {FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #D4D4D4; LINE-HEIGHT: 14px; FONT-STYLE: 11pt; FONT-FAMILY: Trebuchet MS;}
B {FONT-WEIGHT: bold; FONT-STYLE: bold; COLOR: #9a9a9a; LINE-HEIGHT: 14px; FONT-STYLE: 11pt; FONT-FAMILY: Trebuchet MS;POSITION: relative;}
A {HEIGHT: 3px}
A:link {FONT-WEIGHT: bold; COLOR: #AE799F; TEXT-DECORATION: none;cursor: help}
A:visited {FONT-WEIGHT: bold; COLOR: #925882; TEXT-DECORATION: none;cursor: help}
A:active {FONT-WEIGHT: bold; COLOR: #A56995; TEXT-DECORATION: none;cursor: help}
A:hover {FONT-WEIGHT: bold; COLOR: #B19CAC; BACKGROUND-COLOR: #F2EEF1; TEXT-DECORATION: none;}

BODY {
scrollbar-face-color: #E2E2E2;
scrollbar-arrow-color: #C91426;
scrollbar-track-color: #FFFDFD;
scrollbar-shadow-color: #FFFDFD;
scrollbar-highlight-color: #FFF9F9;
scrollbar-3dlight-color: #4D4D4D;
scrollbar-darkshadow-Color:#8E8C8C; 
BACKGROUND-COLOR: #ffffff;}

.table1 {
color: #C88811;
border-top: 1px dashed #FF9788;
border-bottom: 1px dashed #FF9788;
border-left: 1px double #ff9788;
border-right: 1px double #ff9788;
background-color: #FEFBF3;
LINE-width: 2px;
padding: 12px;}



</style>


&lt;script type="text/javascript">
<!-- 
function lite(obj) {
if(document.all&&!window.opera) {
obj.filters.blendTrans.apply(); 
obj.filters.blendTrans.play(); 
} 
} 
-->
</script>


</HEAD>

<BODY oncontextmenu="return false" ondragstart="return false" onselectstart="return false">
<body background="" leftmargin="0" topmargin="3" marginwidth="0" marginheight="-2">
<p><DIV ALIGN="center"><IMG SRC="/fatale.jpg" WIDTH="1024" HEIGHT="1668" border="0" usemap="#Map"></p>
<map name="Map">

<!-- Links superiores -->
    <area shape="rect" coords="838,52,800,90" href="mailto: contato@fatale.art.br" target="_blank" alt=" E-mail ">
    <area shape="rect" coords="878,52,840,90" href="http://www.orkut.com.br/Main#Profile?rl=mp&uid=4122561625190478887" target="_blank" alt=" Orkut ">

    <area shape="rect" coords="918,52,880,90" href="http://twitter.com/#!/Fataleart" target="_blank" alt=" Twitter ">
    <area shape="rect" coords="958,52,920,90" href="http://www.facebook.com/#!/Fatale.Art" target="_blank" alt=" Facebook ">

    
<!-- Menu superior -->
    <area shape="rect" coords="170,252,75,188" href="layouts/fatale.html" alt=" A Fatale ">
    <area shape="rect" coords="305,252,190,188" href="layouts/equipe.html" alt=" Equipe ">
    <area shape="rect" coords="400,252,320,188" href="layouts/fotos.html" alt=" Fotos ">
    <area shape="rect" coords="560,252,415,188" href="http://www.fatale.art.br/layouts/depoimentos.html" alt=" Depoimentos ">
    <area shape="rect" coords="790,252,575,188" href="layouts/seja_parceiro.html" alt=" Seja nosso Parceiro ">

    <area shape="rect" coords="920,252,810,188" href="layouts/parceiros.html" alt=" Parcerias ">

<!-- Menu inferior -->
    <area shape="rect" coords="350,328,259,266" href="layouts/ensaio.html" alt=" Ensaio ">
    <area shape="rect" coords="495,328,369,266" href="layouts/privacidade.html" alt=" Privacidade ">
    <area shape="rect" coords="610,328,510,266" href="layouts/contato.html" alt=" Contato ">
    <area shape="rect" coords="760,328,625,266" href="layouts/cadastre-se.html" alt=" Cadastre-se ">

<!-- Menu fim -->
    <area shape="rect" coords="220,1380,106,1356" href="layouts/quemsomos.html" alt=" Quem somos ">
    <area shape="rect" coords="260,1428,108,1410" href="layouts/entre_em_contato.html" alt=" Entre em Contato ">

    
    <area shape="rect" coords="540,1380,340,1356" href="layouts/perguntas_frequentes.html" alt=" Perguntas frequentes ">
    <area shape="rect" coords="477,1433,340,1410" href="layouts/como_funciona.html" alt=" Como Funciona ">
    <area shape="rect" coords="420,1483,340,1460" href="layouts/imprensa.html" alt=" Imprensa ">
    
    <area shape="rect" coords="760,1380,582,1356" href="layouts/sugerir_parceiro.html" alt=" Sugerir um Parceiro ">
    <area shape="rect" coords="750,1433,582,1410" href="layouts/seja_parceiro.html" alt=" Seja um Parceiro ">

        <area shape="rect" coords="890,1380,800,1356" href="http://www.facebook.com/#!/Fatale.Art" target="_blank" alt=" Facebook ">
    <area shape="rect" coords="880,1433,800,1410" href="http://twitter.com/#!/Fataleart" target="_blank" alt=" Twitter ">
    <area shape="rect" coords="880,1483,800,1460" href="http://www.orkut.com.br/Main#Profile?rl=mp&uid=4122561625190478887" target="_blank" alt=" Orkut ">

</map>

<!-- Vídeo do Youtube resolução de de 340x240 -->

  <div align="left" id="Layer1" style="position: absolute; top: 980; left: 30; width: 240; height: 0"> 
  


  
  </div>
  
<!-- Espaço promoção resolução de de 340x240 -->
  
  <div align="left" id="Layer1" style="position: absolute; top: 980; left: 466; width: 240; height: 0"> 


    
  </div>

  <div style="position: absolute; left: 333; top: 489; width: 575; height: 340; z-index: 4"> 
<iframe noresize="noresize" src="fatale.html" frameborder="0" width="565" height="340" name="iframes" overflow="auto" align="absbottom" body bgcolor="#transparent" ALLOWTRANSPARENCY="true" scrolling="no">

</iframe>
  
</div>

  
    <div style="position: absolute; left: 60; top: 10; width: 600; right: 5px; height: 100px; z-index: 4"> 
<IMG SRC="logo.jpg" WIDTH="435" HEIGHT="155">

</body>
</html>

Editado por Dih.
Link para o comentário
Compartilhar em outros sites

  • 0
não encontrei nenhum erro no código html.

mas eu sim... de uma olhada, por exemplo, q no final você abre uma div e não fecha... seu iframe ta cheio de propriedades q não existem, você ta abrindo dois bodys...

você ta usando dreamweaver?? se for o caso, tenta dexar a janela de design pra la e montar a pagina só pelo codigo mesmo q é muito melhor...

acho q o melhor mesmo seria você refazer a pagina usando position static mesmo em vez de absolute. ai você punha as divs umas dentro da outra como era pra ser no visual.

de qualquer modo, se você mudar a primeira div (q alias, você tb não tinha fechado) onde você pos a imagem de fundo num img (se é imagem de fundo, deveria ficar num background, de preferencia ne), pra alguma coisa mais o menos assim:

<p><DIV ALIGN="center" style="margin-left: 200px; background: url('http://fatale.art.br/fatale.jpg'); width: 1024; height: 1668;"></div></p>

e se você mudar o left da div onde esta o seu iframe pra tipo 433, ele deve ficar mais ou menos alinhado. ai você vai ajustando os lefts e ve como você acha q fica melhor.

Link para o comentário
Compartilhar em outros sites

  • 0

Mais uma dúvida, por favor..

O mapa não pega mais.. Eu coloquei dentro disso:

<p><DIV ALIGN="center" style="margin-left: 108px; background: url('http://fatale.art.br/fatale.jpg'); width: 1024; height: 1668;" usemap="#Map"></p>
<map name="Map">

Mas não pega mais. Como faço? =|

Link para o comentário
Compartilhar em outros sites

  • 0

é verdade, eu não tinha prestado atencao nessa parte do map. então não vai dar pra usar imagem de fundo, vai ter q ser com o img mesmo, o usemap so funciona com img. tenta assim q deve funcionar:

<p><div align="center" style="margin-left: 200px; width: 1024; height: 1668;"><img src="http://fatale.art.br/fatale.jpg" usemap="#map" /></div></p>

Link para o comentário
Compartilhar em outros sites

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.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...