• Home
  • 1000 Efectos jQuery
  • 1000 Estilos Css
  • Foro
  • Freelance
  • Herramientas Web
  • Tu Granito de Arena!!
  • ZoneArtCss Móvil

position:fixed para Internet Explorer 6

Obtén una cuenta de @zoneartcss.com gratuita
Registrarse
Ver correo
Jul 03


Position fixed para ie6

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: &lt;/Alex Aguiar&gt;
</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>

Ver demo online






Compartir   votar
¿Te gusto este tema?
Recibe en tu correo las ultimas actualizaciones

Escribe tu correo:

Recibirás un correo con todos los articulos escritos en ZoneArtCss durante el día.
Posted in CSS. on Viernes, Julio 3rd, 2009 by miguelortega Tags: CSS, efecto, elementos, estilo, fija, fix, fixed, html, ie6, internet explor, js, posicion, position, problema, solucion, style

3 Comments

  1. henry on Marzo 19th, 2010

    buena men! te hiciste una.. desde ase tiempo que buscaba una solucion a ese problema..

  2. Jorge Raigoza on Abril 11th, 2010

    Tienes razon funciona a la perfección, muchas gracias

  3. miguelortega on Abril 12th, 2010

    Saludos Jorge, Gracias por Comentar



Leave a Reply

Security Code:

ZoneArtCSS | Tu lugar: Del Arte CSS

  • Buscador
  • Suscribete
    Escribe tu correo:

    Recibirás un correo con todos los articulos escritos en ZoneArtCss durante el día.








  • Lo Último

    Un Administrador de Proyectos para un Diseñador WebUn Administrador de Proyectos para un Diseñador Web   39 Iconos Sociales para tu Sitio Web39 Iconos Sociales para tu Sitio Web   Editor de código online Editor de código online   Iconos para Redes SocialesIconos para Redes Sociales   ¿Cuantos usuarios online soporta tu sitio Web?¿Cuantos usuarios online soporta tu sitio Web?  


  • Ideas
  • Archivos
  • Comentarios
  • Populares
ajax alex aguiar cms codigo CSS Curl diseño efecto estilo facebook facil firefox fireworks fix flash gallery google gratis html ie6 i hate photoshop images Javascript jQuery js libreria liz palacios manual menu miguel ortega miguelortega Mootools php plugin problema solucion style Themes para dedalus tutorial Twitter video video tutorial web wordpress zoneartcss
  • Julio 2010
  • Junio 2010
  • Mayo 2010
  • Abril 2010
  • Marzo 2010
  • Febrero 2010
  • Enero 2010
  • Diciembre 2009
  • Noviembre 2009
  • Octubre 2009
  • Septiembre 2009
  • Agosto 2009
  • Julio 2009
  • Junio 2009
  • Navegar por internet gratis desde celular o móvil con telcel  628
    gabo, Andres, Roberto, miguelortega, Roberto, miguelortega [...]
  • Filtrar palabras de un post de formulario con PHP  2
    zonarock, dante
  • Simple Inicio de Sesión con Php y Mysql  3
    audio rodriguez, bk7, argos
  • Tu Granito de Arena!!  3
    miguelortega, edardo, la nena
  • CSS text-shadow  4
    miguelortega, Carlos, Luis, uJuan
  • Navegar por internet gratis desde celular o móvil con telcel {629}
  • Popin - Plugin jQuery para Pop-Ups {27}
  • Crear tu aplicación del facebook {18}
  • Personalizar en menú que sale cuando das clic secundario con JavaScript {16}
  • Beautiful Slide con jQuery {12}


  • Categorías
  • RSS Twitter
    Zoneartcss
    • Buen día a todos !! Espero que sea un excelente viernes :) hace 40 minutos desde TweetDeck
    • ahora zoneartcss.com ya tiene su versión para celulares, :) hace 22 horas desde TweetDeck
    • ZoneArtCss.com Versión Móvil http://goo.gl/fb/7sXzh 11:01:31 PM Julio 28, 2010 desde Google
    • Traductor con jQuery http://goo.gl/fb/oOXwj 10:47:11 PM Julio 28, 2010 desde Google
  • Enlaces
    • Alex Aguiar
    • Bienes Raices en Mérida
    • Blog SexyTec
    • Desarrollo Web
    • Descargas para Celular
    • Frogx3
    • Hosting en Mexico
    • Noticias en Cozumel
    • Playeras y Uniformes
    • SexyTec.net
    • WebAdictos
  • Home
  • 1000 Efectos jQuery
  • 1000 Estilos Css
  • Foro
  • Freelance
  • Herramientas Web
  • Tu Granito de Arena!!
   

Back to Top

© Copyright ZoneArtCSS | Tu lugar: Del Arte CSS. All rights reserved.
Designed by FTL Wordpress Themes brought to you by Smashing Magazine

  • Blogalaxia
  • http://www.wikio.es