Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
oi, eu estou fazendo um site, mas acontece que o menu funciona no FireFox mas no ie nao, as div nao ficam invisiveis, alguem poderia me ajuda?
já tentei de tudo, inclusive procurar aqui mas nada adiantou....
aqui esta o codigo da pagina (o menu esta mais p/ baixo):
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<link rel="stylesheet" type="text/css" media="screen" href="css/stylesheet.css" />
<link rel="stylesheet" type="text/css" href="css/modal-message.css">
<script type="text/javascript" src="js/ajax.js"></script>
<script type="text/javascript" src="js/modal-message.js"></script>
<script type="text/javascript" src="js/ajax-dynamic-content.js"></script>
<script type="text/javascript">
messageObj = new DHTML_modalMessage(); // We only create one object of this class
messageObj.setShadowOffset(5); // Large shadow
function displayMessage(url,au,la)
{
messageObj.setSource(url);
messageObj.setCssClassMessageBox(false);
messageObj.setSize(la,au);
messageObj.setShadowDivVisible(true); // Enable shadow for these boxes
messageObj.display();
}
function closeMessage()
{
messageObj.close();
}
</script>
<script type="text/javascript" src="chrome.js"></script>
<style>
.texto{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
}
#MainMenu
{
height:27px;
background:#c1c1c1;
border:0;
margin:0;
}
#tab
{
top:0;
height:0;
margin:0;
}
#tab ul
{
list-style:none;
float:left;
margin:0;
padding:0;
}
#tab li
{
display:inline;
float:left;
margin:0;
padding:0;
}
#tab a
{
background:#000 url(images/menu/sup_d.gif) no-repeat right top;
text-decoration:none;
border:0;
display:block;
float:left;
margin:0;
padding:0;
}
#tab a span
{
display:block;
background:url(images/menu/sup_e.gif) no-repeat left top;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFF;
font-weight:700;
line-height:27px;
padding:0px 12px 0 14px;
}
#tab a:hover,#tab li.item_active a
{
background-position:right bottom;
}
#tab a:hover span,#tab li.item_active a span
{
background-position:left bottom;
color:#000;
font-weight:700;
font-style:normal;
text-decoration:none;
}
.dropmenudiv
{
position:absolute;
top:0;
float:left;
display:block;
visibility:hidden;
border:0;
background:#FFF url(images/menu/sup_f.gif) left top;
color:#FFF;
z-index:100;
text-decoration:none;
padding:0;
}
.dropmenudiv ul
{
list-style:none;
margin:0;
padding:0;
}
.dropmenudiv li
{
display:inline;
margin:0;
padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited
{
width:180px;
display:block;
border:0;
color:#FFF;
background:url(images/menu/sup_e.gif) no-repeat left top;
font-weight:700;
font-style:normal;
text-decoration:none;
margin:0;
padding:0;
}
h3{
color:#a90000;
font-style:italic;
}
h4{
color:#a90000;
font-style:italic;
}
.dropmenudiv a span
{
display:block;
line-height:27px;
background:url(images/menu/sup_d.gif) no-repeat right top;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFF;
float:none;
padding:0 16px 0 12px;
}
.dropmenudiv a:hover
{
border:0;
background-position:left bottom;
font-weight:700;
font-style:normal;
text-decoration:none;
color:#000;
}
.dropmenudiv a:hover span
{
background-position:right bottom;
color:#000;
font-weight:700;
}
</style>
<script type="text/javascript">
function mostra(qual){
if (document.getElementById(qual).style.display == 'none')
{document.getElementById(qual).style.display = 'block';}
else
{document.getElementById(qual).style.display = 'none'}
}
</script>
</head>
<body alink="#a90000" link="#a90000" vlink="#a90000" style="font-family:Arial, Helvetica, sans-serif;" bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table align="center" height="100%" bgcolor="#FFFFFF" width="778" bordercolor="#FFFFFF" border="3" cellpadding="0" cellspacing="0" valign="top">
<tr>
<td valign="top" width="778">
<table border="0" width="778" cellpadding="0" cellspacing="0" >
<tr>
<td colspan="2" background="images/topo/topo_01.jpg" height="120"></td>
</tr>
<tr>
<td colspan="2">
<table width="100%" border="0" align="left" cellpadding="0" cellspacing="0" valign="bottom">
<tr>
<td background="images/topo/topo_02.jpg" height="30" valign="bottom" width="62"></td>
<td background="images/topo/topo_03.jpg" height="30" valign="bottom" >
<table border="0" align="left" style="left:-5px" cellpadding="0" cellspacing="0" valign="bottom">
<tr>
<td width="420" valign="bottom">
<div id="MainMenu" align="center" >
<div id="tab">
<ul>
<li <%if (endereco = "/new/default.asp") or (endereco = "/new/Default.asp") then%> class="item_active" <%end if%> ><a href="default.asp"><span>Home</span></a></li>
<li <%if (endereco = "/new/lojas.asp") then%> class="item_active" <%end if%> ><a href="lojas.asp"><span>Lojas</span></a></li>
<li <%if (endereco = "/new/empresa.asp") then%> class="item_active" <%end if%> ><a href="empresa.asp"><span>Empresa</span></a></li>
<li <%if (endereco = "/new/palavra_do_presidente.asp") then%> class="item_active" <%end if%> ><a href="palavra_do_presidente.asp"><span>Presidente</span></a></li>
<li <%if (endereco = "/new/duvidas.asp") then%> class="item_active" <%end if%> ><a href="duvidas.asp"><span>Dúvidas</span></a></li>
<li <%if (endereco = "/new/contato.asp") then%> class="item_active" <%end if%> ><a href="contato.asp"><span>Contato</span></a></li>
</ul>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<%
if (endereco = "/new/default.asp") or (endereco = "/new/Default.asp") then
%><td colspan="2" background="images/topo/topo_04.jpg" height="60"></td><%
else
%><td colspan="2" background="images/topo/topo_06.jpg" height="60"></td><%
end if
%>
</tr>
<tr valign="top">
<td rowspan="1" bgcolor="#a90000">
<ul class="menu">
<li><a href="java script:mostra('produtos')"><span>Produtos</span></a></li>
<div id="produtos" style="display:none">
<li><a href="produtos.asp"><span>> Nossos Produtos</span></a></li>
<li><a href="banho.asp"><span>> Banho</span></a></li>
<li><a href="capilar.asp"><span>> Capilar</span></a></li>
<li><a href="desodorante.asp"><span>> Desodorante</span></a></li>
<li><a href="gel_locao.asp"><span>> Gel e Loção</span></a></li>
<li><a href="java script:mostra('maquiagem')"><span>> Maquiagem</span></a></li>
<div id="maquiagem" style="display: none">
<li><a href="maquiagem.asp"><span>>> Nossas Maquiagens</span></a></li>
<li><a href="boca.asp"><span>>> Boca</span></a></li>
<li><a href="face.asp"><span>>> Face</span></a></li>
<li><a href="olhos.asp"><span>>> Olhos</span></a></li>
</div>
<li><a href="perfumes.asp"><span>> Perfumes</span></a></li>
</div>
<li><a href="[http://www.pershake.com.br"](http://www.pershake.com.br) target="_blank"><span>Nutrição e Saúde</span></a></li>
<li><a href="java script:mostra('oportunidades')"><span>Oportunidades</span></a></li>
<div id="oportunidades" style="display:none">
<li><a href="como_iniciar.asp"><span>> Como Iniciar</span></a></li>
<li><a href="formas_ganho.asp"><span>> Formas de Ganho</span></a></li>
<li><a href="marketing_rede.asp"><span>> Marketing de Rede</span></a></li>
<li><a href="mercado.asp"><span>> Mercado</span></a></li>
</div>
<li><a href="[http://www.perfamloja.com.br">Loja](http://www.perfamloja.com.br) Virtual</span></a></li>
<li><a href="java script:mostra('eventos')"><span>Eventos</span></a></li>
<div id="eventos" style="display:none">
<li><a href="reunioes.asp"><span>> Reuniões Semanais</span></a></li>
<li><a href="eventos.asp"><span>> Eventos Especiais</span></a></li>
</div>
<li><a href="meio_ambiente.asp"><span>Meio Ambiente</span></a></li>
<li><a href="campanhas.asp"><span>Campanhas</span></a></li>
<li><a href="universidade/index.html" target="_blank"><span>Universidade Perfam</span></a></li>
</ul>Carregando comentários...