Problema compatibilità IE su template acccessibile

[cikkus]

Sto provando su un mio dominio il template accessibile modificato da Riccardos( che ringrazio per i suggerimenti che mi ha dato). Ho ripreso il lavoro dopo un paio di settimane e sto cercando di personalizzarlo per i miei scopi.
In particolare ho inserito un'immagine personalizzata nei titoli menù lasciando il colore originale di background.
Su Firefox e Google la visualizzazione e OK mentre su IE 8, l'immagine non viene visualizzata. Stessa cosa ho fatto con il menù di testa (aggiunta di background-image)  ma li tutto funge regilarmente  nei tre browser.
Ho provato ad annullare il colore di sfondo, ma niente da fare.
Qualcuno è così gentile da darmi una mano?

Questo il codice interessato:

Codice: [Seleziona]

body.white .moduletable_menu h3
, body.white .moduletable h3{
border-bottom: solid 0px #4C9DC7;
border-left: solid 7px #4C9DC7;
background-image: url(../images/menuturtle2.png);
background-position:top right;
background-repeat:no-repeat;
ecco il link di lavoro:

www.kitesicilia.com/lampedusa

Grazie.

[cikkus]

non riesco a venirne a capo... help, please!

[cikkus]

Proprio nessuno può svelarmi l'arcano? LA testata menù in  IE non prende assolutamente l'immagine di background ma solo il colore di sfondo, mentre su Chrome e Firefox è visualizzata perfettamente...
Non saprei  proprio a chi rivolgermi se non in questa sezione... Grazie.

[RiccardoS]

ciao, ringrazio ancora per i ringraziamenti, e provo ad aiutarti, se posso. 

forse il problema è che nello stesso file css (skin_white.css) viene definito più volte come deve essere lo sfondo di "body.white .moduletable_menu h3", in particolare nella sezione:

body.white div#footer .padding
, body.white .moduletable_menu h3
, body.white .moduletable h3{
    color: white;
    background-color: #75B5D6;
}

che forse, essendo prima di quella da te citata, firefox e chrome interpretano correttamente usando l'ultima definizione, mentre ie, come al solito, fa un pò come c@##o gli pare e non lo visualizza correttamente.

prova a commentare la seconda riga di quella parte di codice che ho messo sopra e vedere se così va bene...

ciao!

[cikkus]

grazie,
In effetti avevo notato questa doppia definizione che avevo eliminato utilizzando "Il Firebug" di IE . Con mia sorpresa, disabilitando questa riga, sparisce solamente il colore di background senza che appaia l'immagine di sfondo... Dopo la tua risposta, per scrupolo, ho anche commentato la riga direttamente nel CSS ma con lo stesso risultato.
Quello che non riesco a capire è perche nel top menù, agendo nello stesso identico modo, inserendo cioè un'immagine di background, le stessa viene visualizzata correttamente anche su IE!
Attualmente  su IE la situazione con le riga di css commentata...

sempre grazie per la tua cortesia.

[RiccardoS]

secondo me hai fatto qualche casino con il css skin_white.css, ho provato a confrontare i file e c'è qualche differenza....

prova a riprendere quello originale e risistemarlo.

[cikkus]

Proverò,  anche se i cambiamenti riguardano solo la diversa disposizione dell'alto contrasto , l'eliminazione dei bordi sui menù e l'inserimento dell'immagine di background nello stesso. Chissà, forse avrò scombussalato qualcosa con i miei ripetuti attacchi al codice...
Ti farò sapere, grazie!

[cikkus]

Torno ancora sull'argomento e prego il buon Riccardo di non mandarmi al diavolo.

Ho finalmente disponibile il sito scuoledilampedusa.gov.it , e sto operado nuovamente  le modifiche al template che avevo già collaudato il altro dominio.

Il problema era che l'immagine di background della barra d'intestazione del menù ( quella con la tartarughina per intenderci) mi risulta visibile con Firefox e Chrome ma non con Explorer ( .
Ho proprio effettuato questa modifica per prima, onde evitare di accavallare modifiche e magari creare codice  ridondante, come mi era stato suggerito da Riccardo,  ma il problema permane e non riesco a venirne a capo.

Ho provato anche ad intervenire con lo strumento si sviluppo di explorer ma nisba... Prima di andare avanti vorrei poter risolvere questo problema.

 rimetto il sito online per permettervi di aiutarmi se vorrete... Ehmm.. Riccardo? :-)

Il codice che ho modificto si trova in skin.white.css
 è questo:

body.white .moduletable_menu h3
, body.white .moduletable h3{   
   border-bottom: solid 0px #4C9DC7;
   /*border-left: solid 7px #4C9DC7;*/
   background-image: url(../images/menuturtle280.png);
   background-position:top right;
   background-repeat:no-repeat;

ho aggiunto l'istruzione in grassetto.

Grazie!

[cikkus]

Risolto!

Nè attraverso Firebug, nè attraverso lo strumento di sviluppo di Explorer mi veniva fuori  il css "msie6"

Le modifiche le attuavo tramite FTP, così quando ho aperto i css da backend Joomla ho notato  "msie6.css" e che proprio lui era il cuore del problema: Ho risolto ma non mi è del tutto chiaro:

1) perchè non vedevo questo CSS con gli strumenti di cui sopra;
2) come funziona questo msie6.css , perchè riporta solo alcune istruzioni e come mai inibisce le istruzioni impartite sugli stessi moduli dagli altri CSS.

Se qualcuno ha voglia di spiegarmi gli sarò grato.

Grazie per la vostra attenzione

[RiccardoS]

Risolto!

Nè attraverso Firebug, nè attraverso lo strumento di sviluppo di Explorer mi veniva fuori  il css "msie6"

Le modifiche le attuavo tramite FTP, così quando ho aperto i css da backend Joomla ho notato  "msie6.css" e che proprio lui era il cuore del problema: Ho risolto ma non mi è del tutto chiaro:

1) perchè non vedevo questo CSS con gli strumenti di cui sopra;
2) come funziona questo msie6.css , perchè riporta solo alcune istruzioni e come mai inibisce le istruzioni impartite sugli stessi moduli dagli altri CSS.

Se qualcuno ha voglia di spiegarmi gli sarò grato.

Grazie per la vostra attenzione

Ciao scusa se non ho potuto aiutarti prima, ma non ho avuto modo di consultare il forum... cmq veo che hai risolto.

il foglio di stile msie6.css non lo vedi perchè non è importato nel foglio di stile principale template_css.css il cui unico contenuto è:

@import url("general.css");
@import url("layout.css");
@import url("typography.css");
@import url("skin_black.css");
@import url("skin_white.css");

ma viene richiamato nella pagina principale del sito (index.php) con questo codice:

<!--[if IE]>
<link href="<?php echo JURI::base();?>templates/<?php echo $this->template; ?>/css/msie6.css" rel="stylesheet" type="text/css"/>
<![endif]-->

Sostanzialmente va a sovrascrivere alcune dichiarazioni degli altri css, solo nel caso il sito venga aperto con browser ie... questo perchè viene semplicemente invocato successivamente agli altri.
Il motivo è che ie si comporta come vuole lui con i css e spesso non rispetta alcuni standard, perciò si è dovuto trovare questo escamotage.

[cikkus]

Grazie Riccardo per i chiarimenti...