Qual è lo strumento o le tecniche migliori per ottenere la stessa visualizzazione su IE6/7 e Firefox?[Chiuso]

Question

Non sto parlando di strumenti che consentono di visualizzare una pagina in combinazioni di sistemi operativi e browser come crossbrowsertesting.com ma di creare o capire il CSS vero e proprio.

Answer 1

Se state ancora programmando per IE6, state commettendo un errore.

Io uso IE7.js per fare in modo che IE6 visualizzi pagine come IE7.IE7 non è perfetto, ma almeno ha una parvenza di standard.Dato che devo scrivere codice solo per IE7 e FF, questo mi rende più efficiente del 33% in termini di test rispetto ai browser, cosa che penso abbia senso dal punto di vista commerciale.

Collegamento: IE7.js

Answer 2

Utilizzare un ripristino CSS per livellare il campo tra i browser.YUI ed Eric Meyer ne hanno di buoni.

Answer 3

Scrivo secondo gli standard e sia Firefox che IE7 seguono un insieme abbastanza buono in comune.

IE6 è morto per quanto mi riguarda, ma se torno allo sviluppo web professionale probabilmente dovrò rivederlo ;)

Answer 4

Cerco di creare una pagina conforme agli standard ed eseguo tutti i test in Firefox (poiché ha alcune eccellenti estensioni di sviluppo come Web Developer e Firebug).Poi, quando ho finito, provo il sito in IE, quindi apporto tutte le piccole modifiche necessarie.Trovo che sia necessario apportare pochissime modifiche, poiché non faccio nulla di straordinariamente complesso con i CSS.

Avevo più problemi con le differenze Javascript, ma dopo aver iniziato a utilizzare le librerie Javascript (come jQuery) ho smesso di avere problemi seri con questo.

Answer 5

Imbottitura.

IE6 può diventare un po' complicato quando si utilizza il margine per posizionare gli elementi orizzontalmente su una pagina.Se ridimensioni i tuoi elementi e spazi il contenuto all'interno utilizzando il riempimento, puoi far sì che molti layout funzionino perfettamente in IE6/7, FF, Safari e Opera senza alcun hack.IE5.5 rende le cose un po' più difficili a causa del modello a scatola rotta, ma penso che ora possiamo praticamente escluderlo nella maggior parte dei casi.

Answer 6

Cerco di creare una pagina conforme agli standard ed eseguo tutti i test in Firefox (poiché ha alcune eccellenti estensioni di sviluppo come Web Developer e Firebug).Poi, quando ho finito, provo il sito in IE, quindi apporto tutte le piccole modifiche necessarie.Trovo che sia necessario apportare pochissime modifiche, poiché non faccio nulla di straordinariamente complesso con i CSS.

Lo stesso qui, tranne per il fatto che non ho bisogno di usare Firebug e simili.Tuttavia, di recente ho avuto problemi solo con IE6, che vengono risolti con semplici bypass CSS:

/* All browsers read: */
html body {
    margin: 10px;
}

/* FF, IE7, Op etc. read: */
html > body {
    margin: 0;
}

Answer 7

Sto con Eli.Scrivere contro Firefox (con Firebug installato) ti costringe a scrivere codice "più compatibile" per cominciare e poi sarà meno un lavoro in seguito quando arriverai a renderlo compatibile con IE.

Utilizza il sito Modalità Quirks per aiutarti a trovare risposte alle informazioni sulla compatibilità

Answer 8

Se si tratta di un progetto nuovo di zecca, mi impegno a testare tutte le modifiche html+css su tutti i browser che sto prendendo di mira mentre apporto le modifiche.In passato tendevo a concentrarmi sul mio browser preferito e poi provavo con gli altri dopo aver finito per scoprire che erano presenti uno o più piccoli problemi ed era molto noioso individuare la causa effettiva.Ora ho tutti i browser aperti e li aggiorno ciascuno dopo ogni modifica html/css per assicurarmi che la visualizzazione soddisfi le mie aspettative.Quando qualcosa va storto, so esattamente cosa lo ha causato.

Potrebbe sembrare dispendioso in termini di tempo eseguire il test su tutti i browser contemporaneamente, ma a lungo termine in realtà fa risparmiare tempo poiché rileva i problemi contemporaneamente.