Ir para conteúdo

POWERED BY:

Arquivado

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

Bruno Riggs Pereira

jQuerymenuslide IE8 erro.

Por , em Desenvolvimento frontend

Recommended Posts

Bruno Riggs Pereira    1

Bruno Riggs Pereira
Postado

Senhores,

Peguei um site aqui que fizeram, e ai assumi para finalizar.

Ocorre que o menu no IE8, e somente no IE8 quebra a linha.

 

Abaixo as imagens e o código para ver se tem alguma dica.

 

Funcionando Normal em outros navegadores.

menu02.jpg

 

Quebrando no IE8

menu01.jpg

 

.jqueryslidemenu{font:11px Verdana, Geneva, sans-serif;position:relative;z-index:1;}
.jqueryslidemenu ul{list-style-type:none;margin:0;padding:0;}
.jqueryslidemenu ul li{position:relative;display:inline;float:left;}

/*.jqueryslidemenu li+li+li+li+li+li+li { width:118px;}*/
.jqueryslidemenu ul:first-child li:last-child{width:118px;}

/* Configurações do Menu - COR */
.jqueryslidemenu ul li a{display:block;background:#193554;color:#2d2b2b;text-decoration:none;padding:1.2em 1.1em; margin-right: 1px; width:108px;  text-align: center;}
.jqueryslidemenu ul li ul li ul li a{background-color: #285688} /*1º Nível*/
.jqueryslidemenu ul li ul li ul li ul li a{background-color: #6380AC;} /*2º Nível*/
/* ########################### */

* html .jqueryslidemenu ul li a{display:inline-block}
.jqueryslidemenu ul li a:link,.jqueryslidemenu ul li a:visited{color:#E9EBB6}
.jqueryslidemenu ul li ul{position:absolute;left:0;display:block;visibility:hidden}
.jqueryslidemenu ul li ul li{display:list-item;float:none}
.jqueryslidemenu ul li ul li ul{top:0}
.jqueryslidemenu ul li ul li a{width:160px;border-top-width:0;margin-bottom:1px;padding:1.2em 1.2em;  text-align: left;}
.downarrowclass{position:absolute;top:12px;right:7px}
.rightarrowclass{position:absolute;top:6px;right:5px}
.jqueryslidemenu ul li a:hover,.jqueryslidemenuz ul li ul li a:hover{background:#FFF;color:#193554}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diéssica    140

Diéssica
Postado

menu01.jpg

Falta de espaço.

 

O IE é problemático mesmo, é da renderização. Fica pior ainda se não usar um Reset CSS. Tu tá usando?

 

Sugiro que, usando comentários condicionais (if) faça um CSS específico pro menu no Internet Explorer:

http://www.quirksmode.org/css/condcom.html

 

:bye:

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marrabel    20

Marrabel
Postado

Sugestão, você pode criar uma condição como a amiga diéssica disse. Se deseja especificar a versão você pode criar uma condição para a respectiva versão ou uma classe para a versão

 

<!--[if IE (versao do ie, caso tenha)]><html class="ie_versao"><![endif]-->

 

ou pode tirar o "class". Fica a sua escolha...

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito