css non importato da firefox e da safari

[Switcher74]

ciao a tutti.

sto realizzando un sito e mi ritrovo con un problema: internet explorer si comporta correttamente ed usa il foglio di stile, firefox e safari invece fano come se non esistesse.

l'istruzione per l'import che uso è questa:

<STYLE TYPE="text/css">

@import url(miocss.css);

</STYLE>

può essere questo il problema?

la stessa istruzione per caricare un css diverso per un'altro tipo di pagina invece funziona su tutti e 3 i browser...

all'interno dei 2 css ci sono alcune istruzioni identiche (es impostazione del logo) che in un css (quello in oggett) non funzionano ma sull'altro si...

non so che pesci pigliare....

grazie mille per l'aiuto

[miguel_b_84]

veramente strano..

non è che magari dipende dal maiuscolo dei tag?

[grigio60]

allora, per l'uso corretto di @import:

il nome della url andrebbe scritto tra virgolette

@import url('miocss.css');

ovviamente in questo caso il file miocss.css deve risiedere sul server nella stessa cartella in cui risiede il file che lo richiama

in alternativa puoi provare a usare

@import "miocss.css";

altra cosa:

le direttive @import devono precedere tutte le altre "regole @" per cui

@import url("file1.css");

@import url("file2.css");

@media print { ... }

va bene

ma

@import url("file1.css");

@media print { .... }

@import url("file2.css");

non funziona

infine, visto che si tratta di cascading style sheet: l'ordine è importante

se per esempio viene definito in modo differente uno stile per il tag <p> sia nel file file1.css che nel file2.css ecco quel che succede:

@import "file1.css";

@import "file2.css";

al tag <p> viene applicato lo stile definito in file2.css

@import "file2.css";

@import "file1.css";

al tag <p> viene applicato lo stile definito in file1.css

in generale quando si usano file di stile multipli è buona regola non duplicare le definizioni di stile: meglio definire tutti gli stili comuni in un unico file di stile e poi usare gli altri solo per le varianti aggiuntive senza ridefinire quanto fatto prima.

[Switcher74]

ok allora per cominciare prverò con le virgolette di grigio... poi vi faccio sapere

per il momento grazie mille!

[Switcher74]

aggiornamento: non funziona neanche con le virgolette, ma la cosa strana è che il file in locale, con opera lo vedo correttamente e con safari no. una volta uploadato niente da fare....

[grigio60]

il fatto che il file in locale lo vedi e sul server no mi fa sospettare a un possibile riferimento errato di URL nella direttiva @import. prova a controllare che il path indicato sia coerente con l'organizzazione dei file lato server.

comunque prova anche a validare il file di stile tramite il servizio css validator del w3c (puoi farlo tramite upload), potrebbe esserci qualche canna sintattica (leggi errore di battuta o utilizzo non corretto di qualche direttiva css) a cui safari e firefox non sono tolleranti

http://jigsaw.w3.org/css-validator/

[Switcher74]

grazie mille verifico anche questo link

[Switcher74]

ok ho sistemato... tutta colpa di un punto e virgola mancante...

ora sembra ok, ci sono alcune altre cosine da sistemare ma mi sembra ok.

ciauz e grazie