No no hay un bloque. La 4rta capa coge de referencia la capa más larga (este caso la 3ra), cuando a mi me gustaría que se pusiera lo más arriba posible (debajo de la 1)
El código es este:
Código:
<!-- PDF's -->
<div id="pdf-llistat"> <div align="center"><img src="imgs/pdf/borrar-1.jpg" width="192" height="221" /> </div>
<div id="pdf-llistat-blanc"> <div align="left" class="news-text"> <div align="justify">
El monestir de Sant Pere de Rodes fou una abadia benedictina de l'antic comtat d'Empúries, dins els límits del bisbat de Girona, situada a l'actual terme municipal del Port de la Selva (Alt Empordà).
</div> </div> </div>
<div id="pdf-llistat-degradat"></div>
</div>
Hay 3 divs.
#pdf-llistat: Lleva todos los paddings, me sirve de "contenedor" de la imagen y del texto posterior.
#pdf-llistat-blanc: Es el cuadrado blanco que contiene el texto.
#pdf-llistat-degradat: lleva el degradado de abajo
Todos ellos se repiten tantas veces como documentos hayan, y la idea es que se situaran solos en su posición.
El texto de estos divs:
Cita: #pdf-llistat {
width:192px;
padding-left:28px;
padding-right:20px;
padding-top:15px;
padding-bottom:15px;
float:left;
}
#pdf-llistat-blanc {
width:192px;
padding-top:05px;
padding-bottom:05px;
float:left;
background-color:#FFFFFF;
}
#pdf-llistat-degradat {
width:192px;
float:left;
height:8px;
background-image:url(../imgs/degradat.gif);
float:left;
}
Gracias por la ayuda =)