Select sobrepõe o menu dropdown [IE6]

[Zumkeller 0]

Olá pessoal, beleza!?

Estou com um problema bem sério aqui e já tentei N soluções e nada.

 

Como na minha empresa ainda estão utilizando o IE6 como padrão para validar, eu fiz toda a verificação.

De repende me deparo com um maldito select que fica logo abaixo do menu, e que por sua vez, sobrepõe o menu! =/

 

Já tentei algumas coisas diretamente pelo CSS tanto no menu quanto no select mas não obtive nenhum resultado.

 

Alguém sabe uma solução!?

Pode ser até um script.. vudu, qualquer coisa! =)

 

Desde Já, Muuito obrigado!

[Evandro Oliveira 331]

por um acaso é isso aqui:

 

 

[menu: | opção A | Opção B | Opção C ]
[aqui uma caixa de select]

aí clica no opção A, fica assim:

[menu: | opção A   | Opção B | Opção C ]
[aqui uma caixa de select]
       | opção A 2 |
       |___________|

se for isso, ajuste com position e z-index

[Zumkeller 0]

Então cara, é isso mesmo!

Mas já coloquei Z-index em ambos e não adiantou.

 

Qual seria a sua solução quando à position?

[William Bruno 1501]

z-index não funciona sem position

 

mostre como você fez, de preferência um link para o site.

[Zumkeller 0]

z-index não funciona sem position

 

mostre como você fez, de preferência um link para o site.

 

Não posso passar o link do site porque é pela minha empresa.

Mas o código está assim:

 

div#site-main-menu ul li ul{
  background:#979596;
  clear:both;
  display:block;
  float:left;
  margin:0;
  padding-left:0;
  padding-top: 5px;
  padding-bottom:0;
  position:absolute;
  top:26px;
  left:7px;
  z-index:20;
  width: 90%;
}

O ul fica display block e pega "z-index:20", enquanto o select está com "z-index:10" porém não tem setada a position..

Seria isso?

[William Bruno 1501]

coloque um position: relative no <select>

 

z-index não funciona sem position explicitamente declarado, com algum valor diferente de static (default)

[Zumkeller 0]

Caraca!

Não sabia disso, muito bom saber!

 

Mas infelizmente, fiz o teste aqui e não resolveu.

O problema é que o IE6 não está renderizando o z-index, até mesmo com as positions declaradas.

[Evandro Oliveira 331]

utilize layers de máxima 7 e mínima -7 DE PREFERÊNCIA GRADATIVOS!!!!

 

o select fica com 1, e o menu com 2

[William Bruno 1501]

Bom cara, já passou algum tempo... não sei se você já resolveu... mas só agora que fui ver direitinho qual era o teu problema.

 

Dê uma olhada aqui:

O <SELECT> não entende o zIndex, e é o zIndex que faz o posicionamento para frente e para traz dos elementos na tela. Bem, isso todo mundo já sabe, e esse é o problema, mas é por ai que ascoisas realmente irão ficar estranhas.

http://beta321.mundomobile.org/?p=151