Tema: Problema CSS redimensionar pagina
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 16/11/2012, 10:14
jetemias
 
Fecha de Ingreso: marzo-2012
Mensajes: 47
Antigüedad: 12 años, 1 mes
Puntos: 0
Pregunta Problema CSS redimensionar pagina
Hola a todos:

Antes de nada decir que ya he buscado por las FAQs CSS y no he encontrada nada al igual que por la Web.

Estoy en construcción de mi primera Web programando el CSS yo solo, antes utilizaba plantillas ya creadas.

Mi problema es que al incluir texto o cualquier otra contenido en un div (el div es contenido), este no se agranda, es decir, cuando el texto (contenido) sobrepasa el div dicho div mantiene su height y el texto sigue fuera.

¿Cómo podría solucionarlo?

Código HTML: 
Ver original
  1. <body>
  2.     <div id="page">
  3.         <div id="cabecera"></div>
  4.         <div id="contenedor">
  5.             <div id="contenido">
  6.                 Si meto mucho contenido aqu&iacute; el div no se me agranda
  7.             </div>
  8.             <div id="colgadoDerecha"></div>
  9.         </div>      
  10.         <div id="footer"></div>
  11.     </div>
  12. </body>

Código CSS: 
Ver original
  1. #page {
  2.     position: absolute;
  3.     height: 90%;
  4.     width:  60%;
  5.     
  6.     top:     5%;
  7.     left:   20%;
  8.     right:  20%;
  9.     bottom:  5%;
  10. }
  11.  
  12. #cabecera {
  13.     position: absolute;
  14.     height:  25%;
  15.     width:  100%;
  16.     
  17.     top:     0%;
  18.     left:    0%;
  19.     right:   0%;  
  20. }
  21.  
  22. #contenedor {
  23.     position: absolute;
  24.     height:  65%;
  25.     width:  100%;
  26.     
  27.     top:     25%;
  28.     bottom:  10%;
  29.     left:    0%;
  30.     right:   0%;
  31. }
  32.  
  33. #contenido {
  34.     position: absolute;
  35.     height:  100%;
  36.     width:    80%;
  37.     
  38.     top:     0%;
  39.     bottom:  0%;
  40.     left:    0%;
  41.     right:   0%;
  42. }
  43.  
  44. #colgadoDerecha {
  45.     position: absolute;
  46.     height:  100%;
  47.     width:    20%;
  48.     
  49.     top:       0%;
  50.     bottom:   0%;
  51.     left:     80%;
  52.     right:    20%;
  53. }
  54.  
  55. #footer {
  56.     position: absolute;
  57.     height:  10%;
  58.     width:  100%;
  59.     
  60.     bottom:  0%;
  61.     left:    0%;
  62.     right:   0%;
  63.     
  64.     background-color: green;  
  65. }