¿Bloques de construcción básicos para la equivalencia entre navegadores?

Question

Me encontré en mis viejas rutinas, construyendo la página web como siempre he estado haciendo. Solo para incluir un montón de parches para corregir las incoherencias entre los diferentes navegadores. Así que me preguntaba ...

¿Hay una lista básica de la construcción de bloques, rutinas o ajustes que hacen HTML y CSS tienen el mismo aspecto en todos los navegadores ?

Si puedo comenzar con este conjunto limpio de bloques de construcción que sé que se verán iguales en todos los navegadores, podría revisar las diferentes incoherencias del navegador más adelante.

¿Pero no sería una buena sensación saber que la base del sitio web se ajustará a todos los navegadores?

Answer 1

que sugeriría un vistazo a uno de los marcos CSS prevalentes en el medio silvestre:

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

Algunos de los que ya usan reset.css por Eric Meyers, pero si quieres algo más ligero que un framework completo, ese es un excelente lugar para comenzar: http://meyerweb.com/eric/tools/css/reset/

De los marcos, he usado BluePrint al máximo. Es bueno saber que puedo configurar una grilla en cuestión de minutos y no tener que preocuparme por un diseño roto.

Answer 2

Existen pocos problemas con los conceptos básicos de HTML y CSS. Si utiliza un navegador moderno para verificar primero su marcado y validar para verificar si hay errores, sus problemas serán pocos y distantes. Constantemente encuentro personas que no validan su marcado y/o usan IE como su navegador de prueba. Ambos son la causa del 95% de sus problemas.

Si solo se utilizan estas dos situaciones, no es necesario utilizar ningún marco.