Hola!
Estoy teniendo problemas al acomodar divs, lo que tengo es esto:
No pued hacer que los 2 cuadrados que están dentro del borde azul suban y queden alineados arriba :S.
El código que tengo es este:
CODIGO HTML
Código HTML:
<!--<!-- LINEA 1 -->
<div class="estilo1"></div>
<div class="estilo2"></div>
<div class="estilo2"></div>
<div class="estilo2"></div>
<div class="estilo4"></div>
<!-- LINEA 2 -->
<div class="estilo3"></div>
<div class="estilo2"></div>
<!-- LINEA 3 -->
<div class="estilo5"></div>
CODIGO CSS
Código:
.estilo1
{
width: 474px;
height: 582px;
background: #F15A29;
float: left;
margin: 5px;
}
.estilo2
{
width: 230px;
height: 286px;
background: #F15A29;
float: left;
margin: 5px;
}
.estilo3
{
width: 476px;
height: 286px;
background: #F15A29;
float: left;
margin: 5px;
}
.estilo4
{
width: 226px;
height: 590px;
background: #F15A29;
float: left;
margin: 5px;
}
.estilo5
{
width: 976px;
height: 286px;
background: #F15A29;
float: left;
margin: 5px;
}
Alguna idea de como hacerlo? x_X. En tablas si me sale, pero necesito hacerlo con divs porque los bloques los voy a cargar con contenido de una base de datos y se van a ir acomodando solos dependiendo el estilo que tenga cada campo de mysql.
Saludos,
Daniela.