Tema: El DIVs aumenta su tamano cuando aumenta el volumen de informacion
Ver Mensaje Individual
  #5 (permalink)  
Antiguo 05/09/2012, 07:30
emilkavg
 
Fecha de Ingreso: septiembre-2012
Ubicación: La Habana
Mensajes: 32
Antigüedad: 11 años, 7 meses
Puntos: 1
Pregunta Respuesta: El DIVs aumenta su tamano cuando aumenta el volumen de informacion
Aqui dejo todos los detalles para quevean cual es mi problema.


Código CSS: 
Ver original
  1. body {
  2.     background-color:#eee; 
  3.     font-family:Verdana, Arial, Helvetica, sans-serif;
  4.     font-size:11px;
  5.     color: #000;
  6. }
  7.  
  8. #central {
  9. border: 1px solid #000;
  10. overflow:hidden;
  11. width:780px;
  12. margin:auto;
  13. }
  14.  
  15. #contenido_centro {
  16. border: 1px solid #FF0000;
  17. width:500px;
  18. margin:auto;
  19. margin-top:3px;
  20. margin-bottom:3px;
  21.  
  22. }



DE ESTA FORMA EL DIV ES NORMAL:


Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
  5. <title>Registro</title>
  6. <link href="estilo.css" rel="stylesheet" type="text/css" />
  7. </head>
  8. <div  id="central">
  9.     <div  id="contenido_centro">
  10.     aqui va el contenido del centro de la pagina...
  11.     aqui va el contenido del centro de la pagina...
  12.     aqui va el contenido del centro de la pagina...
  13.     </div>
  14.     <div  id="contenido_centro">
  15.     aqui va el contenido del centro de la pagina...
  16.     aqui va el contenido del centro de la pagina...
  17.     aqui va el contenido del centro de la pagina...
  18.     aqui va el contenido del centro de la pagina...
  19.     aqui va el contenido del centro de la pagina...
  20.     aqui va el contenido del centro de la pagina...
  21.     aqui va el contenido del centro de la pagina...
  22.     aqui va el contenido del centro de la pagina...
  23.     </div>
  24. </div>
  25. <body>
  26. </body>
  27. </html>



