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?

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.

No, non è questo, che altro puo' esssere?

L'unica cosa che mi viene in mente e` un errore di sintassi.
Prova a passare dai validatori (CSS, ma anche HTML, per sicurezza).

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

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?

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

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

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 ;-)

quello che è un id deve diventare una classe e viceversa
poi se è il caso vediamo il link :)