Menu que Nao funciona no IE

Yukko - san · Janeiro 14, 2009

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" 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"><span>Loja 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>

Patrícia Machado · Janeiro 14, 2009

Ave maria... Eu entrei para ajudar, mas confesso que a melhor ajuda que posso lhe dar é falar pra você despoluir o seu código.

Faça uma página só para o CSS e faça o site em tabless e não em table...

Entrar

Arquivado

Menu que Nao funciona no IE

Recommended Posts

Yukko - san 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Patrícia Machado 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Girls From Your Town - Anonymous Casual Dating - No Selfie

Alteracao Tema Wordpress Profolio

Alteracao Tema Wordpress Profolio

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante