View Full Version : Problema com espaçamento de divs e display de imagens entre Firefox e IE


saraivix
04-01-2007, 18:43
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 :

http://mobster.250free.com/techzone/border%20-%20firefox.PNG


No IE fica assim :

http://mobster.250free.com/techzone/border.PNG


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 :

http://mobster.250free.com/techzone/menu-firefox.PNG

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 :

http://mobster.250free.com/techzone/menu.PNG

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
04-01-2007, 19:34
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
04-01-2007, 20:12
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 8|

OldMan
04-01-2007, 22:02
se o fundo para aquelas imagens for sempre o mesmo fazes as imagens com um fundo daquela cor (azul)

jaac
04-01-2007, 23:05
E como faço entao ?? Os gifs ficam naquele belo estado 8|

Com hacks manhosos:

http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/filters/alphaimageloader.asp

artideias
05-01-2007, 01:55
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
05-01-2007, 02:50
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