DE ESTA FORMA EL DIV AUMENTA SU ANCHO:


Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
  5. <title>Registro</title>
  6. <link href="estilo.css" rel="stylesheet" type="text/css" />
  7. </head>
  8. <div  id="central">
  9.     <div  id="contenido_centro">
  10.     aqui va el contenido del centro de la pagina...
  11.     aqui va el contenido del centro de la pagina...
  12.     aqui va el contenido del centro de la pagina...
  13.     </div>
  14.     <div  id="contenido_centro">
  15.     aqui va el contenido del centro de la pagina...
  16.     aqui va el contenido del centro de la pagina...
  17.     aqui va el contenido del centro de la pagina...
  18.     aqui va el contenido del centro de la pagina...
  19.     aqui va el contenido del centro de la pagina...
  20.     aqui va el contenido del centro de la pagina...
  21.     aqui va el contenido del centro de la pagina...
  22.     aqui va el contenido del centro de la pagina...
  23.     aqui va el contenido del centro de la pagina...
  24.     aqui va el contenido del centro de la pagina...
  25.     aqui va el contenido del centro de la pagina...
  26.     aqui va el contenido del centro de la pagina...
  27.     aqui va el contenido del centro de la pagina...
  28.     aqui va el contenido del centro de la pagina...
  29.     aqui va el contenido del centro de la pagina...
  30.     aqui va el contenido del centro de la pagina...
  31.     aqui va el contenido del centro de la pagina...
  32.     aqui va el contenido del centro de la pagina...
  33.     aqui va el contenido del centro de la pagina...
  34.     aqui va el contenido del centro de la pagina...
  35.     aqui va el contenido del centro de la pagina...
  36.     aqui va el contenido del centro de la pagina...
  37.     aqui va el contenido del centro de la pagina...
  38.     aqui va el contenido del centro de la pagina...
  39.     aqui va el contenido del centro de la pagina...
  40.     aqui va el contenido del centro de la pagina...
  41.     aqui va el contenido del centro de la pagina...
  42.     aqui va el contenido del centro de la pagina...
  43.     aqui va el contenido del centro de la pagina...
  44.     aqui va el contenido del centro de la pagina...
  45.     aqui va el contenido del centro de la pagina...
  46.     aqui va el contenido del centro de la pagina...
  47.     aqui va el contenido del centro de la pagina...
  48.     aqui va el contenido del centro de la pagina...
  49.     aqui va el contenido del centro de la pagina...
  50.     aqui va el contenido del centro de la pagina...
  51.     aqui va el contenido del centro de la pagina...
  52.     aqui va el contenido del centro de la pagina...
  53.     aqui va el contenido del centro de la pagina...
  54.     aqui va el contenido del centro de la pagina...
  55.     aqui va el contenido del centro de la pagina...
  56.     aqui va el contenido del centro de la pagina...
  57.     aqui va el contenido del centro de la pagina...
  58.     aqui va el contenido del centro de la pagina...
  59.     aqui va el contenido del centro de la pagina...
  60.     aqui va el contenido del centro de la pagina...
  61.     aqui va el contenido del centro de la pagina...
  62.     aqui va el contenido del centro de la pagina...
  63.     aqui va el contenido del centro de la pagina...
  64.     aqui va el contenido del centro de la pagina...
  65.     aqui va el contenido del centro de la pagina...
  66.     aqui va el contenido del centro de la pagina...
  67.     aqui va el contenido del centro de la pagina...
  68.     aqui va el contenido del centro de la pagina...
  69.     aqui va el contenido del centro de la pagina...
  70.     aqui va el contenido del centro de la pagina...
  71.     aqui va el contenido del centro de la pagina...
  72.     aqui va el contenido del centro de la pagina...
  73.     aqui va el contenido del centro de la pagina...
  74.     aqui va el contenido del centro de la pagina...
  75.     aqui va el contenido del centro de la pagina...
  76.     aqui va el contenido del centro de la pagina...
  77.     aqui va el contenido del centro de la pagina...
  78.     aqui va el contenido del centro de la pagina...
  79.     aqui va el contenido del centro de la pagina...
  80.     aqui va el contenido del centro de la pagina...
  81.     aqui va el contenido del centro de la pagina...
  82.     aqui va el contenido del centro de la pagina...
  83.     aqui va el contenido del centro de la pagina...
  84.     aqui va el contenido del centro de la pagina...
  85.     aqui va el contenido del centro de la pagina...
  86.     aqui va el contenido del centro de la pagina...
  87.     aqui va el contenido del centro de la pagina...
  88.     aqui va el contenido del centro de la pagina...
  89.     aqui va el contenido del centro de la pagina...
  90.     aqui va el contenido del centro de la pagina...
  91.     aqui va el contenido del centro de la pagina...
  92.     aqui va el contenido del centro de la pagina...
  93.     aqui va el contenido del centro de la pagina...
  94.     aqui va el contenido del centro de la pagina...
  95.     aqui va el contenido del centro de la pagina...
  96.     aqui va el contenido del centro de la pagina...
  97.     aqui va el contenido del centro de la pagina...
  98.     aqui va el contenido del centro de la pagina...
  99.     aqui va el contenido del centro de la pagina...
  100.     aqui va el contenido del centro de la pagina...
  101.     aqui va el contenido del centro de la pagina...
  102.     aqui va el contenido del centro de la pagina...
  103.     aqui va el contenido del centro de la pagina...
  104.     aqui va el contenido del centro de la pagina...
  105.     aqui va el contenido del centro de la pagina...
  106.     aqui va el contenido del centro de la pagina...
  107.     aqui va el contenido del centro de la pagina...
  108.     aqui va el contenido del centro de la pagina...
  109.     aqui va el contenido del centro de la pagina...
  110.     aqui va el contenido del centro de la pagina...
  111.     aqui va el contenido del centro de la pagina...
  112.     aqui va el contenido del centro de la pagina...
  113.     aqui va el contenido del centro de la pagina...
  114.     aqui va el contenido del centro de la pagina...
  115.     aqui va el contenido del centro de la pagina...
  116.     aqui va el contenido del centro de la pagina...
  117.     aqui va el contenido del centro de la pagina...
  118.     aqui va el contenido del centro de la pagina...
  119.     aqui va el contenido del centro de la pagina...
  120.     aqui va el contenido del centro de la pagina...
  121.     aqui va el contenido del centro de la pagina...
  122.     aqui va el contenido del centro de la pagina...
  123.     aqui va el contenido del centro de la pagina...
  124.     aqui va el contenido del centro de la pagina...
  125.     aqui va el contenido del centro de la pagina...
  126.     aqui va el contenido del centro de la pagina...
  127.     aqui va el contenido del centro de la pagina...
  128.     aqui va el contenido del centro de la pagina...
  129.     aqui va el contenido del centro de la pagina...
  130.     aqui va el contenido del centro de la pagina...
  131.     aqui va el contenido del centro de la pagina...
  132.     aqui va el contenido del centro de la pagina...
  133.     aqui va el contenido del centro de la pagina...
  134.     aqui va el contenido del centro de la pagina...
  135.     aqui va el contenido del centro de la pagina...
  136.     aqui va el contenido del centro de la pagina...
  137.     aqui va el contenido del centro de la pagina...
  138.     aqui va el contenido del centro de la pagina...
  139.     aqui va el contenido del centro de la pagina...
  140.     aqui va el contenido del centro de la pagina...
  141.     aqui va el contenido del centro de la pagina...
  142.     aqui va el contenido del centro de la pagina...
  143.     aqui va el contenido del centro de la pagina...
  144.     aqui va el contenido del centro de la pagina...
  145.     aqui va el contenido del centro de la pagina...
  146.     aqui va el contenido del centro de la pagina...
  147.     aqui va el contenido del centro de la pagina...
  148.     aqui va el contenido del centro de la pagina...
  149.     aqui va el contenido del centro de la pagina...
  150.     aqui va el contenido del centro de la pagina...
  151.     aqui va el contenido del centro de la pagina...
  152.     aqui va el contenido del centro de la pagina...
  153.     </div>
  154. </div>
  155. <body>
  156. </body>
  157. </html>


Saludos y gracias...