Foros del Web » Creando para Internet » CSS »

Div no se despliegan del todo - Problema con Desbordamiento Overflow

Estas en el tema de Div no se despliegan del todo - Problema con Desbordamiento Overflow en el foro de CSS en Foros del Web. Hola, como estan, lo hago conciso y preciso. Tengo un Div Contenedor que no se desborda segun el contenido, es decir, no se despliga del ...
  #1 (permalink)  
Antiguo 14/06/2010, 18:48
Avatar de loncho_rojas
Colaborador
 
Fecha de Ingreso: octubre-2008
Ubicación: En el mejor lugar del mundo
Mensajes: 2.704
Antigüedad: 9 años, 1 mes
Puntos: 175
Div no se despliegan del todo - Problema con Desbordamiento Overflow

Hola, como estan, lo hago conciso y preciso.

Tengo un Div Contenedor que no se desborda segun el contenido, es decir, no se despliga del todo según la altura de los contenidos de manera automática.

Este es el CSS que empleo (por lo general no suelo tener problemas con esto)

Código CSS:
Ver original
  1. #container{
  2. width:982px;
  3. height:auto;
  4. overflow:visible;
  5. margin:0 auto;
  6. }


como se vera en la imagen, es muy importante que se desborde, debido a que tampoco otro div llamado Contenidos sse desborda y requiere un desbordamiento (valga la redundancia), para fijar margenes entre las capas.. este es el div de Contenidos
Código CSS:
Ver original
  1. #contenidos{
  2. width:980px;
  3. height:auto;
  4. overflow:visible;
  5. /*el clear lo uso para limpiar unos float que tengo arriba*/
  6. clear:both;
  7. }

Si alguno sabe las posibles causas del no desbordamiento de los DIV les estaria muy agradecido (No se trata de adivinar, es por si ya tienen experiencia en algo similar)

Aca la vista para ilustrar, lo azul es el contenedor, como se ve, no toma todo el contenido, o no se despliega segun el alto total de la pagina, solo en los primeros div



Ante cualquier duda o sugerencia, estare por aqui..

Gracias de antemano
__________________
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...
  #2 (permalink)  
Antiguo 14/06/2010, 19:20
Avatar de loncho_rojas
Colaborador
 
Fecha de Ingreso: octubre-2008
Ubicación: En el mejor lugar del mundo
Mensajes: 2.704
Antigüedad: 9 años, 1 mes
Puntos: 175
Respuesta: Div no se despliegan del todo - Problema con Desbordamiento Overflow

por favor, alguien que tenga una vaga idea de porque no se desborda...
__________________
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...
  #3 (permalink)  
Antiguo 14/06/2010, 19:23
Avatar de masterojitos  
Fecha de Ingreso: julio-2008
Ubicación: Lima Callao Chucuito
Mensajes: 1.931
Antigüedad: 9 años, 4 meses
Puntos: 105
Respuesta: Div no se despliegan del todo - Problema con Desbordamiento Overflow

muestra tu html para ver como lo estas poniendo y algun otro css si lo estas usando.

quizas tengas problemas si estas usando posiciones absolutas.... si todas son relativas... depende de como has estructurado tu html...

Suerte
__________________
Atte. MasterOjitos :ojotes:
Todo sobre Programación Web
Las ultimas tendencias en Efectos y Recursos Web: MasterOjitos Blog
  #4 (permalink)  
Antiguo 14/06/2010, 19:37
Avatar de loncho_rojas
Colaborador
 
Fecha de Ingreso: octubre-2008
Ubicación: En el mejor lugar del mundo
Mensajes: 2.704
Antigüedad: 9 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. <div id="container">
  2.  
  3.  
  4.     <div id="headTitle">
  5.         Titulo
  6.     </div>
  7.        
  8.     <div id="menuHeader">
  9.             <a href="#">Link</a>
  10.             <a href="#">Link</a>
  11.             <a href="#">Link</a>
  12.             <a href="#">Link</a>
  13.     </div>
  14.        
  15.        
  16.         <div id="logo">
  17.              <a href="index.php">
  18.              <img src="imagen.jpg" alt="logo ht center" width="347" height="114" title="Descripcion" />          </a>    
  19.     </div>
  20.            
  21.     <div id="presentacion">
  22.           <h1>Title<br />
  23.           Title<br />
  24.            </h1>
  25.     </div>
  26.    
  27.    
  28.     <!--Este es el Div que no se desborda o amplia -->
  29.         <div id="contenidos">
  30.                 <div id="banner"><img src="banner.jpg" /></div>
  31.                
  32.                 <div id="noticias">
  33.                     <img src="images/title-noticias.gif" alt="Noticias y Novedades" width="220" height="29" />
  34.                    
  35.                     <div class="newsIndex">
  36.                        
  37.                             <h2>Curso de JAVA <br />
  38.                             Inscripciones Abiertas
  39.                             </h2>
  40.                             <a href="#">Deseo enterarme</a>
  41.                             <img src="images/linea-noticias.gif" alt="linea" />
  42.                     </div>
  43. </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...
  #5 (permalink)  
Antiguo 14/06/2010, 23:55
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 9 meses
Puntos: 997
Respuesta: Div no se despliegan del todo - Problema con Desbordamiento Overflow

el div que no te toma es #contenidos.. si miras, verás que ese div tiene dentro 2 divs que están flotando. (banners y noticia) Debes limpiarlos.
Una manera elegante de hacerlo es asignarle overflow:hidden a #contenidos

PD: tienes css innecesario, como los height auto o los overflow visible
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -

Etiquetas: overflow, todo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:07.