div se desplaza por debajo del div 'footer'.

principianteZF · #1 (**permalink**) 27/01/2010, 07:16

Hola amigos, les molesto pque estoy teniendo un problema con css.
Tengo una plantilla clásica: cabecera, 3 columnas y footer, todo hecho con divs.
En una de las 3 columnas coloco una foto en la parte de abajo del div, esto hace que sobrepase el heigth asignado a los divs.
El problema es que dicho div en vez de estirarse, la imagen aparece por debajo del div 'footer', yo quisiera que el div se estirara y no que desaparezca debajo del div de abajo.
El heigth de las columnas lo he cambiado a min-height, pero el problema sigue.
Si me pueden dar una mano se los agradezco, no quiero tocar demasiado, porque si bien tengo algún conocimiento de css, no soy ningún experto ;).

Impostor · #2 (**permalink**) 27/01/2010, 09:55

Sin el html, css o un enlace a la web poco podemos hacer.

Saludos¡¡

principianteZF · #3 (**permalink**) 27/01/2010, 15:03

Código PHP:

  <style type="text/css">

* { margin:0; padding:0;}

html, body {height: 100%;}

#content {width: 1003px;

margin: 0 auto;

height: 100%;

background-color:#000000

}

#content #col1, #content #centro, #content #col3{ float: left;

height: 100%;

}

#cabecera{width:1003px; height:110px; float:left; background-color:#adabba}

#abajo_cabecera{width:1003px; height:25px; float:left; background-color:#cccccc}

 
#content #col1 {width: 240px; height:330px;

background-color: #216378;

}

#content #centro {width: 523px;

background-color: #Fa0; height:330px;

}

#content #col3 {width: 240px; height:330px;

background-color: #58d;

}

#pie{width:1003px; height:120px; float:left; background-color:#5f558f}

</style>

El div 'col3' se mete por debajo del div 'pie', o sea la imagen que esta en el div col3 desaparece abajo del pie.
Saludos, espero que ahora esté mas claro.

Impostor · #4 (**permalink**) 28/01/2010, 04:56

¿Y el html? No tienes la web en algún servidor, pon el enlace.

Saludos¡¡

principianteZF · #5 (**permalink**) 29/01/2010, 08:47

Hola aca va todo el codigo, no lo puse al principio porque me pareció que podia ser un problama bastante comun, se trata de una imagen que esta en un div, esta se mete abajo del div footer, cuando lo que quiero es que el div se expanda hacia abajo, saludos.

Código PHP:

  <style type="text/css"> 
* { margin:0; padding:0;} 
html, body {height: 100&#37;;} 
#content {width: 1003px; 
margin: 0 auto; 
height: 100%; 
background-color:#000000 
} 
#content #col1, #content #centro, #content #col3{ float: left; 
height: 100%; 
} 
#cabecera{width:1003px; height:110px; float:left; background-color:#adabba} 
#abajo_cabecera{width:1003px; height:25px; float:left; background-color:#cccccc} 

#content #col1 {width: 240px; height:330px; 
background-color: #216378; 
} 
#content #centro {width: 523px; 
background-color: #Fa0; height:330px; 
} 
#content #col3 {width: 240px; height:330px; 
background-color: #58d; 
} 
#pie{width:1003px; height:120px; float:left; background-color:#5f558f} 
</style>  


<body>
<div id="content">
<div id="cabecera"></div>
<div id="abajo_cabecera">
</div>

<div id="col1">
</div>

<div id="centro">
</div>

<div id="col3">
</div>

<div id="pie">
</div>

</div>
</body>