Ir para conteúdo
Fórum Script Brasil
  • 0

[RESOLVIDO]Css não "pega" no IE


Alex Fernandes

Pergunta

Fala "Jedais";

Já pesquisei, mas até agora não resolvi o problema.

Tenho o seguinte css mas o mesmo não "pega" no IE, alguma dica, desde já agadeço.

 

*, html, body {
		margin:0;
		padding:0;
		}
	/* mais regras CSS reset */

	/* regra para o box-sizing */
	*, *:before, *:after {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	/* regra para o clear float */
	.cf:before,
	.cf:after {content: " ";display: table;}
	.cf:after {clear: both;}
	.cf {*zoom: 1;}
	body {
		margin-left:200px; /* mesmo valor da largura da barra de menu, para os componentes das outras paginas respeitarem este limite */
		font:  62.5%/1.2 Verdana, Helvetica, Arial, sans-serif;
		}
		
		

	/* Nessa etapa veremos as regras CSS para aplicar o efeito slider lateral no menu */
	#lateral {
		padding:0 0px 0 0;
	
		font-size:1.2em;
		background-color:#303030;
		height:100%;
		overflow:hidden;
		width:200px; 
		position:fixed;
		top:0;
		left:0px;
		}
	
	/* Nessa etapa veremos as regras CSS para estilizar os conteúdos da seções do menu */
	#lateral .box {
		list-style-type:none;
		margin-top:-3em;
		padding-bottom:1em;
		  border-top:2px solid #303030;/*solid #252525;*/
		}
	#lateral h3 {/*Documentos, Empresas, Login e Administrado do sistema*/
		display:inline-block;/*inline-block*/
		font-weight:bold;
		font-size:1.6em;
		font-style:normal;
		padding-bottom:0.2em;
		margin: 2em 0 2em 1em;/*2em 0 2em 0.81em*/
		color:rgba(255,255,255,0.7);
		}
	
	#menu {
		font-style:italic;
		position:relative;
		font-size:1.0em;
		margin:0em 0 1em -1em;/*1em 0 1em -1em*/
		margin-top:-3.7em;
		}
		
		
		
		#menu li a {
		font-size:1.5em;
		color:rgba(255,255,255,0.5);
		text-decoration: none;
		padding: 0.8em 1em;/*0.8em 0 0.8em 1em*/
		display: block;
			  
	    border-bottom:2px solid #303030;/*solid #252525;*/
		background-color:rgba(0,255,255,0.1);/*COR*/
		}
		
		#menu li a:hover {
			color:rgb(255,255,255);
			background-color:rgba(255,255,255,0.2);
		}
		
		#menu li a:active {
			color:rgb(255,255,255);
			background-color:rgba(255,255,255,0.5);
		}

 

 

Editado por Alex Fernandes
Link para o comentário
Compartilhar em outros sites

9 respostass a esta questão

Posts Recomendados

  • 0

Descupem a demora.

Esta mal identado pois estou fazendo no notepad++

 

<!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=windows-1252">

<!-- chamando arquivo CSS -->
<link href="css/menu-lateral.css" rel="stylesheet" media="screen" type="text/css" />

</head>

<body>

<div id="lateral">
<div id="menu">

<h3 class="link-titulo">R.D.C</h3>
    <ul class="box">
        <li id='home'><a href="pag-home.php">Home</a></li>
		<li id='login'><a href="#">Editar login</a></li>
    </ul>
  		
<h3 class="link-titulo">Documentos</h3>
    <ul class="box">					
        <li id='caddoc'><a href="pag-form-doc-criar.php">Cadastro</a></li>
        <li id='showdoc'><a href="pag-form-doc-recuperar.php">Show</a></li>
    </ul>

<h3 class="link-titulo">Empresas</h3>
    <ul class="box">
        <li id='cademp'><a href="pag-form-emp-criar.php">Cadastro</a></li>
        <li id='showemp'><a href="pag-form-emp-recuperar.php">Show</a></li>        
    </ul>

</div> 
</div>  

</body>
</html>

 

Editado por Alex Fernandes
Link para o comentário
Compartilhar em outros sites

  • 0

O internet explorer 8 pra trás não aceitam o alpha do rgba(), ou se conformar em não dar suporte para IE8 ou anterior, ou, uma coisa que eu testei agora, colocar dois colors:

color:#c7c1c1;
color:rgba(255,255,255,0.7);

Aparentemente deu certo.

Link para o comentário
Compartilhar em outros sites

  • 0

Amigo, obrigado pela ajuda (novamente demorei pra responder, pois estou muito agarrado).

De fato quando retirei o alpha a cor apareceu (mas não quero ficar sem alpha). Mas o estranho é que meu IE é o 8

versão: 8.0.7601.17514

nivél de codificação: 256 bits

Será que é porque meu windows ainda é de 32Bits (é que tenho tanto programa aqui que não quiz colocar o 64bits)?

Será que se eu reinstalar o IE alguma coisa melhora? Acho que não ne? 

Se eu não achar solução pra isto, vou ter que colocar um aviso para meus clientes não usarem o IE.

É que apesar de não dominar muito bem html/css sou programador Java e C++ e desenvolvi um App android para escritorio de contabilidade e este app pega os dados no servidor que foram populados no painel administrativo. Já esta pronto e funcionando perfeitamente, tanto o painel administrativo quanto o App, inclusive já com testes reais com clientes  há 2 meses. Mas estes clientes eu tive um contato pessoal e expliquei os problemas à eles, não da pra ficar falando sempre para não usar o IE. Pior de tudo são as janelas modais (com transições, essa ferrou mesmo devido a codigos como: background: -moz-linear-gradient(#fff, #999);)  que criei em divs no html com recursos css, não é apenas a questão da aparencia mas sim de funcionamento. Esse css que coloquei é apenas o primeiro de 7 arquivos css. No chome e mozila funcionam como um relojinho de tão bem. 

Muito obrigado Markus. 

 

 

Link para o comentário
Compartilhar em outros sites

  • 0

Nossa amigo! você deixou bem claro que não "pega" do 8 pra trás, e na minha cabeça havia entendido pra trás do 8, ou seja o 8 ok, acho que é cansaço de tanto pesquisar. Muito obrigado por toda atençao. Funcionando no chome, mozila e no IE acima do 8, estou tranquilo. Novamente obrigado. Vou colocar como resolvido.

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,7k
×
×
  • Criar Novo...