Tema: ¿Como hago para extender un dos divs según mis necesidades?
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 01/05/2011, 10:49
alexg88
 
Fecha de Ingreso: abril-2011
Mensajes: 1.342
Antigüedad: 13 años
Puntos: 344
Respuesta: ¿Como hago para extender un dos divs según mis necesidades?
Sería mejor si hubieses puesto el código para ver como lo has echo incluido el documento con las reglas CSS.

Estoy casi seguro que el problema es que has puesto el div de las noticias como flotante ( float:left o float:right) y por eso el div se sale del cuerpo.

Para impedir esto hay varios métodos, pero el mejor es:


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.  
  3. <html>
  4. <head>
  5. <style type="text/css">
  6. #contenedor {
  7.   border:   thick solid #000;
  8.   overflow: hidden;
  9.   height:   1%;
  10.   background: red;
  11. }
  12.  
  13. #izquierda {
  14.   float: left;
  15.   width: 40%;
  16.   height: 500px;
  17.   background: green;
  18. }
  19.  
  20. #derecha {
  21.   float: right;
  22.   width: 40%;
  23.   height: 500px;
  24.   background: yellow;
  25.   }
  26. </style>
  27. </head>
  28. <body>
  29. <div id="contenedor">
  30. <div id="izquierda">
  31. </div>
  32. <div id="derecha">
  33. </div>
  34. </div>
  35. </body>
  36. </html>

El div con id="contenedor" sería tu body, y el div con id="derecha" sería tu div de noticias. Para que el body sepa que contiene elementos dentro tienes que indicarselo mediante overflow:hidden o overflow:auto.

Además en IE 6, no funciona esto, por lo que se utiliza la propiedad height:1% para indicarle eso mismo.