• G
    User Attivo •

    Problema sfondo div scrollando su IE

    Salve a tutti, sinceramente non ne posso più dei capricci di IE...

    Vengo al nocciolo del problema, nel mio sito all'indirizzo www_neohw_com/home/processori/ sulla parte destra c'è il div "News Processori" che su Firefox e Opera si vede senza problemi, IE invece scrollando mi fa scomparire lo sfondo della parte sinistra della tabella, e lo sfondo del primo <li> non si vede.

    Qualche idea in mente?
    Ecco i css del div.

    /* Right Module Style */
    div.module h3 {
    margin: 0 -3px 5px;
    padding: 2px;
    border-bottom: 2px solid #9db9d9;
    font-size: 1em;
    }

    div.module {
    margin-bottom: 5px;
    padding: 0;
    float: left;
    clear: both;
    width: 100%;
    background: url(../images/box-br.gif) no-repeat bottom right;
    }

    div.module div {
    padding: 0;
    background: url(../images/box-bl.gif) no-repeat bottom left;
    }

    div.module div div {
    padding: 0;
    background: url(../images/box-tr.gif) no-repeat top right;
    }

    div.module div div div {
    padding: 10px 15px 15px;
    background: url(../images/box-tl.gif) no-repeat top left;
    }

    div.module div div div div,
    div.module-hilite div div div div {
    margin: 0;
    padding: 0;
    background: none;
    }

    0
  • K
    Super User •

    Ciao GBZ.
    Devo dire che onestamente è un problema assai strano.
    La più grande implicazione è che su IE non ci sono gli strumenti per controllare in tempo reale il codice , gli attributi e i parametri delle proprie pagine il che ci induce a fare dei tentativi - come nel caso di queste stranezze - al pari di uno sparo nel buio.

    Ma proviamoci comunque:
    Potrebbe essere che la presenza di alcuni tag errati e inappropriati possa aver reso l'interpretazione della pagina da parte di IE in modo sbagliato.

    C'è ad esempio la presenza alla riga 589:
    [html]<style type="text/css" media="screen">

    @import "modules/mod_jw_ucd/list/mod_jw_ucd.css";

    </style>
    [/html]posto all'interno di un div.
    Questo è un errore nella grammatica HTML/XHTML, spostalo semmai
    tra i tag "<head></head>".
    Intanto iniziamo così, potrebbe comunque esulare dal fatto che la colpa
    sia del nostro css dato che per ora non vedo nessun problema di sorta.

    Comunque ti consiglio di scaricare "HTML tidy Validator" , plugin per
    Firefox.
    Esso è un ottimo strumento per il controllo in tempo reale di errori della pagina.
    A volte ti mostra errori gravi o lievi. Io attraverso il mio ne vedo alcuni
    che dovrebbero esser rimmossi e che potrebbero creare dei problemi nella tua pagina.

    Ciao!

    0
  • G
    User Attivo •

    Grazie, in effetti il codice va spostato nel head 😉
    Ho aggiunto il modulo ieri e avevo in mente di spostarlo, includendolo nel css già esistente.

    0
  • G
    User Attivo •

    Ho ripulito il codice ma ho lo stesso problema, si presenta anche nella hompage solo che ha effetto sulla prima tabella e non quelle sotto. Però hanno tutte lo stesso css :mmm:

    0
  • G
    User Attivo •

    Ho risolto ragazzi.

    a causare l'errore era

    div.module div div div div,
    div.module-hilite div div div div {
    margin: 0;
    padding: 0;
    background: none;
    }
    precisamente il "background: none;" l'ho sostituito con "background: url(../images/blank.gif);" :D:D:D

    0
Effettua l'accesso per rispondere