PDA

View Full Version : [CSS] Problema sfondo overflow con IE7. Aiuto!


davidplatt
23-01-2008, 02:15
Ciao, sto facendo il sito web per una mia amica, ma ho un problema che, al moemnto pare insormontabile.
questo sito prevede che i contenuti siano mostrati in un "falso" iframe, all'interno di un <div>, sfruttando il comando OVERFLOW:AUTO.
Inoltre il testo deve "scorrere" sopra l'immagine dello sfondo.
Avevo già fatto cose del genere, e sapevo che IE6 e Firefox hanno comportamenti differenti.
Il codice che uso per FF (ma va anche su Opera e Safari) è il seguente:
.iframe{
width: 661px;
height: 395px;
overflow: auto;
border: 0px solid #000;
scrollbar-3dlight-color : #000000;
scrollbar-arrow-color : #CCCCCC;
scrollbar-base-color : #FFFFFF;
background: url(nobel_files/nobel_index_r3_c4.jpg);
}

invece in IE6 il codice CSS che ho sempre usato è questo:

.iframe{
width: 661px;
height: 395px;
overflow: auto;
border: 0px solid #000;
scrollbar-3dlight-color : #000000;
scrollbar-arrow-color : #CCCCCC;
scrollbar-base-color : #FFFFFF;
background: url(nobel_files/nobel_index_r3_c4.jpg) fixed;
background-repeat: no-repeat;
}

Problema: con Explorer 7 NESSUNO DEI DUE FUNZIONA!!!

Nel primo caso, l'immagine di sfondo si "muove assieme" al testo, quando si fa lo scrolling del testo; nel secondo caso, addirittura l'immagine del background si posiziona in modo scentrato rispetto alla casella di testo.

Nei soliti siti di riferimento, non ho trovato alcun aiuto su come "bypassare" questo problema.

Qualcuno ha una soluzione per fare in modo che il sito si veda così come si dovrebbe anche su IE7?
se può aiutare, potete accedere alla versione "on progress" del lavoro a questo indirizzo:
http://www.lorenzaccusani.com/PROVA/index.htm

grazie a tutti.