• Jueves 28 de Marzo de 2024, 21:48

Autor Tema:  DIV Fijo IE6 con Cualquier Resolucion Pantalla  (Leído 2159 veces)

Deiv

  • Miembro activo
  • **
  • Mensajes: 67
  • Nacionalidad: bo
    • Ver Perfil
DIV Fijo IE6 con Cualquier Resolucion Pantalla
« en: Lunes 3 de Agosto de 2009, 21:51 »
0
De tantas sugerencias que existen en la Web sobre cómo colocar un DIV fijo para IE6, este me pareció el mejor:
Código: Text
  1. <HEAD>
  2. <STYLE type=text/css>
  3. #elemento_fijo {
  4.     POSITION: fixed; TOP: 96%;   /*POSITION: fixed; TOP: 555px;*/
  5.     border:1px solid #000;  background:#cff;
  6. }
  7. * HTML #elemento_fijo {
  8.     POSITION: absolute; ; TOP: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+580+"px" : body.scrollTop+580+"px")
  9. }
  10. </STYLE>
  11. </HEAD>
  12.  
  13. <BODY>
  14. <DIV id=contenido>
  15. <P>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</P>
  16. <P>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</P> /*COLOCAR MUCHO TEXTO*/
  17. <P>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</P>
  18. </DIV>
  19. <DIV id=elemento_fijo>Fijo
  20. </DIV>
  21. </BODY>
  22.  
Este <style> funciona muy bien para IE6, el único "problemita" radica aquí:
document.documentElement.scrollTop+580+"px" : body.scrollTop+580+"px"
La posición 580px es solo una Idea. Para una Resolución: 1024x768 el DIV se ve muy bien.
El DIV se va a fijar en un Top de 580px (posición fija) pero cuando se ve en otro tipo de RESOLUCIÓN de Pantalla, el DIV siempre se va a ver en esa posición, y no en la parte inferior como Yo deseo.

1.- Lo que necesito es cambiar el código no con "px", sino que con "%" así como lo hice para IE7 (POSITION: fixed; TOP: 96%;)
Y realmente no sé cómo hacerlo, porque no conozco muy bien las otras instrucciones que pudieren tener el document.documentElement.scrollTop y el body.scrollTop para este efecto, pensaba que quizá existe una instrucción como "+ ScreenHeight" por ejemplo.

2.- El otro problema es que cuando se desactiva los: Botones Standard, Barra de Direcciones, Barra de Estado, es otro problema ya que no se FIJA como debe ser en la parte Inferior el DIV, sino que se descoloca, pensaba quizá con una Instrucción algo así como: Screen.Cliente.Height (es un invento) por ejemplo, y esa es otra pregunta.
Recurro a vuestras experiencias sobre el Tema.
¿Alguien podría indicarme por favor cómo cambiar este script en esa línea para que mi DIV fijo siempre se vea en la parte inferior para cualquier resolución de Pantalla en IE6?