problema no menu dropdown - css

paulovitor22 · Maio 6, 2008

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

paulovitor22 · Maio 7, 2008

alguém me ajuda por favor :P

Entrar

problema no menu dropdown - css

Pergunta

paulovitor22

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

paulovitor22

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades