Espaços entre imagens no IE

[Thayani 0]

Olá,

 

Estou trabalhando nesse site: http://www.reformafacil.com.br/novo e estou tendo dificuldades com o layout no IE.

 

O problema é que uma das imagens que deveria estar encostada na outra (o que acontece perfeitamente no Firefox e outros navegadores) fica com um espaço em branco no Explorer...

 

Ja li algumas coisas sobre o DOCTYPE, mudei ele pra XHTML Strict e o espaço passou a aparecer tbm no Firefox...

Também tentei o img display: block, mas não funcionou....

 

As duas imagens não estão no mesmo div, uma está no header, e a outra está na coluna da esquerda, tendo 3 colunas em baixo do header...

 

Alguém pode me ajudar???????

 

o css é http://www.reformafacil.com.br/novo/css/style.css

e a pagina é http://www.reformafacil.com.br/novo

 

Obrigada

[Giovani 104]

Thayani, seja muito bem vinda ao fórum iMasters!!!

 

Não tenho IE na minha máquina, mas você disse que no FF também estava apresentando problema?

Abri aqui e ficou normal!

 

Tente limpar o cache dos seus navegadores.

 

Qualquer dúvida, por favor, volte a postar!

 

[]'s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Thayani 0]

Oi gio! Obrigada!No FF está ótimo, tudo certo... o problema do espaço entre as imagens é só no IE mesmo...

[inforsis 1]

olá "Thayani" seja bem vinda...

não sou muito experiente no assunto mais acho que posso te ajudar.

 

então no seu html na div que você colocou a imagem header001.jpg defina uma id para a div.

 

<DIV id="imagem1"><IMG alt="Reforma Fácil" src="Reforma Fácil_files/header001.jpg"> </DIV>

e então adicione isso no seu css.

 

#imagem1 {

width:950px;

height:205px;

margin:0px;

}

bom como muitos problemas que surgem no IE esse é mais um que eu não entendo o porque... mais espero que algum dos meninos experts na area possam te explicar se precisar... ou te dêm uma outra saida...

 

testei no IE6 e no IE7

 

espero que te ajude.

 

até mais...

[Thayani 0]

Oi inforsis !!! Muito Obrigada!!!!

Resolveu sim no Explorer!!!! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

 

Só que agora, no Firefox, as divs debaixo do header (aquele que eu criei o id no css como você indicou...), que são as tres colunas do site, estão começando embaixo do header... estão ficando uma parte oculta, embaixo da imagem do header.... :(

 

Tou tentando algumas coisas no CSS pra ver se consigo resolver... se você souber, por favor, me avisa!!

 

Obrigada!!!

[inforsis 1]

Tou tentando algumas coisas no CSS pra ver se consigo resolver... se você souber, por favor, me avisa!!

passei um tempo da noite testando algumas coisas também... mais não consegui nada.. :mellow: vou ficar atento ao seu topico, para ver a solução... logo os meninos irão te ajudar por aqui, se eu souber de alguma coisa aviso sim. ;) BoaSorte.até mais.

[Giovani 104]

Uma saída não seria colocar as imagens como background?

[Thayani 0]

Sim! Coloquei a img do header como bg e deu certo nos dois navegadores!

Muito Obrigada! http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

[Giovani 104]

Que bom que o seu problema foi resolvido.

Aparecendo mais dúvidas, por favor, volte a postar!

 

[]'s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Guilherme Rambo 4]

Dica: Sempre zere os valores padrão dos elementos no seu CSS =]

Não tenho IE na minha máquina

Pow gio, ainda não meteu o parallels aí?? xD[]'s