01/08/2006, 17:17
|
| | | Fecha de Ingreso: junio-2004 Ubicación: Monterrey NL
Mensajes: 2.390
Antigüedad: 20 años, 4 meses Puntos: 53 | |
claro que si hay hack!! el siguiente ejemplo es de una web que hice con 2 franjas flotantes arriba y abajo.
layouts.css
Código:
#superior{
position: absolute;
top: 0px;
left: 0px;
background: #666666;
height:50px;
width:100%;
}
#inferior {
position: absolute;
left: 0px;
bottom:0px;
height:50px;
width:100%;
background:#666;
}
body > div#inferior {
/* usado por Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
position: fixed;
}
body > div#superior {
/* usado por Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
position: fixed;
}
ahora en la page:
Código:
<link href="common/css/layouts.css" rel="Stylesheet" type="text/css" />
<!--[if gte IE 5.5]><![if lt IE 7]>
<style type="text/css">
div#superior {
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
div#inferior {
right: auto; bottom: auto;
left:0px;
top: expression( ( 0 - inferior.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
</style>
<![endif]><![endif]-->
y listo funcioanndo en IE
have funnnnn |