Ver Mensaje Individual
  #1 (permalink)  
Antiguo 03/08/2009, 13:19
Deiv
 
Fecha de Ingreso: noviembre-2004
Ubicación: La Paz
Mensajes: 100
Antigüedad: 19 años, 5 meses
Puntos: 0
DIV Fijo con Cualquier Resolucion Pantalla

Hola,
De tantas sugerencias que existen en la Web sobre cómo colocar un DIV fijo para IE6, este me pareció el mejor:
Código PHP:
<HEAD>
<
STYLE type=text/css>
#elemento_fijo {
    
POSITIONfixedTOP96&#37;;   /*POSITION: fixed; TOP: 555px;*/
    
border:1px solid #000;  background:#cff; 
}
HTML #elemento_fijo {
    
POSITIONabsolute; ; TOPexpression(document.compatMode=="CSS1Compat"document.documentElement.scrollTop+580+"px" body.scrollTop+580+"px")
}
</
STYLE>
</
HEAD>

<
BODY>
<
DIV id=contenido>
<
P>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</P>
<
P>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</P/*COLOCAR MUCHO TEXTO*/
<P>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</P>
</
DIV>
<
DIV id=elemento_fijo>Fijo
</DIV>
</
BODY
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.

¿Alguien podría indicarme por favor cómo modificar este STYLE en esa línea para que mi DIV fijo siempre se vea en la parte inferior ante cualquier resolución de Pantalla en IE6?
Recurro a vuestras experiencias sobre el Tema.