Ir para conteúdo

POWERED BY:

Arquivado

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

Gilhiarde Marques

Problemas com div no IE

Recommended Posts

No google chrome fica certo

 

Certo.jpg

 

agora olha no IE :/

 

errado.jpg

 

a div

 

#barradecima {
width:1000px;
text-align:right;
color:#FFFFFF;
text-shadow:#000000;
font-size:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
clear:both;
}

 

 

 

como posso resolver isso ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

essa é a css toda, ela esta dentro de uma div principal(nome da div #central) que no caso seria o corpo do site, ai eu peguei e criei uma outra div dentro dela que no caso é essa que ta com problema com nome de #barradecima onde tem o texto que no IE fica errado vou mostrar meu style.css todo.

 

 

 

<style type="text/css">
<!--
body {
background-image: url(i/Untitled-2_r1_c1_s1_s1_s1.jpg);
background-repeat: repeat-x;
}
-->
</style></head>

<style type="text/css">

#central {
width:1000px;
height:auto;
margin:0 auto;
text-align:center;
margin-top:0;
}
#logo {
background-image: url(logo/logo.png);
width:170px;
height:136px;
float:left;
margin-top:40px;
background-repeat:no-repeat;
}
#barradecima {
width:1000px;
text-align:right;
color:#FFFFFF;
text-shadow:#000000;
font-size:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
clear:both;
}

a:link {
color:#FFFFFF;
text-decoration: none;
}
a:hover {
color:#FFFFFF;
text-decoration: none;
}
a:active {
color:#FFFFFF;
text-decoration: none;
}
a:visited {
color:#FFFFFF;
text-decoration: none;
}
#menu {
width:200px;
height:550px;
float:left;
color:#666666;
clear:both;
font-size:13px;
margin-top:30px;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
}
#menutitulo {
width:200px;
height:2px;
background-color:#000000;
float:left;
}

.style1 {
color: #000000;
font-weight: bold;
}
</style>

Compartilhar este post


Link para o post
Compartilhar em outros sites

que louco porque sera que no meu esta assim vou testar em outro pc :D thiago você tem facebook ?

 

Problemas de layout você sempre terá de um Navegador para outro (e de uma versão de atualização para outra). Na verdade, existe diferença até entre o IE9 aberto pelo XP, pelo Vista e pelo Seven... (eita empresa safada...).

A questão é que cada um tem sua forma de interpretar as coisas. Alguns são mais similares a outros, mas o IE tende a ser o mais fora do curso de padronização.

 

Para minimizar esses problemas de layout use um CSS Reset.

http://www.cssreset.com/

 

Caso você não use isso no seu projeto, assim que você adicionar, vai quebrar algumas coisas, mas é só consertar que depois ele vai ficar bem mais alinhado em todos os navegadores.

 

Se você já tiver um CSS Reset, então talvez tenha que usar uns CSS Hacks para o IE, como os termos condicionais.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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