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  :P ). 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: , ,

Share/Save/Bookmark

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

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

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

Leave a comment

(required)

(required)