Hack CSS para posicionar elementos como fixed en IE 5 y 6

Cada vez más sitios utilizan position:fixed para fijar elementos en el navegador aunque se mueva el scroll. El problema es que Internet Explorer 5 y 6 no entienden este posicionamiento.

La solución es un hack para convertir fixed en absolute:

<style type="text/css">
#elemento_fijo {
position: fixed;
top: 100px;
}
* html #elemento_fijo {
position: absolute;
top: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+100+"px" : body.scrollTop+100+"px");
}
</style> <div id="elemento_fijo"> Este div siempre estará a una distancia de 100px de la parte superior de la página </div>

09 de Julio, 2008

Entrada categorizada en: CSS, Diseño, Diseño Web, Utilidades, tutoriales

El mejor servicio de Telefonía IP 35 creativas campañas publicitarias

Deje su comentario

Inserte su dirección de e-mail para recibir todas las noticias directamente en su correo:

Requerido.

Requerido | Oculto.

Etiquetas HTML permitidas:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Inicio de la entrada  |  Suscríbase a los comentarios via RSS Feed

Tracbacks

  1. Position: fixed no Internet Explorer 6 » Pinceladas da Web - Reflexões sobre XHTML, CSS, PHP e WebStandards opina:

    [...] Como podem ver, o elemento que possuir o id “elemento_fixo” sempre irá ficar posicionado a 100px do topo independente do scroll da página. Existem outras formas de se obter esse mesmo resultado, mas essa é a mais simples e com certeza a mais suja. Essa dica eu retirei do site: ceslava.com /blog. [...]

Entradas más recientes

Enlaces

Sindicación

Inserte su dirección de e-mail para recibir todas las noticias directamente en su correo: