Ver Mensaje Individual
  #11 (permalink)  
Antiguo 26/06/2008, 10:50
Avatar de daPhyre
daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 16 años, 1 mes
Puntos: 142
Respuesta: DIV siempre al centro de la pagina

Pues veo que el compañero ya lo logró. Yo que ya había hecho uno fusionando el código de DragonX con el del link que había puesto Mikel tiempo atrás.

Bueno, por si acaso alguien más lo necesita, aquí dejo como se ve el CSS al final:
Código HTML:
<style type="text/css">
* {margin:0; padding:0;}
html, body {
 width:100%; 
 height:100%; 
 overflow:auto; 
}
#fijo{ 
 position:absolute;
 width:200px;
 height:200px;
 border:#000 solid 1px;
 background:#cff;
 left:50%;
 top:50%;
 margin-left:-100px;
 margin-top:-100px;
} 
html>body #fijo { 
 position:fixed; 
} 
#todo{ 
 position:absolute; 
 top:0; 
 left:0; 
 width:100%; 
 height:100%; 
 overflow:auto; 
} 
html>body #todo{ 
 position:static; 
 top:auto; 
 left:auto; 
 width:auto; 
 height:auto; 
 overflow:visible; 
}
</style> 
El ejemplo lo dejo en esta página: http://mx.geocities.com/daphyreweb/w...div-fixed.html

Edición: He agregado un par de correcciones a cargo de Mikel para futuras referencias, pues al parecer no funciona la forma original con IE6- ...
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...

Última edición por daPhyre; 22/10/2008 a las 10:38 Razón: Codigo mejorado