Autore Topic: HAcks Compatibilità IE  (Letto 12706 volte)

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9018
  • Sesso: Maschio
    • Mostra profilo
HAcks Compatibilità IE
« il: 21 Apr 2010, 00:33:34 »
Ogni giorno leggo almeno 3-4 post con problemi su ie  , posto questa piccola guida .

Oggi giorno IE8 e Firefox3.5 si comportano quasi allo stesso modo.
Per ottimizzare un sito per i vecchi browser basta utilizzare i commenti condizionali.

Come sanno bene gli sviluppatori web, purtroppo i diversi browser se non rispettano le regole del W3C interpretano le pagine diversamente da come dovrebbero, dando dei bei grattacapi.
Esiste una soluzione molto semplice per risolvere questo problema e consiste nell’utilizzo degli hacks.
Il miglior escamotage per risolvere il problema è quello dell’uso di fogli di stile multipli dedicati, per ogni browser che vorremo rendere compatibile con il nostro sito.
Ovviamente non è necessario riscrivere tutto il codice dei CSS, basta semplicemente aggiustare quelle parti che ci danno dei problemi.
Per inserire i link ai fogli di stile aggiuntivi, dedicati ad esempio a Internet Explorer 6 e 7 e 8, basta utilizzare queste istruzioni nell’head della pagina web:

Citazione
<!--[if lte IE 6]>
  <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/ie6.css" type="text/css" media="screen" />   
<![endif]-->

<!--[if lte IE 7]>
  <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/ie7.css" type="text/css" media="screen" />   
<![endif]-->

<!--[if lte IE 8]>
  <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/ie8.css" type="text/css" media="screen" />   
<![endif]-->

Potremo così usare come elemento di partenza un foglio di stile creato considerando i browsers che rispettano gli standard del W3C e usare i fogli di stile aggiuntivi per risolvere i problemi di visualizzazione dei browser non standardizzati.

L’aspetto interessante dell’uso di fogli di stile multipli è che ci permettono di correggere in qualsiasi momento le impostazioni dedicate a un ben determinato browser in maniera rapida ed efficace per tutto il nostro sito.

ora che avete creato il richiamo del vostro foglio di stile css dobbiamo anche creare il il css, aprendo la nostra cartella del template che state usando troverete una cartella  chiamata css , nel suo interno ci sono i css gia esistenti non dovete fare altro che creare il vostro foglio css  con il nome  che avete dato nel richiamo, in questo caso avete 3 richiami per vostro ie , x cui dovrete creare  3 nuovi fogli che si chiameranno

Citazione
ie6.css  ie7.css  ie8.css

ora avete i 3 nuovi fogli , ora non resta altro che mettere al suo interno il codice della parte da sistemare.

ora spiegare cosa dovreste fare  sarebbe un po lunga e alla fine magari non riuscirei neppure a farmi capire ,
in alternativa vi do una  un template preso qui nel calderone che aveva problemi con ie7, se volete far delle prove vi basta prendere il template  e  rinominare il css che riguarda ie7 e vedere cosa succede .

qui il link del template



http://www.joomla.it/template/elenco-template/3674-furniture-design.html



« Ultima modifica: 21 Apr 2010, 00:57:42 da conti1 »
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

 

Torna su