- Home
- Categorie
- Coding e Sistemistica
- Coding
- problema con i floating div
-
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:
<div id="container">
<div class="navig">
...
</div>
<hr />
<div id="corpo">
<div id="sinistra">
<div id="nav">
...
</div>
</div>
<hr />
<div id="info">
...
</div>
<div id="cont">
...
</div>
</div>
</div>
<div class="clear">
<div id="footer">
...
</div>
</div>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
-
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
-
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.
-
non lo puoi mettere dentro?
altrimenti dopo il 3 div metti <br clear="all" />...e il 4 andrà sotto sinistra
-
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.
-
Per quanto possa non piacere al posto di <hr> prova un
<div class="clear"><!-- x --></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;
}
-
mm non sembra faccia al caso mio, questa fa andare la colonna centrale sotto alle altre!