Tema: Div no se despliegan del todo - Problema con Desbordamiento Overflow
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 14/06/2010, 18:37
Avatar de loncho_rojas
loncho_rojas
Colaborador
  
Fecha de Ingreso: octubre-2008
Ubicación: En el mejor lugar del mundo
Mensajes: 2.704
Antigüedad: 16 años, 1 mes
Puntos: 175
Respuesta: Div no se despliegan del todo - Problema con Desbordamiento Overflow
Ok.. no uso ningun tipo de posiciones.. es lo mas plano posible.. logre el desbordamiento del Contenedor, extrañamente usando OVERFLOW:AUTO;

lo que no logro es que el div contenidos se despliegue segun el contenido.. esta es la estructura HTML basica

Código HTML: 
Ver original
  1. <body>
  2. <div id="container">
  3.  
  4.  
  5.     <div id="headTitle">
  6.         Titulo
  7.     </div>
  8.         
  9.     <div id="menuHeader">
  10.             <a href="#">Link</a>
  11.             <a href="#">Link</a>
  12.             <a href="#">Link</a>
  13.             <a href="#">Link</a>
  14.     </div>
  15.         
  16.         
  17.         <div id="logo">
  18.              <a href="index.php">
  19.              <img src="imagen.jpg" alt="logo ht center" width="347" height="114" title="Descripcion" />          </a>    
  20.     </div>
  21.             
  22.     <div id="presentacion">
  23.           <h1>Title<br />
  24.           Title<br />
  25.            </h1>
  26.     </div>
  27.     
  28.     
  29.     <!--Este es el Div que no se desborda o amplia -->
  30.         <div id="contenidos">
  31.                 <div id="banner"><img src="banner.jpg" /></div>
  32.                 
  33.                 <div id="noticias">
  34.                     <img src="images/title-noticias.gif" alt="Noticias y Novedades" width="220" height="29" />
  35.                     
  36.                     <div class="newsIndex">
  37.                         
  38.                             <h2>Curso de JAVA <br />
  39.                             Inscripciones Abiertas
  40.                             </h2>
  41.                             <a href="#">Deseo enterarme</a>
  42.                             <img src="images/linea-noticias.gif" alt="linea" />
  43.                     </div>
  44. </div>

en cuanto al CSS esto son las declaraciones que se van dentro del Div Contenido

Código CSS: 
Ver original
  1. #contenidos{
  2.     width: 980px;
  3.     height:auto;
  4.     overflow:auto;
  5.     clear:both;
  6. }
  7.  
  8. #banner{
  9. width:641px;
  10. height:400px;
  11. float:left;
  12. margin-top:35px;
  13. margin-right:25px;
  14. }
  15.  
  16. #noticias{
  17. width:301px;
  18. float:left;
  19. padding-top:35px;
  20. padding-left:6px;
  21. }
  22.  
  23.  
  24.  
  25. .newsIndex{
  26. width:300px;
  27. margin-bottom:5px;
  28. clear:both;
  29. }

Thanks..
__________________
Ayudo con lo que puedo en el foro, y solo en el foro.. NO MENSAJES PRIVADOS.. NO EMAILS NI SKYPE u OTROS.

Antes de hacer un TOPICO piensa si puedes hallarlo en Google o en el Buscador del Foro...