1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

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

Discussão em 'Web Development' iniciada por saraivix, 4 de Janeiro de 2007. (Respostas: 6; Visualizações: 2282)

  1. saraivix

    saraivix Power Member

    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 :

    [​IMG]


    No IE fica assim :

    [​IMG]


    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 :

    [​IMG]

    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 :

    [​IMG]

    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 ??
     
  2. ruimoura

    ruimoura Power Member

    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 ...
     
  3. saraivix

    saraivix Power Member

    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;


    E como faço entao ?? Os gifs ficam naquele belo estado 8|
     
  4. OldMan

    OldMan Power Member

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

    jaac Power Member

  6. artideias

    artideias Power Member

    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
     
  7. saraivix

    saraivix Power Member


    Como fazias os divs ??

    Vou experimentar o gif com o fundo azul.

    depois digo qq coisa
     

Partilhar esta Página