Menu em CSS não aparece no IE 8

[felixpereira 0]

Boa noite pessoal.

Estava mudando o menu de meu site. Hoje vi que no IE 8 (versao que estou usando) não aparece o style css do menu.

No Chrome, mozila funciona perfeitamente. Agora no IE parece que ele nem localiza o css.

 

Pra ter uma ideia como esta meu menu nos demais navegadores estão assim:

 

Inicio Notícias categoria ....

 

No IE aparece assim:

 

Inicio

Noticias

Categoria

 

É como se não existe-se classe para o link do menu

 

Alguém saberia o que é isso e me da uma ajuda?

[rikaschmitt 54]

Se você postasse pelo menos algum código css do menu, ou então como você está linkando o style ao seu html...

Ficaria mais fácil algm ajudar né..

[felixpereira 0]

Bom dia rikaschimitt.

 

Css Código Segue.

OBS: esta com Espaços Porque Peguei Cabelo código fonte.

	CAB-menu {
    position: relative; 
	width: 930px;	 
	z-index: 99999; 
	float: left; 
	margin-top: 20px; 
	height: 27px; 
	border-bottom: # F89A1E Sólido 4px; 
	} 
Uma { 
	color: currentColor; 
	text-decoration: none; 
	} 
.clearfix :: after { 
	Conteúdo: ''; 
	display: table; 
	clear: both; 
	} 
#nav { 
	width: 930px; 
        font-size: 12px; font-family: Arial, Verdana "Trebuchet MS";
	position: absolute; 
	top: 0; 
        ; }

#nav> a { 
	display: none; 
	} 

#nav li { 
	position: relative; 
        border-top: 20px; 
	} 
#nav li a { 
	color: #FFF; 
	display: block; 
	} 
#nav li a: active { 
	} 
#nav palmo: after { 
	/ * Faz cardápio de Seta 
	width: 0; 
	height: 0; 
	border: Sólido transparente 0.313em; 
	border-bottom: none; 
	border-top-color: #ccc; 
	Conteúdo: ''; 
	vertical-align: middle; 
	display: inline-block; 
	position: relative; 
	Direito: -0.313em; * /
	} 
/ * Primeiro Nível * / 
#nav li {list-style-type: none; 
	} 	
#nav> ul { 
	height: 20px; 
	} 
#nav> ul> li { 
	width: 160px; 
	height: 100%; 
	float:; Esquerdo
        padding-bottom: 10px; 
	} 
#nav> ul> li> a { 
	height: 100%; 
	font-size: 13px; 
	line-height: 1.5em; / * 60 (24) * /
	text-align: center; 
	color: # 666; 
	} 

#nav> ul> li: Não (: last-child)> a { 
	background-image: url (Imagem / separa.jpg); 
	background-position: right; 
	background-repeat: no-repeat; 
	} 
#nav> ul> li: hover> a, 
#nav> ul: Não (: hover)> li.active> a { 
	} 

/ * Segundo Nível * / 

#nav ul li { 
	display: none; 
	position: absolute; 
	top: 100%; 
	background: # F89A1E; 
	} 
#nav li: hover {ul 
	display: block; 
	left: 0; 
	Direito: 0; 
	} 
#nav li: Não (: first-Criança): hover {ul 
	Esquerda: -1px; ! Importante
	} 
#nav ul li a { 
        width: 143px; 
        float: right; 
	font-size: 12px; 
	border-top: 1px solid # ff9000; 
	padding: 0.75em; / * Largura dos submenus * /
	; 
	} 

#nav li ul li a: hover 
#nav ul li: Não (: hover) li.active a { 
	background-color: # ff7f02; 
	} 
Mídia de Modo Tela e (max-width: 62.5em) {/ * 1000 * / 
	#nav { 
		width: 930px; 
		posição: estático; 
		margin: 0; 
		} 
	
} 

mídia para Tela e (max-width: 40em) {/ * 640 * / 
		
	html { 
		font-size: 12px; / * 12 * /
		} 

	#nav { 
		position: relative; 
		top: auto; 
		left: auto; 
		} 
	
	#nav> a { 
		width: 3.125em; / * 50 * /
		height: 3.125em; / * 50 * /
		text-align: left; 
		text-indent: -9999px; 
		background-color: # e15a1f; 
		position: relative; 
		} 

	#nav> A: Antes, 
	#nav> a: after { 
		position: absolute; 
		border: # fff Sólido 2px; 
		top: 35%; 
		left: 25%; 
		Direito: 25%; 
		Conteúdo: ''; 
		} 

	#nav> a: after { 
		top: 60%; 
		} 
	#nav: not (: target)> a: tipo Primeiro-of-, 
	#nav: target> a: tipo de jornal jornal Última { 
		isplay: block; 
		} 
/ * Primeiro Nível * / 
	#nav> ul { 
		height: auto; 
		display: none; 
		position: absolute; 
		left: 0; 
		Direito: 0; 
		} 		
	#nav: target> ul { 
		display: block; 
		} 
	#nav> ul> li { 
		width: 100%; 
		float: none; 
		} 
	#nav> ul> li> a { 
		height: auto; 
		text-align: Esquerda; 
		padding: 5px 
		} 

	#nav> ul> li: Não (: last-child)> a { 
		border-right: none; 
		border-bottom: 1px solid # cc470d; 
		} 
/ * Segundo Nível * / 
	#nav ul li { 
		posição: estático; 
		padding: 5px; 
		padding-top: 0; 
		} 
}

Chamo o css ASSIM

<Link rel = "stylesheet" type = "text / css" href = "css / style.css" />

HTML

<Nav id = papel "nav" = "navegação">
	<Ul class = "clearfix">
		<Li> <a href="#"> principal </a> </ li>
		<Li>
		  <a href="#" aria-haspopup="true"> <span> Conteudo </ span> </a>
			<Ul>
<Li> <a href="#"> conteudo </a> </ li>
			</ Ul>
		</ Li>
		<Li>
		  <a href="#" aria-haspopup="true"> <span> Conteudo </ span> </a>
			<Ul> <li> <a href="#" class="menua"> Conteudo </a> </ li>
                                                			</ Ul>
		</ Li>
	</ Ul>
</ Nav>

Tenho os JQuery se Precisa.

[rikaschmitt 54]

Meio confuso esses códigos.. mas.. vc está usando a tag <nav>, que se não me engano, o IE 8 não suporta.

Talvez seja isso..

[felixpereira 0]

Era isso mesmo rikaschmitt.

 

Obrigado