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

problema no menu dropdown - css


paulovitor22

Pergunta

Boa noite, gostaria de uma ajuda urgentissima...

seguinte criei um site em css +flash + dreamweaver cs3, acontece o seguinte, o site ta blzinha pura no ie7.0 quando vou vizualizar o site no ie6 não consigo visualizar o dropdown do menu, ou seja os sub-menus do menu não aparece, teria que descer outros links mas na verdade não desce, veja neste link o que acontece

abaixo estou colocando os arquivos css da index.html , menu.css e do css.css(este ultimo é o padraozao do site!)

index.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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>fulmegan dedetizadora</title>
<style type="text/css">
<!--
@import url("css.css");
@import url("menu.css");
.style1 {
color: #990000;
font-size: 12;
}
</style>

<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body>
<div id="principal">

<div id="topo"><strong><a href="#">HOME</a> | <a href="empresa.html">EMPRESA</a> | <a href="contato.html">FALE-CONOSCO</a></strong></div>

<div id="cima">

<div id="logo"></div>

<div id="menu">
<ul id="navmenu">
<li><a href="#">Serviços</a>
<ul>
<li><a href="dedetizacao.html">Dedetização</a></li>
<li><a href="descupinizacao.html">Descupinização</a></li>
<li><a href="Desratizacao.html">Desratização</a></li>
<li><a href="sisternacxdagua.html">Limpeza - cisterna e cx. d'água</a></li>
<li><a href="cxgordura.html">limpeza - caixa de gordura</a></li>
<li><a href="moscasemosquitos.html">combate moscas/mosquitos</a></li>
<li><a href="impermeabilizacao.html">impermeabilização</a></li>
</ul>
</li>

<li><a href="clientes.html">Clientes</a></li>

<li><a href="#">Biologia dos insetos</a>
<ul>
<li><a href="ratos.html">Ratos</a></li>
<li><a href="baratas.html">Baratas</a></li>
<li><a href="cupins.html">Cupins</a></li>
<li><a href="pulgas.html">Pulgas</a></li>
<li><a href="carrapatos.html">Carrapatos</a></li>
<li><a href="formigas.html">Formigas</a></li>
<li><a href="lacraias.html">Lacraias</a></li>
<li><a href="moscas.html">Moscas</a></li>
<li><a href="mosquitos.html">Mosquitos</a></li>
</ul>
</li>

<li><a href="orcamento.html">Orçamento</a></li>
</ul>
</div>


<div id="banner">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','761','height','190','src','banner','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','wmode','transparent','movie','banner' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="761" height="190">
<param name="movie" value="banner.swf"/>
<param name="wmode" value="transparent">
<param name="quality" value="high" />
<embed src="banner.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="761" height="190" wmode="transparent"></embed>
</object>
</noscript></div>
</div>

<div class="tituloHome" id="titulo">Serviços em Destaque</div>

<div id="meio">

<div id="conteudo">


<div class="boxHome">
<div class="imagemHome"><img src="chamada11.jpg" /></div>
<div class="tituloHome">
<h2>Dedetização</h2>
</div>
<div class="textoHome">Combate contra:<br />
baratas, formigas, pulgas, carrapatos, larvas do mosquito da Dengue etc.</div>

<div class="linksHome">
<a href="dedetizacao.html">saiba mais</a><br />
<a href="orcamento.html">solicite um orçamento.</a> </div>
</div>

<div class="separaBox"></div>

<div class="boxHome">
<div class="imagemHome"><img src="chamada33.gif" /></div>
<div class="tituloHome">
<h2><strong>Descupinização</strong></h2>
</div>
<div class="textoHome">Acabe de vez com o cupim.<br />
<br />
Trabalhamos com métodos mais eficáceis do mercado. <br />
</div>
<div class="linksHome">
<a href="descupinizacao.html">saiba mais</a><br />
<a href="orcamento.html">solicite um orçamento.</a> </div>
</div>

<div class="separaBox"></div>

<div class="boxHome">
<div class="imagemHome"><img src="chamada22.gif" /></div>
<div class="tituloHome">
<h2><strong>Desratização</strong></h2>
</div>
<div class="textoHome">Para problemas com ratazanas, rato de telhado ou com camundongos, temos a solução ideal para você.</div>
<div class="linksHome">
<a href="desratizacao.html">saiba mais</a><br />
<a href="orcamento.html">solicite um orçamento.</a> </div>
</div>


</div>


