El trabajo del diseñador web siempre está limitado por las posibilidades de los navegadores que utilizan los usuarios para acceder a sus páginas. Por este motivo es imprescindible conocer el soporte de CSS en cada uno de los navegadores más utilizados del mercado.

Internamente los navegadores están divididos en varios componentes. La parte del navegador que se encarga de interpretar el código HTML y CSS para mostrar las páginas se denomina motor. Desde el punto de vista del diseñador CSS, la versión de un motor es mucho más importante que la versión del propio navegador.

La siguiente tabla muestra el soporte de CSS 1, CSS 2.1 y CSS 3 de los cinco navegadores más utilizados por los usuarios:

Navegador Motor CSS 1 CSS 2.1 CSS 3
Internet Explorer Trident Completo desde la versión 6.0 Completo desde la versión 8.0 Prácticamente nulo
Firefox Gecko Completo Casi completo Selectores, pseudo-clases y algunas propiedades
Safari WebKit Completo Casi completo Todos los selectores, pseudo-clases y muchas propiedades
Opera Presto Completo Casi completo Todos los selectores, pseudo-clases y muchas propiedades
Google Chrome WebKit Completo Casi completo Todos los selectores, pseudo-clases y muchas propiedades

Los navegadores Safari y Opera son los más avanzados en el soporte de CSS, ya que incluyen muchos elementos de la futura versión CSS 3 y un soporte casi perfecto de la actual version 2.1. El navegador Firefox no tiene un soporte tan avanzado de CSS 3 pero las últimas versiones están alcanzando rápidamente a Safari y Opera.

Por su parte, el navegador Internet Explorer sólo puede considerarse adecuado desde el punto de vista de CSS a partir de su versión 7. Internet Explorer 6, utilizado todavía por un número significativo de usuarios, sufre carencias muy importantes y contiene decenas de errores en su soporte de CSS. Internet Explorer 8 incluye el soporte completo de todas las propiedades y características de CSS 2.1.

La tabla anterior ha sido elaborada a partir de la información que se puede encontrar en la página Comparison of layout engines de la Wikipedia, donde se muestra una comparación exhaustiva sobre el soporte de todas las características de CSS por parte de cada navegador.

Twitter con mas de 200 millones de usuarios activos.. Crear una cuenta en Twitter es una tarea muy fácil de realizar. Sin embargo, una gran parte de esas cuentas permanecen inactivas. Ni el usuario se ha ...
GNOME 3 disponible GNOME 3, la nueva generación del popular, rápido, moderno y flexible entorno de escritorio, ya está disponible tras varios años de desarrollo. Entre ...
Make PHP to work in your HTML files with .htacess By default most web servers across the internet are configured to treat as PHP files only files that end with .php. In case you need to have your HT...
Introducción a Ajax Libro Gratis Introducción a Ajax es un material publicado por Javier Eguíluz Pérez para LibrosWeb bajo una licencia Creative Commons. Entre los catorce capítulo...
Enable CGI, SSI with .htaccess As .htaccess is a powerful tool. It gives you option to change the way the webserver serves your files. On most web hosting servers you can use SSI ...
Script para validar una clave en PHP Voy a mostrar un script con el cual vamos a poder llamar una funcion que permite hacer las siguientes comprobaciones: Que la clave tiene al menos ...
CLASES DE ALGORITMOS Una forma de clasificar los algoritmos consiste en diferenciarlos por su metodología de diseño. A continuación se presenta una síntesis de las metodol...
404 Page Also known as missing page or 404 HTTP error. It is a special response defined by the HTTP protocol. The server tells the browser that the document ...
mysql num rows mysql_num_rows — Devuelve el número de filas de un resultado Descripción int mysql_num_rows ( int $id_resultado ) mysql_num_rows() regresa el...
Optimizando imágenes con SEO Interno - Más del 5% de las búsquedas en Google son de imágenes - Casi ninguna Web incluye la optimización de imágenes en su estrategia SEO Teniendo en cu...