PDA

Visualizza la versione completa : IE6 problemi di background


ALonE
04-03-2009, 12:21
Buongiorno a todos...

iniziamo con questo piccolo problema
ho questo css

#BoxMain{margin:20px auto 0 auto; width:990px; height:610px; overflow:hidden; position:relative;
background-repeat:no-repeat; background-position:left top; background-image:url('/images/bkg_main.jpg');}
#BoxMain.cls1{background-image:url('/images/bkg_cls1.jpg');}
#BoxMain.cls2{background-image:url('/images/bkg_cls2.jpg');}
#BoxMain.cls3{background-image:url('/images/bkg_cls3.jpg');}
#BoxMain.cls4{background-image:url('/images/bkg_cls4.jpg');}


in pratica ho un DIV con ID = BoxMain a cui in ogni pagina applico una classe diversa per dargli uno sfondo diverso: cls1, cls2, cls3, cls4.
Pagina 1:

<div id="BoxMain" class="cls1"></div>
Pagina 2:

<div id="BoxMain" class="cls2"></div>
Pagina 3:

<div id="BoxMain" class="cls3"></div>
Pagina 4:

<div id="BoxMain" class="cls4"></div>

Ora su tutti i browser ok tranne che su IE6!!! Mi sta facendo diventare matto!!!

Cio prende le varie classi (cls1, cls2, cls3, cls4) solo se sono dichiarati subito dopo la dichiarazione del BoxMain.

Mi spiego nella Pagina 1 vedo lo sfondo dichiarato in cls1, invece a Pagina 2 vedo lo sfondo principale bkg_main.jpg.

Se nel css ordino diversamente la dichiarazione delle classi per l'ID il cambiamento lo vedo solo per la prima e non nelle altre... esempio:

#BoxMain{margin:20px auto 0 auto; width:990px; height:610px; overflow:hidden; position:relative;
background-repeat:no-repeat; background-position:left top; background-image:url('/images/bkg_main.jpg');}
#BoxMain.cls2{background-image:url('/images/bkg_cls2.jpg');}
#BoxMain.cls1{background-image:url('/images/bkg_cls1.jpg');}
#BoxMain.cls3{background-image:url('/images/bkg_cls3.jpg');}
#BoxMain.cls4{background-image:url('/images/bkg_cls4.jpg');}



Quindi dichiaro prima cls2 di cls1, quindi a Pagina 2 vedo lo sfondo giusto invece a Pagina 1 quello di default... DA MATTI!!!!! :berto:

Sapete dirmi perch????




p.s.: scusate per l'oggetto dell'altro post... questo va meglio?

Mich_
04-03-2009, 13:22
Non so se e` questo il problema.

background-image:url('/images/bkg_cls1.jpg');
Gli apici all'interno delle parentesi non fanno parte della sintassi corretta. Di solito i browser accettano anche la sintassi sbagliata, ma forse non tutti. Prova a torglierli.

Se non basta, prova a mettere un po' di spazi in piu`, tipo dopo la graffaaperta e dopo i duepunti.

ALonE
05-03-2009, 19:08
No, non questo, che altro puo' esssere?

Mich_
06-03-2009, 09:47
L'unica cosa che mi viene in mente e` un errore di sintassi.
Prova a passare dai validatori (CSS, ma anche HTML, per sicurezza).

ALonE
30-07-2009, 18:28
Scusate se riattivo questo thread ma per me un problema mai risolto
Visto che mi sono stufato di fare giri pindarici per risolvere questa cose e nella rete non riesco a trovare la soluzione... qualcuno di voi riesce darmi una mano?


GRASSSSSSSSSIE

marco.carrieri
30-07-2009, 19:28
e impostando il background cosi?

#BoxMain.cls4{background:url('/images/bkg_cls4.jpg');}

Cmq il problema avere un immagine di background e che si veda su tutti i browser vero?




A un altra cosa.... i css sono nella stessa pagina?Incorporati come foglio di stile? e se si questi in che cartella sono rispetto alle immagini?

mucu
30-07-2009, 19:40
fossi in te invertirei gli id e le classi
e toglierei quegli apici come suggerito in passato :)
poi una volta che il codice corretto andiamo a vedere un link e cosa non funziona

ALonE
30-07-2009, 19:41
Impostando un background invece di background-image non risolve.

Neanche mettendo o meno gli apici '

I percorsi sono sempre giusti (cmq le immagini ci sono) in quanto i percorsi sono sempre relativi.

Questo cmq lo schema:


/<root>
|-Pagina.html
|
|-<CSS>
| |- file.css
|
|-<images>
|- bkg_cls1.jpg
|- bkg_cls2.jpg
|- bkg_cls3.jpg
|- bkg_cls4.jpg

ALonE
30-07-2009, 19:45
Cosa intendi quando dici


Originariamente inviato da mucu
fossi in te invertirei gli id e le classi

In ogni caso gli apici li ho tolti

se volete vi posto il link al sito cui sto lavorando ma mi raccomando e top secret ;-)

mucu
30-07-2009, 19:50
quello che un id deve diventare una classe e viceversa
poi se il caso vediamo il link :)

Loading