2008-12-19 13 views
9

Tengo una aplicación web en la que estoy trabajando y no es muy compatible con Firefox (el diseño se realizó dos años antes de que comenzara con la empresa). Hay algunos problemas de CSS con los que tengo problemas y no puedo usar un Restablecimiento de CSS porque el diseño de la página es bastante inamovible y podría causar más trabajo que el que necesito ahora mismo.Valores predeterminados de CSS de IE

¿Alguien tiene una lista de valores CSS predeterminados de IE, así que puedo configurarlo en un CSS así que esto será más amigable para Firefox?

Respuesta

5

Aquí hay un CSS comparison chart. IE realmente almacena la configuración de CSS en el lugar siempre tonto, del Registro. Otro problema es si el doctype de su aplicación está usando el modo estándar o el modo peculiar.

Si está usando quirks mode, está en problemas. Reparar cosas para problemas que no son de IE romperá problemas de IE, etc. Te volverás loco.

+1

Esto no es realmente una solución, pero existe una solución. –

+0

Estoy seguro de que 5 años después, a nadie realmente le importa. –

2

TBH, me sorprendería que IE6 realmente usara CSS internamente para diseñar la mayoría de los elementos HTML, por lo que lo que está buscando puede que ni siquiera exista. El W3C tiene una hoja de estilos de muestra en la especificación CSS2 (http://www.w3.org/TR/CSS2/sample.html) que "describe el formato típico de todos los elementos de HTML 4.0 ([HTML40]) basado en una amplia investigación sobre la práctica actual de AU" - es probable que copiarlo en una hoja de estilos lo mejor que harás

+0

No estoy seguro de lo que entendemos por "sorprenda si IE6 ..." - el motor Trident (s) comprensión de CSS es sin duda barroca pero definitivamente escucha a CSS. – annakata

+0

Sé que entiende CSS. Realmente quería decir que me sorprendería si usara CSS internamente, en lugar de otro sistema más esotérico. –

2

Aunque no creo que haya visto una lista publicada, la barra de herramientas de desarrollador de IE te permite explorar los estilos calculados de tus diversos elementos. Cree una página ficticia con cada uno de los elementos que le interesan, pero sin CSS, y elimine los valores que necesita.

1

Siento tu dolor. Esto podría solucionar la mayor parte.

* { 
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
} 
2

Recomiendo abordar este problema desde el otro extremo.

Copie su hoja de estilos actual solo de IE en una hoja de estilos global, y ponga la hoja de estilos de IE en un bloque de comentarios condicionales. Arregle el sitio para Firefox usando la hoja de estilos global, y luego use la hoja de estilos solo de IE para arreglar el sitio para IE.

Ej:

<link href="/css/global.css" rel="stylesheet" type="text/css" /> 
<!--[if IE ]> 
    <link href="/css/ie-only.css" rel="stylesheet" type="text/css" /> 
<![endif]--> 
Cuestiones relacionadas