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

IE não carrega swf dentro de object e fica com quadrado branco dentro


jucape

Pergunta

Ola pessoal,

Algo tem um problema com IE quando ele carrega o flash dentro da div e/ou <object...>que esta dentro da div. Fica um quadrado branco.

Meu site é muito simples: layout eslastico em css, os tres divs que terao conteudo são objects que carregam swfs. O menu_principal.swf carrega os dois arquivos em dois objects em diferentes divs. No div principal se carregam as galerias em flash.

Faz um tempo que to boladao e não tenho o costume de escrever em forum. E por que pra o meu auto-didatismo IE foi o cheque mate. Acho bem legal essa iniciativa pra comunidade da informação. E melhor é existir a possibilidade de fazer parte. Eu não sei se o conteudo esta bem ou se deveria ser mais direto e enxugado.

O que passa é que estava pronta a estrutura do site, funcionava redondo em todos browsers, como tenho mac, negligenciei o IE....

Os objects ou os divs ficam em branco, o div que emula o background img funciona bem

Para poder encontrar os arquivos, isso para o IE, li que se colocar o http://www.meusite/galeriafulano.html o nosso amigo IE reconhece a localidade do conteudo. Está certo isso?

A consequencia e que o firefox abre os dois conteudos em uma outra aba, o safari fica maluco, o IE carrega a pagina, mas mantem os quadrados brancos e apos um segundo muda de www.meusite.com (index) para www.meusite.com/menu_principal.swf.

No div rodape vai o menu_principal.swf. o codigo abaixo e dos seus botoes.

contato_mc.onRelease = function()

{getURL("http://www.ambientearquitetura.com/galeria_de_imagem/galeriaimagens.html", "conteudoportfolio");

getURL("http://www.ambientearquitetura.com/logo2.swf", "logo");

backcolor_mc.gotoAndStop ("4");

}

O index e esse:

<!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>Untitled Document</title>

<style type="text/css">

/* Remove margins from the 'html' and 'body' tags, and ensure the page takes up full screen height */

html, body {height:100%; margin:0; padding:0;}

/* Set the position and dimensions of the background image. */

#page-background {position:fixed; top:0; left:0; width:100%; height:100%;}

/* Specify the position and layering for the content that needs to appear in front of the background image. Must have a higher z-index value than the background image. Also add some padding to compensate for removing the margin from the 'html' and 'body' tags. */

#content {position:relative; z-index:1; padding:10px; }

body{

margin:0px 0px;

font: 12px Arial, Helvetica, sans-serif;

text-align:center;

}

#tudo {

width:1300px;

text-align:left;

margin:0 auto;

}

#header {

height:20px;

padding: 0;

margin-bottom: 0;

}

#principal {

width:1000px;

float:right;

}

object

{

float: right;

}

#navegacao {

float: left;

} object

{

float: left;

}

#principal * {

padding: 0 px;

}

#navegacao * {

padding: 0 0px;

}

#rodape {

clear:both;

text-align: right;

}

</style>

<!--[if IE ]>

<style type="text/css">

html {overflow-y:hidden;}

body {overflow-y:auto;}

#page-background {position:absolute; z-index:-1;}

#content {position:static;padding:10px;}

</style>

<![endif]-->

</head>

<body>

<div id="page-background" ><img src="index.jpg" width="100%" height="100%" alt="Smile"></div>

<div id="content">

<div id="tudo">

<div id="header"></div>

<div id="principal"><object id="portfolio" name="conteudoportfolio" type="text/html" data="http://www.ambientearquitetura.com/home.swf" width="1000" height="650">

</object>

</div>

<div id="navegacao">

<object id="idear" name="logo" type="text/html" data="http://www.ambientearquitetura.com/logo.swf" width="300" height="650">

</object>

</div>

<div id="rodape">

<object id="menu" name="idear" type="text/html" data="http://www.ambientearquitetura.com/menu_principal.swf" width="1300" height="50">

</object>

</div>

</div>

</body>

</html>

O site de teste é www.ambientearquitetura.com

valeu pela atencao gente

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

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,2k
    • Posts
      651,9k
×
×
  • Criar Novo...