Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a

Datos de búsqueda

Etiqueta ‘CSS’

Capas condicionales para evitar el uso de hacks CSS

Fecha de publicación: 2010/04/21

En muchas ocasiones las distintas versiones de Internet Explorer interpretan la CSS un poco como quieren. Y es por eso que utilizamos hacks CSS (en inglés), que aunque en muchos casos cumplen con los estándares, de cara al futuro pueden ser un riesgo ¿Y si futuros navegadores los empiezan a interpretar? ¿Y si un navegador deja de necesitar esa regla CSS pero la sigue interpretando?.

En Alsacreations proponen la inserción mediante comentarios condicionales de Internet Explorer de capas con clases referidas a cada una de las versiones de Internet Explorer (enlace externo, en francés).

Leer el resto del artículo

Datos del artículo:

Google Maps: accesibilidad de teclado y alternativa en ausencia de Javascript

Fecha de publicación: 2010/02/10

Las aplicaciones web ricas en Javascript pueden suponer en algunas ocasiones una barrera para la accesibilidad. En el caso de Google Maps (versión 3) tenemos dos potenciales barreras de accesibilidad:

  • Utilización de los controles del mapa unicamente con dispositivo apuntador: imposibles de utilizar con teclado.
  • Sin alternativa en ausencia de Javascript.

Leer el resto del artículo

Datos del artículo:

CSS: altura mínima con min-height, incluso en IE6

Fecha de publicación: 2009/12/21

Cuando queremos utilizar una altura mínima para un elemento debemos emplear la propiedad min-height, que establece una altura mínima para dicho elemento. Pero tiene un pequeño inconveniente: no es compatible con Internet Explorer 6.

Para Internet Explorer 6 se puede utilizar la propiedad height ya que la interpreta de la misma forma que los otros navegadores interpretan min-height (incluidas las versiones posteriores de Internet Explorer).

Leer el resto del artículo

Datos del artículo:

CSS: Minimum height with min-height, even in IE6

Fecha de publicación: 2009/12/21

When we use a minimum height for an element we must use the property min-height , which sets a minimum height for that element. But it has one drawback: it is not compatible with Internet Explorer 6.

For Internet Explorer 6 may use the property height interprets it the same way that other browsers interpret min-height (including later versions of Internet Explorer).

Leer el resto del artículo

Datos del artículo:

Internet Explorer 6 y la propiedad ‘bottom’ en CSS

Fecha de publicación: 2009/12/16

Hay un caso en el que la propiedad bottom no es interpretada correctamente en Internet Explorer 6: cuando el elemento con position:relative tiene un overflow:hidden y debajo está el elemento con position:absolute.

Leer el resto del artículo

Datos del artículo:

CSS: Utilización de tipografías incrustadas mediante @font-face

Fecha de publicación: 2009/12/11

Lo primero de todo es advertir que ésta técnica no valida en CSS 2.1, aunque si lo hace en CSS 3.

La llamada desde la CSS a una tipografía ayuda a eludir la necesidad de utilizar imágenes con texto (o Flash) en aquellos casos en los que se quiere utilizar una tipografía que no es de sistema.

Leer el resto del artículo

Datos del artículo:

CSS hacks: filter by selectors

Fecha de publicación: 2009/12/02

All selectors provided here are valid for CSS 2.1 unless otherwise stated.

Internet Explorer 6, Internet Explorer 7 (Non standard mode), Internet Explorer 8 (Non standard mode):

* html {}

Internet Explorer 7, Internet Explorer 8 (IE7 standard mode):

*:first-child+html {}
 * + html/*/ * /**/ body {}

Internet Explorer 8 (Ids are examples):

#ie_80 {} /* IE8 */
 #ie_80, #ie8#fix {} /* other browsers */

It’s not Internet Explorer 6:

html>body {}

It’s not Internet Explorer 6, It’s not Internet Explorer 7:

html>/**/body {}

It’s not Internet Explorer (only valid for CSS3):

:root {}

Safari 3, other Webkit browsers (only valid for CSS3):

body:not(:root:root)

It’s not Internet Explorer, It’s not Opera 9.2x or earlier:

head~body {}

It’s not Internet Explorer, It’s not Opera 9.2x or earlier (only valid for CSS3):

body:only-of-type {}

Opera between 7.2x-9.2x:

html:first-child {}

Datos del artículo:

Información del sitio