Ciao.
Devo realizzare in una pagina delle aree affiancate.
Ho pensato di fare uno span di questo tipo:
codice:
.quadrato-regione
{
width: 120px; padding:1 1 1 5 px; background:#E5E5E5; border: #ccc 1px solid;
}
e poi nella pagina fare un loop per mettere 4 quadrati uno a fianco all'altro, e dal quinto a riga nuova.
Ora da una prima prova ho riscontrato il seguente problema:
capita che alcuni quadrati abbiano più righe di altri e in basso sono allineati, ma in alto alcuni svettano rispetto ad altri.
Allora ho provato a fare la seguante modifica:
codice:
.quadrato-regione
{
width: 120px; padding:1 1 1 5 px; background:#E5E5E5; border: #ccc 1px solid;
min-height: 60px; /*misura per browser seri*/
height: auto !important; /*misura per browser seri*/
height: 60px; /*misura per IE, che interpreta height come min-height*/
}
ma così, oltre ad avere magari righe con 4 spazi con una riga di testo ma alti 5-6 righe, ho sempre lo stesso problema quando ho un pezzo con molte righe.
In sostanza io vorrei che:
- per ogni riga i quadrati fossero alti come il quadrato più alto di quella riga
- non ci fossero righe con quadrati alti 5 righe con una sola riga di testo dentro.
Spero di essermi spiegato.
Grazie e :ciao: