Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

barbugiani

Menu com problema no IE

Recommended Posts

Ajuda galera, vcs são os caras!

 

Fiz um menu com css puro, sem js.

Esse menu funciona perfeitamente em firefox, maaaaaaaaaaaaassssssssss para variar, adivinha? Isso mesmo, o negocio dá pau no IE.

 

Tem uma imagem de background e o menu por cima, ou seja, z-index em todo mundo.

 

Quando passo o mouse em alguns links, abre um sublink.

Esse é o problema, esse sublink abre mas quando vou clicar ele some.

 

Tirei a imagem de fundo e funcionou, mas não posso tirar ela, o cliente manda.

http://www.marcelobd.com.br/mercy/home.php

Esse ai é o link.

 

 

Quem puder me ajuda, por favor.

Valeu galera.

 

 

Obs. Se precisar postar algum código, é só avisar.

Valeu!

Compartilhar este post


Link para o post
Compartilhar em outros sites

primeiro de tudo:

 

valide a tua marcação:

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.marcelobd.com.br%2Fmercy%2Fhome.php&charset=%28detect+automatically%29&doctype=Inline&group=0

 

 

não use varios --- nos teus comentários, isso dá problema. Além disso, olhe para os outros erros e warnings. Depois q estiver verde, podemos prosseguir.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Validação feita, tudo ok.

 

CSS

Para colocar a imagem de fundo eu uso esse esquema.

*{
margin:0 auto;
}
html, body {
height:100%;
width:100%;
}

#bg{
width:100%;
height:100%;
position:fixed;
z-index:-1;
}
__________________________

Para o menu estou usando esse css.


.menuGeral{
width:721px;
float:left;
}

.menuUsuarioGeral{
margin-top:-40px;
width:721px;
height:50px;
}
.menuUsuarioGeralBox{
float:left;
width:430px;
padding:10px 38px;
}
.menuUsuarioTextoUsuario{
font:11px Verdana, Geneva, sans-serif;
color:#fff;
font-weight:bold;
}
.menuUsuarioTexto{
font:11px Verdana, Geneva, sans-serif;
color:#999;
}
.menuUsuarioTexto a{
text-decoration:none;
font:11px Verdana, Geneva, sans-serif;
color:#999;	
}
.menuUsuarioTexto a:hover{
color:#fff;
}

.carrinhoMenuTexto{
margin-top:10px;
width:175px;
font:11px Verdana, Geneva, sans-serif;
color:#999;
float:left;
}
.carrinhoMenuTexto a{
margin-top:0px;
width:165px;
font:11px Verdana, Geneva, sans-serif;
color:#999;
float:left;
text-decoration:none
}
.carrinhoMenuTexto a:hover{
color:#fff;
}
.carrinhoMenuImg{
float:right;
width:10px;
}

.menuTexto{
font:12px Verdana, Geneva, sans-serif;
color:#A7A9AC;

}
.menuTexto ul{
list-style:none;
width: 150px;
display:inline;
}
.menuTexto ul li{
   float:left;
   font:9px Verdana,Geneva,sans-serif;
color:#A7A9AC;	
   height:10px;
   position:relative;
text-align:center;
padding:0 0 0 2px;
}
.menuTexto ul li ul li{
margin:4px -8px;
width:122px;
padding:2px 0;
}
.menuTexto li ul{
left:-20px;
position:absolute;
top:10px;
display:none;
padding:10px;
width:100px;
}
.menuTexto ul li a{
font:12px Verdana, Geneva, sans-serif;
color:#A7A9AC;
display:inline;
text-decoration:none;
width:109px;
float:left;
}
.menuTexto ul li ul{
display:none;
margin:-10px 19px;
padding:18px 10px;
height:100px;
}

.menuTexto li:hover ul{
display:block;
}
.menuTexto ul li ul li a:hover{
color:#fff;
}

______

 

Se ficar confuso, me avisa que eu mando os arquivos.

 

Valeu galera.

Compartilhar este post


Link para o post
Compartilhar em outros sites

o ie da problema em tudo cara

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.