11011 Suscriptores al Feed del Blog
94 Suscriptores al Feed de Anotaciones Breves
31 usuarios online
diseño web valencia en 500 iconos gratuitos para tus aplicaciones web
Fijar posición en Internet Explorer
0 COMENTARIOS - Publicado hace 52 meses - Clasificado en: IE, HACKS, CSSVean 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>
Algunas entradas relacionadas:
También te puede interesar:
|
|
|
|
|
