Foros del Web » Creando para Internet » CSS »

Y para cenar, un DIV fijo en la esquina inferior derecha... que no funciona en IE ¬¬

Estas en el tema de Y para cenar, un DIV fijo en la esquina inferior derecha... que no funciona en IE ¬¬ en el foro de CSS en Foros del Web. He hecho el siguiente código, De entrada "divFijo" aparece en la parte inferior. Pero al hacer scroll en IE no se mantiene en ese lugar. ...
  #1 (permalink)  
Antiguo 01/02/2007, 09:27
 
Fecha de Ingreso: abril-2002
Mensajes: 1.014
Antigüedad: 22 años
Puntos: 8
Y para cenar, un DIV fijo en la esquina inferior derecha... que no funciona en IE ¬¬

He hecho el siguiente código, De entrada "divFijo" aparece en la parte inferior. Pero al hacer scroll en IE no se mantiene en ese lugar. Supongo que habrá algún hack para conseguirlo ?

Código:
<html>
    <body style="margin:0;">

        <div>

            <!-- ARRIBA -->
            <div id="arriba" style="background-color:red;">
                ARRIBA<br/>ARRIBA<br/>ARRIBA<br/>ARRIBA<br/>
            </div>
            

            <!-- CENTRO -->
            <div id="centro" style="background-color:yellow;">
                CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/>
                CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/>
                CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/>
                CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/>
                CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/>
                CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/>
                CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/>
                CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/> CENTRO<br/>
            </div>
            

            <!-- FIJO -->

            <div id="divFfijo" style="position:fixed;bottom:0;auto;width:100%;z-index:99;background-color:blue;">
                *******FIJO******
            </div>

        </div>

    </body>
    
</html>
Gracias
  #2 (permalink)  
Antiguo 02/02/2007, 03:08
 
Fecha de Ingreso: abril-2002
Mensajes: 1.014
Antigüedad: 22 años
Puntos: 8
Re: Y para cenar, un DIV fijo en la esquina inferior derecha... que no funciona en IE

Genial... nunca había visto meter un código javasScript en un CSS... como sino... de la mano de Microsoft... siempre pensando en los programadores.

Este código visualiza la barra permanentemente debajo, en FF, pero en IE se mueve con el scroll

Código:
<html>
	

	<body style="margin:0;height:100%;">
	
		<!-- ARRIBA -->
		<div id="divArriba" style="background-color:yellow;
															 overflow:hidden;
															 height:90px;	
															 /*width:1680px;*/
															">
			ARRIBA<br/>ARRIBA<br/>ARRIBA<br/>ARRIBAf<br/>
		</div>		
		
		
		<!-- CUERPO -->
		<div id="divCuerpo" style="background-color:cyan;
															 border-width:3px;
															 border-style:solid;
															 border-color:yellow;
															 padding-bottom:45px;
															 /*width:1680px;*/
															">
			aaaaaa aaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaa<br/>
			aaaaaa aaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaa<br/>
			aaaaaa aaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaa<br/>
			aaaaaa aaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaa<br/>
			aaaaaa aaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaa<br/>
			aaaaaa aaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaa<br/>
			aaaaaa aaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaa<br/>
			aaaaaa aaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaa<br/>
			aaaaaa aaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaa<br/>
			aaaaaa aaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaa<br/>
			aaaaaa aaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaa<br/>
			aaaaaa aaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaa<br/>
			aaaaaa aaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaa<br/>
			aaaaaa aaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaa<br/>
			aaaaaa aaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaa<br/>
			aaaaaa aaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaa<br/>
			aaaaaa aaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaa<br/>
			aaaaaa aaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaa<br/>
			aaaaaa aaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaa<br/>
			aaaaaa aaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaa<br/>
			**************************************************************** ********** ***************** ****************** ********************* ******************* ************* ********************* ******************* ****************************** ************f<br/>
		</div>
		
		
	
		
		<!-- FIJO -->
		<div id="divFijo" style="z-index:99;
                                 background-color:blue;
                                 /*
                                 border-style:solid;
                                 border-width:4px;
                                 border-color:green;
                                 */
                                 /*
                                 left:0;
                                 right:0;
                                 */
                                 height:50px;
                                 /*overflow:auto;*/                                 
                                 position:fixed;
                                 bottom:0;                                                   
                                _position:absolute;
                                /*_top:expression( (document.body.clientHeight - document.body.scrollTop) );*/
                                _top:expression( document.body.offsetHeight - 50 );
                                 
		                	">
			<table border=1 >
				<tr>
					<td>UNO:</td>
					<td><input type="text" style="width:400px"/></td>
					<td>DOS:</td>
					<td><input type="text" style="width:400px"/></td>
					<td>TRES:</td>
					<td><input type="text" style="width:400px"/></td>					
				</tr>
			</table>
		</div>		


	</body>
	
	
</html>
  #3 (permalink)  
Antiguo 03/02/2007, 15:32
 
Fecha de Ingreso: abril-2002
Mensajes: 1.014
Antigüedad: 22 años
Puntos: 8
Re: Y para cenar, un DIV fijo en la esquina inferior derecha... que no funciona en IE

Por si a alguien le viene bien he dado con solución:

http://www.forosdelweb.com/showthrea...86#post1879486

Salu2
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:16.