<div id="barradir">
<div id="barradirrandon"></div>
<div id="barradirrandon2">
<div align="center">Sob Registro:<br />
CRH: UN00474/55.61.99 <br />
CRV: UN004761/55.61.21</div>
</div>
<div id="barradirrandon3"><a href="orcamento.html"><img src="facaorcamento2.gif" width="174" height="150" border="0" /></a></div>
</div>

</div>

<div id="rodape">

<div id="rodapedir">©2007 Fulmegan. Todos os direitos reservados.</div>
<div id="rodapeesq">Desenvolvido por:. <a href="#"><strong>PVSOLUTION</strong></a></div>

</div>

</div>


</body>
</html>
[/codebox]

abaixo esta o menu.css

[codebox]@charset "utf-8";
/* CSS Document */

/* ================== INICIO DO MENU ================== */
ul#navmenu {
float:left;
/* margin: 0; */
margin-top: 15px;
margin-left: 10px;
border: 0 none;
padding: 0;
width: 656px; /*For KHTML*/
list-style: none;
height: 24px;
text-align:center;
/*height: 24px;*/
}

ul#navmenu li {
margin: 0;
border: 0 none;
padding: 0;
float: left; /*For Gecko*/
display: inline;
list-style: none;
position: relative;
height: 24px;
width: 160px;
/*height: 24px;*/
}

ul#navmenu ul {
margin: 0;
border: 0 none;
padding: 0;
width: 150px;
list-style: none;
display: none;
position: absolute;
top: 24px;
/*top: 24px;*/
left: 0;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}

ul#navmenu ul li {
min-width: 250px ; /*160px*/
float: left; /*For IE 7 lack of compliance*/
display: block !important;
display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
border: 0px solid #990000;
border-right-color: #990000;
border-bottom-color: #990000;
padding: 0 6px;
float: none !important; /*For Opera*/
float: left; /*For IE*/
display: block;
background: tranparent;
color: #000;
font: bold 12px/24px "Lucida Calligraphy" ; /*"Courier New", Courier, monospace;* bold 15px/22px /*/
text-decoration: none;
height: auto !important;
height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
background: #990000;
color: #FFF;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
float: none;
/*background: #FFF; 990066*/
background: url(fundomenubg.jpg) repeat-x;
color: #000;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
background: #990000;
color: #FFF;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
background: #FFF;
color: #000;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
background: #CCE5E6;
color: #000;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
background: #EEE;
color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
background: #CCC;
color: #FFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
display: none;
position: absolute;
top: 0;
left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
display: block;
}

abaixo esta o css de todas as paginas o padraozao !

/* CSS Document */

body{
background-image: url(bg.gif);
background-repeat: repeat-x;
background-position: top center;
background-color: #e5e5e5;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #808080;
margin: 0px 0;
}


A:link {color: #000000; text-decoration: none;}
A:visited {color: #000000; text-decoration: none;}
A:active {color: #000000; text-decoration: none;}
A:hover {color: #CC0000; text-decoration: none;}


#principal{
background-image: url(bg-conteudo.gif);
background-repeat: repeat-x;
background-position: top center;
background-color: #f5f4f5;
width: 776px;
height: auto;
margin: 5px auto;
}

#topo{
background-image: url(bg.gif);
background-repeat: repeat-x;
width: 776px;
height: 18px;
float: left;
text-align:right;
}

#topo a:link{color: #990099; text-decoration: none;}
#topo A:visited {color: #990099; text-decoration: none;}
#topo A:active {color: #990099; text-decoration: none;}
#topo A:hover {color: #000000; text-decoration: none;}



#cima{
width: 776px;
height: auto;
margin: 0 auto;
}

#logo{
background-image:url(logo.jpg);
background-repeat:no-repeat;
background-position:center;
float:left;
width: 100px;
height: 50px;/*80*/
margin: 0 auto;
}

#menu{
float: right;
background-image:url(fundomenu.jpg);
background-repeat: no-repeat;
background-position:right;
background-position: center;
width: 676px;
height: 50px; /*80*/
margin: 0 auto;
z-index:2;
position:relative;
visibility: visible;
}

#banner{
z-index:1;
position:relative;
width: 761px;
height: 190px;
background-color: #FFFFFF;
margin: 10px 5px 10px 10px;
}

#meio{
width: 776px;
height: auto;
/*margin: 0 5px 10px 10px;*/
}

#conteudocontato{
margin: 0px;
/* background-color:#E9EEF4; */
float: right;
width: 180px;
padding: 10px;
background-color: #fcfcfc;
border-left: 1px solid #e2e2e2;
min-height: 284px;
margin-bottom: 10px;
*margin-bottom: 0;
}

