Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia galera, estou trabalhando a pouco tempo com html e CSS, e estou precisando de uma ajudinha. Vou postar o código para vocês verem se podem me ajudar.
O topo está tudo ok. O problema é no posicionamento da div "flash" e da div "rodape" que estão aparecendo sobrepostas quando executadas no firefox ou chrome, no explorer está aparecendo corretamente.
HTML
<!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">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Lourenzo</title>
<script src="AC_RunActiveContent.js" type="text/javascript"></script>
<link href="teste.css" rel="stylesheet" type="text/css" />
</head>
<body class="principal">
<div align="center">
<div id="topo">
<div id="esquerda"><img src="images/esquerda.jpg" width="247" height="400" /><img src="images/barra.jpg" width="2" height="400" /></div>
<div id="meio">
<div id="titulo">
<img src="images/empresa.jpg" width="506" height="24" />
</div>
<div id="conteudo">
<iframe name="texto" frameborder="0" height="200" width="506" scrolling="auto" src="texto_empresa.html" id="texto" marginheight="0" marginwidth="0"></iframe>
</div>
<div id="menu">
<a href="texto_empresa.html" target="texto">A Empresa</a>
<a href="texto_missao.html" target="texto">Missão</a>
<a href="texto_visao.html" target="texto">Visão</a>
<a href="texto_valores.html" target="texto">Valores</a>
</div>
<div id="foto360">
<APPLET archive='CleanPurePlayerPro.jar' code='PurePlayerPro' width='506' height='157' MAYSCRIPT>
<param name='panorama' value='torabrasil_2907_540x300.ivp' >
<param name='gui' value='f360_gui_Standad_pt.ivu' >
<param name='antialiasing' value='onstop'>
<param name='fullscreen' value='false'>
<param name='optimizememory' value='true'>
<param name='singlepanorama' value='true'>
<param name='quality' value='100'>
<param name="wmode" value="transparent">
</APPLET>
</div>
</div>
<div id="direita"><img src="images/barra.jpg" width="2" height="400" /><img src="images/direita.jpg" width="243" height="400" /></div>
</div>
<div id="flash">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="[http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"](http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0) width="1000" height="61">
<param name="movie" value="flash/menu_site.swf" />
<param name="quality" value="high" />
<param name="menu" value="false" />
<param name="wmode" value="transparent" />
<embed src="flash/menu_site.swf" width="1000" height="61" quality="high" pluginspage="[http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"](http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash) type="application/x-shockwave-flash" menu="false" wmode="transparent"></embed>
</object>
</div>
<br />
<br />
<div id="rodape">
<div id="selo"><img src="images/selo.jpg" width="170" height="90" title="Prêmio Quality" alt="Prêmio Quality" /></div>
<div id="marca"><img src="images/logo1.jpg" width="300" height="90" title="Marca Lourenzo - acabamentos de interiores" alt="Marca Lourenzo - acabamentos de interiores" /></div>
</div>
</div>
</body>
</html>.principal {
width:100%;
height:auto;
background-color: #E8E8E8;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
scrollbar-face-color: #ffcb08;
scrollbar-arrow-color: #ffcb08;
}
#centro{
width: 100%;
margin: 0 auto;
}
#esquerda{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color:#FFF;
height:400px;
width:249px;
float:left;
}
#meio{
background-color:#FFF;
width: 506px;
height:400px;
float:left;
}
#titulo{
margin-top:0;
width:506px;
height:24px;
}
#conteudo{
width:506px;
height:200px;
}
#menu a{
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-left:25px;
margin-right:25px;
display:inline;
font-size:14px;
text-decoration:none;
color:#888;
}
#menu a:hover{
color: #000;
}
#direita{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color:#FFF;
height:400px;
width:245px;
float:left;
}
#topo{
width:1000px;
margin:0px 0px 0px 0px;
}
iframe{
overflow-x: hidden;
overflow-y:auto;
}
#flash{
widows:1000px;
height:61px;
}
#foto360{
width:506px;
height:157px;
background-color: #E8E8E8;
}
#rodape{
margin: 0px;
padding: 0px;
width:1000px;
height:90px;
}
#selo{
float:left;
width:170px;
height:90px;
}
#marca{
margin-left: auto;
margin-right:auto;
width:300px;
height:90px;
}
Desde já agradece a colaboração de todos.
Carregando comentários...