Tema: aumentar div del centro de acuerdo a la cantidad de noticias....
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 17/01/2010, 04:18
X_fran
 
Fecha de Ingreso: octubre-2007
Mensajes: 273
Antigüedad: 17 años, 2 meses
Puntos: 5
Respuesta: aumentar div del centro de acuerdo a la cantidad de noticias....
jomaruro, aqui esta mi codigo css, no creo este lo mas optimo posible

.
Código CSS: 
Ver original
  1. wrapper{
  2.     background:white; /*#2E90BD;*/
  3.     border:#2E90BD 1px solid;
  4.     width:970px;
  5.     height:90%;
  6.     min-height:1000px;
  7.     margin-top:2em;
  8.     margin-left:2em;
  9.     border:1px solid #2E90BD;
  10.     font-size:10px;
  11.     -moz-border-radius-topright: 10px;
  12.     -moz-border-radius-topleft: 10px;
  13.     /*
  14.     -moz-border-radius-bottomright: 10px;
  15.     -moz-border-radius-bottomleft: 10px;
  16.     */
  17. }
  18.  
  19. .banner{
  20.     width:100%;
  21.     height:170px;
  22.     -moz-border-radius-topright: 8px;
  23.     -moz-border-radius-topleft: 8px;        
  24.     
  25. }
  26.  
  27. .left_panel{
  28.     position:absolute;
  29.     left:33px;
  30.     top:200px;
  31.     width:200px;
  32.     height:100%;
  33. }
  34.  
  35. .center_panel{
  36.     position:absolute;
  37.     left:238px;
  38.     top:200px;
  39.     width:555px;
  40.     height:100%;
  41. }
  42.  
  43. .right_panel{
  44.     position:absolute;
  45.     top:200px;
  46.     left:796px;
  47.     width:200px;
  48.     height:100%;
  49. }
  50.  
  51. .footer{
  52.     background-color:#2E90BD;
  53.     color:white;
  54.     border:#2E90BD 1px solid;
  55.     font-weight:900;
  56.     text-transform:uppercase;
  57.     text-align:center;
  58.     font-size:10px; 
  59.     font-family:Lucida, Verdana, Sans-serif;
  60.     letter-spacing:1.5px;
  61.     margin-left:2em;
  62.     padding-top:7px;
  63.     width:972px;
  64.     height:20px;
  65.     -moz-border-radius-bottomright: 10px;
  66.     -moz-border-radius-bottomleft: 10px;
  67. }

y este es el html:

Código HTML: 
Ver original
  1. <div class="wrapper">
  2.     <div class="banner"></div>
  3.     <div class="left_panel"></div>
  4.     <div class="center_panel"></div>
  5.     <div class="right_panel"></div>
  6. </div>
  7. <div class="footer"></div>

anteriormente habia incluido el footer dentro el div wrapper y asi solo tenia que darle al wrapper margin:2em auto; y con eso ya lo centraba, pero saque fuera el footer buscandole una solucion al alto variable del div del centro pero no la encontre.

realmente no se como hacer lo del alto variable para el wrapper !!!!