IE resultado diferente em localhost

[cristianobcn 1]

Pessoal, to com um problema aqui que é o seguinte: Quando eu visualizo uma pagina que estou desenvolvendo no IE em meu servidor local ele me mosta a pagina toda desconfigurada. Mas quando hospedo em um servidor na net ela fica perfeita. Isto ta me prejudicando testar as paginas antes de publicar no IE.

 

Alguem sabe como resolver isto?

 

Veja o print da pagina no servidor local

 

 

Veja agora a mesma pagina hospedada na net

 

[Marcos Xavier 189]

Tenta limpando os dados de navegação (cache etc)

[cristianobcn 1]

ja tentei o problema nao é este. Faço isto sempre. De qualquer forma valeu!

[EduardoAugustoPHP 27]

Meu amigo, seja bem vindo ao mundo do IE...hehe

 

Mas vamos lá...você pode postar o seu css para eu verificar o que podemos fazer?

Estou aguardando...

 

 

abs

[Marcos Xavier 189]

Isso ocorre somente com o IE ? Se ocorre em todos os navegadores existe alguma divergência no arquivo CSS ou até no HTML

[rafael-tdc 13]

Já me aconteceu isso

sempre que eu testava no IE local, ficava quebrando a cabeça pra arrumar o bug, sendo que no ar tava certo

 

daí eu nem testo mais no local com o IE, só no ar.

Você perde tempo desnecessário.

[EduardoAugustoPHP 27]

Galera, todos nós sabemos que o IE é muito complicado de trabalhar...,mas infelizmente a grande maioria dos usuarios ainda o tem como principal navegador. Então bora compartilhar os conhecimentos pra nos ajudarmos cada vez mais.

 

Existe um programa muito bom para teste que se chama IE Tester ele abre várias versões do IE pra que possamos fazer vários e vários testes.

 

Ainda aguardando o código css :yes:

 

Abs

[Marcos Xavier 189]

EduardoAugustoPHP conheço esse programa.

Alguns antivírus podem detectá-lo como vírus.

[EduardoAugustoPHP 27]

EduardoAugustoPHP conheço esse programa.

Alguns antivírus podem detectá-lo como vírus.

 

Isso é verdade..mas ele me ajuda muito. Eu consegui liberar o acesso dele pra poder usá-lo sem problemas.

[cristianobcn 1]

Eduardo. segue o codigo mas lembro que o problema é somente no IE e no servidor local. Quando coloco no ar ele funfa beleza!

 

@charset "utf-8";
/* CSS Document */
body{
	background-image:url(../images/fundo1.jpg);
	background-repeat:repeat;
	background-attachment:fixed;
}


#esquerda {
	height:100%;
	float:left;
	display:table;
	position:fixed;
}
#esquerda p{
	*position: absolute;
	top: 50%;
	display: table-cell;
	vertical-align: middle;
	text-align:center;
}
#direita1 {
	height:300px;
	background-image:url(../images/foto-empresa.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}
#direita2 {
	height:250px;

}
#direita_a{
	float:left;
	background-image:url(../images/foto-empresa2.jpg);
	background-repeat:no-repeat;
	width:340px;
	height:250px;
}
#direita_b{
	float:right;
	background-image:url(../images/foto-release.jpg);
	background-repeat:no-repeat;
	width:242px;
	height:250px;
}
#direita3 {
	height:250px;
	background-image:url(../images/foto-release.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
#direita4{
	height:350px;
}

[EduardoAugustoPHP 27]

 

Eduardo. segue o codigo mas lembro que o problema é somente no IE e no servidor local. Quando coloco no ar ele funfa beleza!

 

@charset "utf-8";
/* CSS Document */
body{
	background-image:url(../images/fundo1.jpg);
	background-repeat:repeat;
	background-attachment:fixed;
}


#esquerda {
	height:100%;
	float:left;
	display:table;
	position:fixed;
}
#esquerda p{
	*position: absolute;
	top: 50%;
	display: table-cell;
	vertical-align: middle;
	text-align:center;
}
#direita1 {
	height:300px;
	background-image:url(../images/foto-empresa.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}
#direita2 {
	height:250px;

}
#direita_a{
	float:left;
	background-image:url(../images/foto-empresa2.jpg);
	background-repeat:no-repeat;
	width:340px;
	height:250px;
}
#direita_b{
	float:right;
	background-image:url(../images/foto-release.jpg);
	background-repeat:no-repeat;
	width:242px;
	height:250px;
}
#direita3 {
	height:250px;
	background-image:url(../images/foto-release.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
#direita4{
	height:350px;
}

Cara, realmente eu não vejo problemas no seu código.

Apenas algumas práticas que no IE seriam melhor de se utilizar.

Mas uma vez dando algum erro é bom verificar se em outras versões do IE tbm não traz problemas.

 

O "float" no IE é bem chato de se usar talvez o display:inline-block seja um pouco mais "legível" para ele.

 

Cria um comentário condicional e faz uns testes pra ver o que acontece....

[cristianobcn 1]

Valeu Eduardo! Pela tentativa.