Problema com espaçamento de divs e display de imagens entre Firefox e IE

[saraivix]

Um dos problemas é este :

Tenho uma border que está dividida até ver em 3 divs. 2 pros cantos e 1 central.

No firefox fica assim :

No IE fica assim :

Depois a outra situação é a seguinte:

- Optei por ter um menu em que o texto sao imagens. A extensão delas é PNG e têm fundo transparente.

No firefox fica assim :

Apenas a 2ª imagem é PNG a 1ª e a 3ª sao GIF e ficam com o belo efeito que se vê

No IE fica assim :

a imagem PNG fica com fundo branco quando devia estar transparente e as outras mantêm aquela "bela" orla branca.

O que estou a fazer errado ??

 

[ruimoura]

A primeira situação só poderei ver o que se passa vendo o código dessa parte ...

A segunda é simples. O IE 6 (e inferiores) não suporta png's tranparentes ... Viva ao IE ...

 

[saraivix]

A primeira situação só poderei ver o que se passa vendo o código dessa parte ...

No código

<div id="container_footer">
<div class="footer_left"><img src="images/footer_left.png" width="35" height="33" /></div>
<div class="footer_meio"></div>
<div class="footer_right"><img src="images/footer_right.png" width="35" height="33" /></div>
</div>

No Css

.footer_right {
height: 32px;
width: 35px;
float: right;
}
.footer_meio {
background-image: url(images/footer_back.gif);
background-repeat: repeat-x;
height: 33px;
width: 830px;
float: left;
}
#container_footer {
float: left;
height: 33px;
width: 900px;
padding-top: 5px;
}
.footer_left {
float: left;
height: 33px;
width: 35px;

A segunda é simples. O IE 6 (e inferiores) não suporta png's tranparentes ... Viva ao IE ...

E como faço entao ?? Os gifs ficam naquele belo estado

 

[OldMan]

se o fundo para aquelas imagens for sempre o mesmo fazes as imagens com um fundo daquela cor (azul)

 

[jaac]

E como faço entao ?? Os gifs ficam naquele belo estado

Com hacks manhosos:

http://msdn.microsoft.com/library/d...filter/reference/filters/alphaimageloader.asp

 

[artideias]

penso que não precisavas de tantos divs.

Quantos aos gifs ficam assim por estar a dar um ... não me lembro ... mas no photoshop tens uma opção de dar uma cor para suavisar o transparente e tu estás a utilizar o branco. se usares o azul do fundo ficam optimos

 

[saraivix]

penso que não precisavas de tantos divs.

Quantos aos gifs ficam assim por estar a dar um ... não me lembro ... mas no photoshop tens uma opção de dar uma cor para suavisar o transparente e tu estás a utilizar o branco. se usares o azul do fundo ficam optimos

Como fazias os divs ??

Vou experimentar o gif com o fundo azul.

depois digo qq coisa