Tengo un problemilla que no se resolver:
Imaginar una capa con el atributo height:auto que tiene una imagen de fondo que se repite por el eje Y.
Dentro de la capa hay varios div en teoría debería haber 3 div por linea es decir:
| Div 1 | Div 2 | Div 3 |
| Div 4 | Div 5 | Div 5 |
....
Todo esto funciona de maravilla cuando pongo float:lef en las propiedades de esos div's cuya clase es esta:
Código:
.item{
width:173px;
height:220px;
padding-bottom:5px;
float:left;
}
#cuerpo-productos{
background: url('Imagenes/cuerpoproductos.gif') repeat-y;
min-height:256px;
height:auto;
text-align: left;
margin-top: -5px !important;
margin-top: -60px;
padding-top: 1px;
}
Y al usar float:left el height:auto como que no va... porqu saco esos div del flujo.
Existe alguna forma para tener div's en una misma línea?
En caso de no ser posible que tengo que recurrir a una tabla?
PD: Se que podría por ejemplo agrupar cada tres "div item" en un "div linea" y así todo marcharía bien pero me suena a cutre cutre
Gracias!!
