2009-10-19 10 views
5

He estado tratando de llegar a un marco CSS de navegador entrecruzado para mi próximo proyecto, porque el último tenía un montón de hacks de PHP/CSS (cosas horribles como class="blah<?=isIe()?>"). Me gustaría hacerlo "bien". Miré this question, que no me interesó mucho, así que me gustaría reducir esto: ¿es necesario restablecer CSS para el formateo entre navegadores? ¿Qué hay del Doctype? ¿Debe uno usar¿Es necesario un "restablecimiento de CSS" para CSS entre navegadores?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

o qué? Además, ¿alguien tiene alguna idea de la utilidad de Blueprint?

Respuesta

5

No es necesario restablecer CSS, pero definitivamente ayuda mucho. Lo hará para que todos los elementos se procesen de la misma forma en todos los navegadores.

Todavía hay ciertas cosas que serán ligeramente diferentes debido a que cada navegador (principalmente IE) muestra el modelo de caja de manera diferente. Sin embargo, hay formas más sencillas de hacer CSS específicos del navegador que incorporan cambios de clase. Puede crear una hoja de estilo específica de IE y simplemente anular las cosas específicas que necesita cambiar. No necesitas PHP para esto tampoco.

<!--[if IE 6]> 
    <link rel="stylesheet" type="text/css" href="ie6.css" /> 
<![endif]--> 

Usted puede también puede utilizar "LT" para < y "GT" de>.

<!--[if lt IE 7]> 
    <link rel="stylesheet" type="text/css" href="ie6.css" /> 
<![endif]--> 

Para mí, hacer un restablecimiento de CSS ha solucionado el 99% de mis problemas.

Yahoo tiene uno bueno. http://developer.yahoo.com/yui/3/cssreset

+0

Ah sí, anulando. Mucho mejor que el pirateo en el servidor. ¡Gracias por eso! –

+0

Sin embargo, ¿qué es eso [si algo? Los navegadores saben cómo manejar eso? –

+1

IE sabe cómo manejar eso específicamente. Así que puedes crear una hoja de estilo específica de IE, y cada otro navegador piensa que es solo un comentario. –

8

No es necesario restablecer CSS, pero simplifica las cosas.

Se necesita un Doctype, sin un navegador ingresará Quirks mode y se abre una gran caja de inconsistencias. El HTML 4.01 Strict Doctype que mencionas es una buena opción, es la versión más moderna de HTML que tiene un soporte decente en el mercado.

+0

Perfecto, ese es mi pensamiento actual sobre el tema también. Si puedo obtener el 90% del camino con solo un reinicio y una declaración de Doctype, estoy en :) –

+1

+1 buena respuesta David –

1

Me he acostumbrado a usar siempre un restablecimiento de CSS y crear una copia de seguridad desde esta base para mis proyectos. Simplifica mucho las cosas ya que ya no tiene que preocuparse por los diferentes tamaños predeterminados, etc. entre los navegadores. Además, cualquier proyecto suficientemente grande tiene una gran cantidad de restablecimiento de CSS de todos modos, y en aquellos proyectos que no usen una hoja de restablecimiento CSS lo más probable es que lo dividan en muchas áreas, mal hecho y con errores :)

Tiendo a usar las hojas de YUI CSS para mis proyectos, pero ahora puedo comprobar Blueprint ahora que me ha llamado la atención;)

+1

Dime lo que piensas sobre Blueprint, por favor. Mas es mas. –

+1

Comencé con Blueprint pero me pareció un poco pesado y eventualmente trabajé para lograr un restablecimiento css genérico más liviano. No recuerdo de dónde vino mi actual porque lo he personalizado tanto y lo saqué de un proyecto del siguiente. –

+0

De acuerdo, eso definitivamente ayuda, gracias. –

Cuestiones relacionadas