#conteudo{
float: left;
width: 512px;
padding: 10px;
background-color: #fcfcfc;
border-top: 1px solid #e2e2e2;
min-height: 284px;
margin-bottom: 10px;
*margin-bottom: 0;
margin-left: 10px;
}
#conteudo A:link {color: #CCCCCC; text-decoration: none;}
#conteudo A:visited {color: #000000; text-decoration: none;}
#conteudo A:active {color: #000000; text-decoration: none;}
#conteudo A:hover {color: #990099; text-decoration: none;}

#barradir{
width: 177px;
padding: 7px;
float: right;
background-color: #fcfcfc;
border-top: 1px solid #e2e2e2;
min-height: 290px;
_height: 290px;
margin-right: 7px;
margin-bottom: 10px;
}

#barradirrandon{
background-image:url(feema.gif);
width: 174px;
height: 81px;
border: 1px solid #e2e2e2;
background-color: #f6f6f6;
}
#barradirrandon3{
margin-top: 10px;
background-image:url(facaorcamento.gif);
width: 174px;
height: 150px;
border: 1px solid #e2e2e2;
}
#barradirrandon2{
width: 174px;
height: 45px;
border: 1px solid #e2e2e2;
background-color: #f6f6f6;
}


#AreaMenu{
float: right;
margin: 0 10px 0 0;
/*_margin: 2px 5px 0 0;*/
}

#titulo{
font: bold 12px "Lucida Handwriting";
font-size: 15px;
margin: 0 0 7px 15px;
visibility: visible;
color:#990000;
}

#rodape
{
background-color: #f5f4f5;
width: 746px;
margin: 0 auto;
padding: 15px;
text-align: center;
}

#rodape a { color: #000; text-decoration: none; }
#rodape a:hover { text-decoration: none; background:#990000; }

#rodapedir{
width:400px;
text-align:center;
}

#rodapeesq{
width:100px;
text-align:center;
}

.colunaEsq
{
float: left;
width: 250px;
margin: 15px 0 0 0;
}

.colunaDir
{
float: left;
width: 220px;
margin: 15px 0 0 30px;
}

.boxHome
{
float: left;
width: 141px;
min-height: 100px;
margin: 0 0 0 15px;
}

.conteudoTxt
{
font-family: "Times New Roman", Times, serif;
color:#333333;
font-size: 14px;
font-stretch:normal;
text-align: left;
}

.separaBox
{
float: left;
background-color: #c7c7c7;
width: 1px;
min-height: 100px;
margin: 10px 0 0 15px;
}

.tituloHome
{
background-image:url(seta.gif);
background-position: left;
background-repeat: no-repeat;
padding: 0 0 0 10px;
margin: 5px 0 0 0;
}

.textoHome
{
margin: 5px 0;
}

.linksHome
{
margin: 15px 0 0 0;
}

.linksHome a
{
background-image: url(/esquadrimetalv02/portugues/home/imagens/seta.gif);
background-position: left;
background-repeat: no-repeat;
padding: 0 0 0 8px;
color: #000;
}

#AreaConteudo
{
margin: 0 5px 10px 10px;
}

#AreaConteudoPagina
{
float: left;
width: 532px;
padding: 0;
min-height: 304px;
}

h1
{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0 0 7px 0;
visibility: visible;
}

h2
{
font-family:"Palatino Linotype";
color:#990000;
font-size: 15px;
margin: 0 0 7px 0;
visibility: visible;
}

h3
{
font-size: 11px;
margin: 20px 0 0 0;
border-bottom: 1px solid #ccc;
visibility: hidden;
}

h4
{
font-size: 14px;
margin: -7px 0 0 0;
visibility: hidden;
}

h5
{
font-size: 12px;
margin: 25px 0 0 0;
border-bottom: 1px solid #df1929;
visibility: hidden;
}

h6{
font-family:"Palatino Linotype";
color:#6600CC;
padding-top: 10px;
margin-top: 10px;
font-size: 12px;
margin:0px ;
visibility: visible;
}

hr
{
height:0;
border: 1px solid #ddd;
margin-bottom: 20px;
}

h9{
font-family:"Times New Roman", Times, serif;
color:#000000;
font-size: 14px;
margin:0px;
height: 1%;
}
[/codebox]

agradeco a todos pela ajuda :P

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

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,3k
    • Posts
      652,3k
×
×
  • Criar Novo...