Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/01/2011, 09:20
alf2303
 
Fecha de Ingreso: enero-2010
Mensajes: 47
Antigüedad: 14 años, 2 meses
Puntos: 0
¿Como estirar div contenedor hacia abajo estando centrado, dependiendo de elementos?

Código CSS:
Ver original
  1. <style>
  2. body {
  3.     background-color: #ffffff;
  4.     margin: 0px auto 0px;
  5.     /*padding: 0px;*/
  6. }
  7. #contenido  {
  8.     width: 1024px;
  9.     height: 727px;
  10.     margin-left: auto;
  11.     margin-right: auto;
  12.     margin-top: 0px;
  13.     margin-bottom: 0px;
  14.     background-color: #930;
  15. }
  16. #base_cabecera{
  17.     width: 1024px;
  18.     height: 152px;
  19.     float: left;
  20.     background-color: #C90;
  21. }
  22. #elemento{
  23.     width: 1000px;
  24.     height: 152px;
  25.     float: left;
  26.     background-color: #FC0;
  27.     border: 2px solid #FFF;
  28.     margin-left: 10px;
  29.     margin-top: 5px;
  30. }
  31. #pie{
  32.     height: 45px;
  33.     width: 1024px;
  34.     margin-left: auto;
  35.     margin-right: auto;
  36.     margin-top: 0px;
  37.     margin-bottom: 0px;
  38.     background-color: #646464;
  39. }
  40. </style>
  41.  
  42. <body>
  43.     <div id="contenido">
  44.       <div id="base_cabecera">
  45.             Cabecera
  46.       </div>
  47.        
  48.         <div id="elemento">Elemento 1</div>
  49.         <div id="elemento">Elemento 2</div>
  50.         <div id="elemento">Elemento 3</div>
  51.        
  52.     </div>
  53.     <div id="pie">
  54.         Pie de pagina
  55.     </div>
  56. </body>

Asi es como lo tengo de momento... todo aparece bien centrado, mientras los elementos no rebacen mi fondo que esta de color cafe, pero ya insertando mas elementos, crecen bien mis elementos, pero mi fondo se mantiene fijo y no se estira junto con mis elementos.