Foros del Web » Creando para Internet » CSS »

Fondo de div no se extiende

Estas en el tema de Fondo de div no se extiende en el foro de CSS en Foros del Web. Hola de nuevo, Sigo con los problemas en CSS, aqui tengo un DIV que contiene otro 3 DIVs, pero al parecer este primer DIV no ...
  #1 (permalink)  
Antiguo 14/12/2010, 10:27
 
Fecha de Ingreso: agosto-2009
Mensajes: 349
Antigüedad: 8 años, 4 meses
Puntos: 8
Fondo de div no se extiende

Hola de nuevo,

Sigo con los problemas en CSS, aqui tengo un DIV que contiene otro 3 DIVs, pero al parecer este primer DIV no reconoce a los otros como si estuvieran dentro de este ya que el fondo no se extiende.

Código CSS:
Ver original
  1. /* Este es el estilo que usa mi div principal */
  2. #pagina {
  3. background: #5c004e url('imagenes/fondotop.png') repeat-x top left;
  4. width: 957px;
  5. height:100%;
  6. top: 350px;
  7. bottom: 0px;
  8. margin: 0 auto;
  9. padding: 20px 20px 0 20px;
  10. text-align: left;
  11. position: relative;
  12. }
  13.  
  14. /* y estos son los 3 estilos de los divs que van dentro del principal */
  15. .bloqueizquierdo {
  16. width: 197px;
  17. padding-right: 20px;
  18. float: left;
  19. }
  20. .bloquecentral{
  21. width: 523px;
  22. position: absolute;
  23. right:237px;
  24. }
  25. .bloquederecho {
  26. width: 197px;
  27. padding-left: 20px;
  28. float: right;
  29. }

Código HTML:
Ver original
  1. <div id="pagina" align="center">
  2.   <div class="bloqueizquierdo">
  3.   <?php include('bloque_izquierdo.php');?></div><div class="bloquederecho"><?php include('bloque_derecho.php');?></div><div class="bloquecentral"><?php include('bloque_central.php');?></div>
  4.   </div>

Resultado:



Como pueden ver, sólo se muestran 20px del fondo (que vienen a ser los del padding).

Espero que puedan ayudarme, gracias desde ya :)
  #2 (permalink)  
Antiguo 14/12/2010, 11:05
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: Fondo de div no se extiende

agregale a #pagina{overflow:hidden;}

Slds.-
  #3 (permalink)  
Antiguo 14/12/2010, 11:14
 
Fecha de Ingreso: agosto-2009
Mensajes: 349
Antigüedad: 8 años, 4 meses
Puntos: 8
Respuesta: Fondo de div no se extiende

Muchas gracias! :) Funciona muy bien

Etiquetas: fondo
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 09:28.