Saludos amigos, a ver si me podeis ayudar.
Tengo este código:
Código PHP:
<div class="contenedorcentral">
<div class="listado">DEMO</div>
<div class="listado">DEMO</div>
</div>
El codigo siguiente se repite dentro de "contenedorcentral" una cantidad de veces que depende del resultado de la búsqueda.
Código PHP:
<div class="listado">DEMO</div>
Pudiendo quedar así:
Código PHP:
<div class="contenedorcentral">
<div class="listado">DEMO</div>
<div class="listado">DEMO</div>
<div class="listado">DEMO</div>
<div class="listado">DEMO</div>
...
<div class="listado">DEMO</div>
<div class="listado">DEMO</div>
</div>
Y el CSS es este.
Código PHP:
.contenedorcentral {
background-image: url(images/img-contenidocentral.png);
height: auto;
width: 660px;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
}
.listado {
float: left;
height: 155px;
width: 120px;
padding-top: 10px;
padding-right: 50px;
padding-bottom: 10px;
padding-left: 50px;
}
Lo que necesito es que al añadir mas DIV "listado" el DIV "contenedorcentral" se haga mas grande para que así su fondo ocupe todo lo que necesito.
Un ejemplo visual, así esta ahora:
Uploaded with
ImageShack.us
Y así quiero que quede:
Uploaded with
ImageShack.us
Muchas gracias de antemano