Separación hojas de estilo Vs Hacks
Desde que maqueto utilizando XHTML y CSS nunca he utilizado java script y no he tenido la necesidad de utilizar complicados hacks de esos que se ven por diferentes tutoriales, la verdad es que dando alguna vuelta y manteniendo siempre la filosofía de todo esto he llegado siempre ha encontrar soluciones satisfactorias a los problemas que me han ido surgiendo.
Pero hay veces que pienso (y en el proyecto q estoy ahora más q nunca) que muchas cosas se podrían solucionar teniendo 2 hojas de estilo diferentes, básicamente una para IE de pc y otra para el resto y un sencillo java script que mira que navegador utiliza el usuario y se le manda la CSS correspondiente.
Las diferencias entre ambas serían mínimas, solo en esos casos donde no llegas a una solución para todos, por ejemplo ahora mismo yo tengo un código q le cambio un par de estilos y se ve bien en IE y si dejo como están se ve bien en el resto.
Como la hoja de estilos para navegadores como Mozilla, Safari, etc. sería más "correcta" que la de IE según vallan adaptando Microsoft su navegador a los estándares podemos ir adaptando también su hoja de estilos hasta q llegue el utópico día en que todos los navegadores hagan lo q tiene q hacer y bien.
Después de todo esto, qué crees sobre la utilización de 2 hojas de estilos conjuntas en vez de tanto java script y trucos que sabemos que no son filosóficamente correctos.
meddle
ikgoru
Después de todo esto, qué crees sobre la utilización de 2 hojas de estilos conjuntas en vez de tanto java script y trucos que sabemos que no son filosóficamente correctos.
bien, vayamos por partes que dijo Jack...
Si ya has decidido usar 2 hojas de estilo, una oara iE y una para el resto, hazlo bien, no uses js. IE viene con lo que se llama "comentarios condicionales". Mirate esta pagina
Aunque lo ideal seria no tener que usar 2 hojas de estilo, sino usar los minimos hacks posibles en una misma CSS.
kokito
Seria ideal, asi que si encuentras ese javascript, por favor postealo aqui.
Yo aun no controlo lo de los hack, de hecho no se como se hace y me tengo que poner las pilas, asi que, para mi seria maravilloso.
kkt.
ikgoru
Muchas gracias Sergi, no conocía eso.
Ya se que lo ideal sería no usar 2 hojas de estilo, pero en teoría tampoco habría que usar ningún tipo de hack no? al menos no con las posibilidades que te dan los estilos, otra cosa es que quieras cosas no "permitidas".
El caso es que de momento no voy bien con los hack, muchos no los entiendo y utilizando 2 hojas de estilo tendría siempre unos códigos mucho más claros y sencillos.
Por otra parte cuando acabe de asimilar el artículo que posteaste el otro día (Inglés Español) puede q cambie alguna idea. ah! muchas gracias por ello, es justo lo q necesitaba, es como un escalón más.
Volviendo a lo de las 2 hojas de estilos, es algo común? seguramente habrá detractores y defensores no?
meddle
probablemente sea algo comun, pero yo opto por usar hacks (los minimos) en una sola hoja, y siempre teniendo en mente que no todos los navegadores tienen que verlo todo igual, puede haber una degradacion. para gustos colores, ya sabes :)
albertoromero
Yo voto por usar filtros en la css (o 'css hacks') para diferenciar navegadores en las (normalmente pocas) ocasiones en las que lo necesites.
Un buen discriminador de navegadores javascript como este browser sniffer puede pesar hasta 20kb, y por supuesto no funcionará si el usuario tiene el js deshabilitado.
kokito, en el mismo link que ha puesto meddle (éste) hay una tabla de filtros css.
Básicamente, se trata de aprovechar errores o peculiaridades de los navegadores a la hora de interpretar la css para conseguir que todo se muestre igual independientemente del navegador que se esté usando.
Por poner un ejemlo, html>body div{background:red} aplicará el color rojo de fondo a los divs en mozilla y no en IE.
Sólo tienes que encontrar un problema, mirar las tablas de navegadores y pensar si algún hack te lo puede solucionar :)