Visualizzazione dei risultati da 1 a 7 su 7
  1. #1

    background-color che mi fa sparire un' immagine

    ciao ho questo css:
    #corpo {
    border : 1px solid #54426C;
    position: relative;
    border-bottom: 5px solid #3B6849;
    }
    #corpo {
    margin:0em auto;
    }

    #contenuto-home {
    font-size: 100.01%;
    text-align: justify;
    padding: 0px 5px 5px 5px;
    margin:0 182px 0 207px;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
    background-color: #CCCCCC;
    }
    .riquadro {
    float: right;
    margin: 0px 0px 1px 5px;
    width: 150px;
    border: solid #3A6945 3px;
    border-top-width: 0px;
    }

    xhtml:
    <div id="corpo">
    <div id="contenuto-home">
    <h1>bla bla</h1>
    [img]foto.jpg[/img]
    <h2>bla bla</h2>


    bla bla</p>
    </div>
    </div>

    il mio problema è che aggiungendo in #contenuto-home il colore di sfondo background-color: #CCCCCC; in explorer non mi viene più visualizzata l'immagine contenuta in .riquadro....ovviamente in firefox funziona correttamente...se invece lascio il colore di sfondo di default questo problema non c'è...qualcuno mi può dire come risolverlo?
    ciao e grazie

  2. #2

  3. #3
    ho risolto aggiungendo position: relative; a .riquadro
    devo esser sincero ho fatto 3000 prove finchè non ho trovato quella giusta...quindi non so perchè ora funziona...qualcuno mi sa dare una spiegazione logica?

  4. #4
    Il problema te lo dava per caso IE6?

  5. #5

  6. #6
    Forse mi sbaglio, ma credo che il problema sia nato (per IE6) quando hai impostato position:relative per #corpo. IE6 non da il suo massimo quando si tratta di interpretare il posizionamento. Bug sul posizionamento relativo erano presenti in misura maggiore anche nella versione 5. Lui, credo, non lo vedeva ereditato. Impostando relative anche per .riquadro hai risolto la situazione. Il mio consiglio è quello di posizionare sempre con text-align:center il blocco contenitore e con margin: auto per gli altri browser.

  7. #7
    ok, grazie per la spiegazione e per i consigli

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.