Blocchi di costruzione di base per l'equivalenza cross-browser?

Question

Ho ritrovato me stesso nelle mie vecchie routine, costruendo la pagina web come ho sempre fatto.Solo per includere un mucchio di patch per correggere le incongruenze tra i diversi browser.Quindi mi chiedevo ...

Esiste un elenco di base degli edifici blocchi, routine o impostazioni che fanno HTML e CSS hanno lo stesso aspetto in ogni file browser?

Se posso iniziare con questo set pulito di elementi costitutivi che so che avranno lo stesso aspetto in tutti i browser, potrei in seguito cercare di correggere diverse incongruenze del browser.

Ma non sarebbe una bella sensazione sapere che le fondamenta del sito web si adatteranno a tutti i browser?

Answer 1

Suggerirei di dare un'occhiata a uno dei framework CSS prevalenti in circolazione:

• BluePrint http://www.blueprintcss.org/
• 960 Grid System http://960.gs/
• CSS elastico http://elasticss.com/

Alcuni di questi usano già reset.css di Eric Meyers, ma se vuoi qualcosa di più leggero di un framework completo, questo è un ottimo punto di partenza: http://meyerweb.com/eric/tools/css/reset/

Tra i framework, ho usato di più BluePrint.È bello sapere che posso impostare una griglia in pochi minuti e non devo preoccuparmi di un layout rotto.

Answer 2

Ci sono pochi problemi con le basi di HTML e CSS.Se utilizzi un browser moderno per controllare prima il markup e convalidare per verificare la presenza di errori, i tuoi problemi saranno pochi e rari.Coerentemente trovo persone che non convalidano il loro markup e / o utilizzano IE come browser di prova.Entrambi sono la causa del 95% dei loro problemi.

Se vengono utilizzate solo queste due situazioni, non è necessario utilizzare alcun framework.