Hello
I have a lot of problems with IE in my site. It’s a very easy site. Elastic Layout. the header is invisible, the rest (footer, sidebar and content) have objects that load swfs.
It has worked with all the browsers, but I changed to adapt to IE and than I got a problems with the others and still IE results is garbage (unless he load the content.
But in the others browser: safari works fine but sometimes close the browser without advising. Firefox open the two geturl links inside of the principal menu.swf in two tabs. IE is the craziest thing I ever saw. It open the principal_menu.swf in _self parameter.
IE do like load the index and then change to www.mysite.com/principal_menu.swf.
this is the site
The as2 code on the principal_menu
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”);
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=“XHTML namespace”>
<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>
thanks
