Css y Navegadores
Todos sabemos que los navegadores no son compatibles entre si al momento de visualizar paginas web. Esto debe a que interpretan de manera diferente muchas cosas como javascript y hojas de estilo, soportan tags diferentes de html, etc.
Es mas diferentes versiones de un mismo navegador ( IExplorer … ) dan diferentes resultados ante el mismo documento. Hay diversas maneras de resolver este tipo de dilemas.
Ante todo, debemos tener en cuenta que para poder hacer mas facil el desarrollo y soporte de distintos navegadores debemos ante todo basarnos en estandares. Es decir primero ocupemonos de respetar los estandares y luego lo demas. Para esto es muy util el XHTML, y maquetar nuestra web con css ( NO CON TABLAS … herejes :@ )
Una solucion es poner un script en javascript y hacer que detecte el navegador y luego de cargada la pagina enlace la misma con el css correspondiente. ESTA solucion NO es ADECUADA ( entendiste Martin
). Los motivos, pues primero porque el navegador puede tener el javascript desactivado y ahi si que te quedaste sin css, es como salir a la calle calato :P. Y el segundo porque la pagina demoraria mas en cargar, ya que primero tendria que cargarse todo el html para luego interpretar el javascript y de ahi volver a conectarse al servidor y enlazar con el css.
La otra solucion del lado de los scripts del servidor es: detectar el navegador a usar y segun eso cargar una u otra hoja de estilo.
Codigo en php:
$ccsversion = “.mz”
if ( ereg(”MSIE”,$_SERVER['HTTP_USER_AGENT'] ) )
{
$cssversion = “.ie”
}if ( ereg(”Konqueror”,$_SERVER['HTTP_USER_AGENT'] ) )
{
$cssversion = “.kon”
}…..
<style>
@import url(css/index.css<?=$cssversion ?>);
</style>
Technorati Tags: css, xhtml, php
If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.
Comments
Otras alternativas…
<!–[if lt IE 7]>
<![endif]–>
Ya que el resto de browsers, no hacen tan mal trabajo entre ellos…
O sino, un CSS ugly hack como /*\*/ y agregas un @import luego, asi dejas que el browser se encargue y disminuyes la “logica” en tu pagina. A veces tendras que usar páginas estáticas.
Lo que hago es un CSS siguiendo estandares, y luego en otro CSS solo fixes para IE, que lo agrego con el primer ejemplo que mostre…
Creo que ninguna solucion es 100% segura mientras el usuario pueda cambiar el user-agent.
Dentro de todas las soluciones la que prefiero es usar la biblioteca IE7 que relativamente “estandariza” al internet explorer





no me convences aun, pero no esta demás intentarlo a ver que me sale, la información que encontré por alli regada o la tuya, pero a decir verdad, mas factible la veo la tuya, pero toda duda quedará despejada cuando se pruebe. ta bien el post y gracias por la maleta