
Bueno despues de tratar, y utilizar un millon de hacks… eh encontrado una solucion… ok no valida pero sirve… asi k toca joderse otra vez… por culpa de… adivinen…. sip… FUCK IE 6 acertaron… (joer… k cliche de post) pero bueno… eh aqui la luz…
Tenemos nuestro div “cabecera” que tiene el fondo, ancho, alto etc… y le agregamos… position:absolute; esto es para IE6, y el siguiente codigo en JS (No estoy seguro de que sea JS, no se programar mucho tansolo, diseño y css, pero si me equivoco corrijanme) hace el efecto de “estar fijo“, tomando en cuenta el movimiento de nuestro scroll del mouse para darle las cordenadas de arriba e izquierda para simular la posicion fija…
1 2 3 | .cabecera{background:#333;height:50px;width:100%;color:#FFF;position:absolute; top:expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); left:expression(0+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px'); line-height:3em;} |
Y ahora hacemos uso de > para que solo nuestros bonitos navegadores interpreten el siguiente codigo… y es todo
1 | body > div.cabecera {position:fixed;top:0px;left:0px;} |
y nuestro html algo asi
1 2 3 | <div class="cabecera"> Posicion fija: </Alex Aguiar> </div> |
pero yo le agregue un div mas dandole mucha altura para hacer la prueba…
1 2 | <div style="width:800px;height:1000px;margin:auto;"> </div> |
Compartir






buena men! te hiciste una.. desde ase tiempo que buscaba una solucion a ese problema..
Tienes razon funciona a la perfección, muchas gracias
Saludos Jorge, Gracias por Comentar