Foros del Web » Creando para Internet » CSS »

problema al importar CSS en IE 6

Estas en el tema de problema al importar CSS en IE 6 en el foro de CSS en Foros del Web. Hola, tengo un pequeño problema con mi css y haciendo unas pruebas he llegado a esta conclusión (que tb puede ser falsa...): 1. En IE ...
  #1 (permalink)  
Antiguo 21/03/2007, 04:21
 
Fecha de Ingreso: enero-2007
Mensajes: 44
Antigüedad: 17 años, 3 meses
Puntos: 1
problema al importar CSS en IE 6

Hola, tengo un pequeño problema con mi css y haciendo unas pruebas he llegado a esta conclusión (que tb puede ser falsa...):

1. En IE 6 fallan todas las etiquetas relacionadas con listas (UL, LI,...)
2. En Firefox todo funciona correctamente
3. Estoy trabajando en JSP, que es donde falla, pero el mismo código en una página HTML funciona correctamente en ambos navegadores.
4. Si en vez de importar el fichero css ya sea mediante
<link rel="stylesheet" type="text/css" href="prueba.css">
o mediante
<style type="text/css" title="currentStyle" media="screen">
@import "/Salud_Digital/prueba.css";
</style>
pego el código css en la página JSP, esta se ve perfectamente en ambos navegadores.

Espero haberme explicado bien... gracias de antemano y saludos!
  #2 (permalink)  
Antiguo 08/07/2007, 04:11
Avatar de Covids0020  
Fecha de Ingreso: septiembre-2003
Ubicación: España
Mensajes: 217
Antigüedad: 20 años, 6 meses
Puntos: 1
Re: problema al importar CSS en IE 6

WoW!!... vaya cambio de estilo, mola :D

Bien, al tema, espero haberte entendido bien:
Te comento rápidamente y no desde la autoridad de un profesional, solo lo que por ahora recuerdo.
Empecemos por... lo típico, en IE no "fallan" las listas, lo comento más tarde, pero sí es verdad que es menos estándar y avanzado que Firefox, Safari... Es el único y eterno problema, hasta que Microsoft ha decido aceptar los estándares en contra de su código propietario han tenido que pasar 6 navegadores y que llegue alguno que le haga frente: Firefox.

IE6 e inferiores tienen problemas a la hora de importar estilos, que no es del todo correcto la definición que usas, te explico:
Cuando usas un vínculo para una hoja de estilo
Código HTML:
<link rel="stylesheet"...
lo que haces es VINCULAR la Hoja de Estilo.
Cuando usas
Código HTML:
<style type="text/css">
<!--
 @import url(css/estilo.css)
-->
</style> 
lo que haces es, ahora sí, IMPORTAR.
Y es importante por esto mismo, las versiones menos estándares o avanzadas de IE y creo que Opera 7 y anteriores tienen problemas a la hora de importar CSS COMO PRIMER ESTILO... a veces no los cargan hasta alguna "recarga" del documento, otras veces se lían con las rutas, relativas o absolutas, de los archivos CSS y también suelen tener problemas a la hora de "dar prioridades" a esas hojas de estilo.
Sabemos que la última hoja es la que tendrá más especificidad y que sus reglas, digamos, sobrescribirán a las anteriores.
Repito, es lo que tengo entendido más o menos y que alguien me corrija sino es así pero el modo exacto como se comportan estos navegadores en este sentido es algo aleatorio y complicado.

Por eso se suelen recomendar dos técnicas principalmente:
  1. Una:
    • vincular primero una hoja de estilo básica, lo cual siempre es recomendable como hoja de estilos para navegadores antiguos (que no comprendan CSS anvanzado) e incluso que sirva para impresión.
    • Y añadir después la importación de una hoja de estilo avanzada.
    Esto, obviamente, es opcional pero si se usa la técnica es lógico darle algún sentido práctico ;)
  2. La segunda técnica, quizás la más segura, consiste en IMPORTAR la hoja de estilo avanzada (repito de nuevo que es opcional el que sea avanzada o no) en la primera hoja de estilo VINCULADA AL DOCUMENTO.

    Así en tu (X)HTML, JSP (que desconozco así que...) o documento del tipo que sea, habría una única Hoja de Estilos vinculada que teóricamente no debería acarrear ningún problema en ninguno de (según Zeldman) los navegadores comercializados en este siglo

Por eso, me temo que cuando "incrustas" el CSS en el documento sí que funciona.

El resto:
No tengo conocimientos sobre JSP aunque tampoco tengo muchos del resto de lenguajes xDDD
Pero que yo sepa, IE no tiene ningún problema... digamos grave con las listas, quiero decir que UL, OL y LI, DL, DT, y DD SÍ funcionan en IE, lo que al parecer no funciona supongo que es tu código.

Sabemos que IE6- aplica sangrados, márgenes y estilos por defecto a las listas pero como digo... no es que sea un problema "grave" como podría ser el Modelo de Cuadro de IE5-...

En este sentido, habría algunas otras técnicas, siempre estándares, que podrían servir en referencia a IE y sus "caprichos", si eso lo comentamos aunque en foros del web creo que la temática sobre IE vs Firefox, etc... es bastante amplia ;)

En fin, espero haber ayudado algo, un saludo.
__________________
"La sabiduría comienza donde acaba el conocimiento". Yaris.
http://www.culturadigital.org

Última edición por Covids0020; 08/07/2007 a las 04:24
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:10.