destacados

Gabriel Da Silva

Portafolio del ilustrador y director de arte brasileño, aunque afincado en Madrid, Gabriel Da Silva.

B&W Helmut Newton

Selección de fotografías en blanco y negro de uno de los fotógrafos más conocidos de las últimas décadas, Helmut Newton.

Judith Erwes

Fotógrafa afincada en Londres con un estilo que combina la moda, el humor y la estética retro.

Jody Rogac

Nacida en Inglaterra y criada en Canadá, Jody Rogac en la actualidad vive y trabaja en Brooklyn. Sus trabajo ha obtenido diversos galardones.

Publicaciones

Fijar posición en Internet Explorer

, , 08/11/2005 00:00:00

Vean el blog demasiada cafeina con Firefox y luego con Internet Explorer. Sé que lo que pretende la iniciativa Too Cool for Internet Explorer es fomentar el uso de navegadores que respeten estándares cosa que no hace Internet Explorer y que para ello se apoyan en el uso indebido de IE de position: fixed. El objetivo me parece correcto. Sólo quería ilustrar el problema. Ahora una manera de establecer una posición fija con IE. Ver ejemplo.

CSS
html, body {
        overflow: hidden;
        height: 100%;
        margin: 0;
        padding: 0;
}
body {
        font: 11px verdana, arial, sans-serif;
}
#contenedor {
        height: 100%;
        overflow: auto;
        position: relative; z-index: 2;
        text-align: center; 
}

#divfija { 
        position: absolute;
        bottom: 0;
        right: 15;
        z-index: 1;
}
#contenido {
        margin: 0 auto;
        width: 65%;
        text-align: left; 
}

Lo que hacemos es eliminar la barra de desplazamiento (overflow:hidden) y emplazar un contenedor que ocupe toda la ventana. Luego, con ayuda de la propiedad z-index posicionamos el div que estará fijo. La propiedad z-index sirve para indicar la posición sobre el eje z que tendrán las distintas capas de la página.

HTML
  <div id="contenedor">
<div id="contenido">
<h1>Emular fixed</h1>
<p> Lorem ipsum dolor ...</p>
</div>
</div>
<div id="divfija"><img src="too_cool.gif"></div>
Páginas: 1
comentarioscomentarios