Tema: Divs absolutos y relativos
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 14/03/2011, 12:14
Avatar de Naahuel
Naahuel
 
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 13 años, 1 mes
Puntos: 192
Respuesta: Divs absolutos y relativos
Pues el problema es como dijo kseso?. El posicionado fixed es relativo a la ventana del navegador. Si entiendo bien tu situación, podrías usar este ejemplo:

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3.     <style type="text/css">
  4.         #contenedor{
  5.             height: 300px;
  6.             width: 400px;
  7.             margin: 10px auto;
  8.             background-color: grey;
  9.             position:relative;
  10.         }
  11.         #top{
  12.             position: absolute;
  13.             width:100%;
  14.             top: 0;
  15.             background-color: red;
  16.         }
  17.         #bottom{
  18.             position: absolute;
  19.             width:100%;
  20.             bottom:0;
  21.             background-color: yellow;
  22.         }
  23.     </style>
  24. </head>
  25.  
  26. <body>
  27.  
  28.     <div id="contenedor">
  29.         <div id="top">
  30.             <p>Top</p>
  31.         </div>
  32.         <div id="bottom">
  33.             <p>Bottom</p>
  34.         </div>
  35.     </div>
  36. </body>
  37. </html>

El div #contenedor está con posicionado relativo mientras que sus divs interiores (#top y #bottom) usan posicionado absoluto. Tené en cuenta que el conetendor general tiene dimensiones especificadas. Esto es necesario en este caso porque al posicionar algo en forma absoluta, lo sacas del flujo y ya no se hace cálculo automático del espacio que necesitan.