problema con i floating div

cali1981

problema con i floating div

ciao a tutti,

ho un problema con dei div floating. Ho un layout con div floating a 3 colonne, ora vorrei mettere sotto la colonna di sinistra un altro div. La colonna ha altezza fissa, è float left. Ora se io metto sottoun atro div sempre float left, questo mi va nella colonna centrale.

La struttura è del tipo:

il div che voglio aggiungere è info, che ha questo codice:

#info {
float:left;
width:158px;
background: transparent url(...) left top no-repeat;
height: 160px;
text-align: center;
margin-top: 20px;
}

#sinistra {
float:left;
width:159px;
background: transparent url(...) left top no-repeat;
height: 564px;
}

Avete idea su come fare per metterlo sotto?

Grazie

misterwo

non ho capito...se tu hai 3 colonne, il 4 div lo metti dopo la terza...e se non vuoi che flotti gli dai clera=both.

No? forse mi son perso un passaggio...oppure se vuoi che anche il 4 div flotti ma non vuoi che flotti con il 3, dopo il 3 metti <br clear="all" />...

mi sono perso ancora...dimmi se ho capito o se hai bisogno di una mano...
scusa ma oggi sono OUT

cali1981

Allora, io ho tre colone. Nella colonna di sinistra ho un div (con id = sinistra ). Io ne vorrei mettere uno sotto a questo, che vada nella stessa colonna di sinistra.

misterwo

non lo puoi mettere dentro?
altrimenti dopo il 3 div metti <br clear="all" />...e il 4 andrà sotto sinistra

cali1981

si va sotto a sinistra ma se quello centrale è più lungo questo gli va sotto, invece a me serve che va proprio appena sotto quello.

mister.jinx

Per quanto possa non piacere al posto di <hr> prova un
<div class="clear"></div>
.clear {
clear:both;
border: none !important;
margin: 0 -1px -1px 0 !important;
padding: 0 !important;
font-size: 1px;
line-height: 0;
height: 1px !important;
width: 1px !important;
}

cali1981

mm non sembra faccia al caso mio, questa fa andare la colonna centrale sotto alle altre!