oggetti fluottanti

[recensito]

salve sono disperatissima


allora vi allego un'immagine che vi potrà spiegare meglio




a me serve far abbassare quella riga nera.... in modo che comprenda i quaddri fluottanti
l'unico modo per interrompere il fluottamente e far occupare al rettangolo nero lo spazio sotto è usando il clear.. ma se lo uso il modulo sotto scende tanto da poter star sotto anche l'elemento a sinistra che fluotta a sinistra


come posso far scendere la barra nera senza far andare il modulo sotto nella posizione in cui si trova nell'immagine

[blekm]

non ho capito cosa vuoi fare con quella barra nera...

magari allega un altro disegno con la soluzione finale che vuoi ottenere

[ricman]

nonnècchiaro, nonnècchiaro... ... è osshcuro!!

(cit. Zelig)

[ResianTaxidrive]

La barra nera è una specie di sfondo per gli altri riquadri?
Fai un contenitore che comprende tutti i float, per lo sfondo lo sfondo metti il nero, dopo l'ultimo contenitore metti:
<div id="closer"></div>

il cui stile closer è:
#closer {
line-height: 0.1px;
clear: both;
}

vedi un po' se è quello che chiedi.

[recensito]

Nella prima immagine c'è il risultato che vorrei ottenere.
Il primo box rosso che nn fluota deve contenere tutti i piccoli box che invece fluottano
e subito dopo ci deve essere il secondo box rosso
Nella seconda immagine c'è un risultato che potrei ottenre ora usando il clear left o both, che si interrompe il fluotaggio dei piccoli box e mi fa allungare il primo box rosso, ma questo clear left o both che sia fa si che il secondo box rosso riprenda sotto l'altezza della colonna a sinistra che ha un float:left
io vorrei ottenere il primo risultato

[ResianTaxidrive]

Scusa potresti postare tutto il codice che lo provo?

[recensito]

<div id="content">			

<div id="rightnav">	</div>
	


<div id="lhs">
	<div class="left">
		<div class="annunci"></div>
		<div class="moduletable_picwiz"></div>
		<div class="moduletable_Catmagazzino">
			<div class="row0"></div>
			<div class="row1"></div>
			<div class="row0"></div>
		</div>
	</div>
	
	<div class="right">			
		<div class="Catpercorsi">
			<div class="moduletable_Catpercorsi">
				<div class="row0"></div>
				<div class="row1"></div>
				<div class="row0"></div>
			</div>							
			<div class="clear"></div>
			<div class="moduletable_news">
				<ul>
					<li class="row0">
					.....
				[/list]
			</div>
		</div>		
	</div>		
</div>			

</div>

#content{
	color: #000;	
	margin:0;
	text-align:left;
	padding:5px;
}

#rightnav {
  width: 20%;
  float: right;
  margin:0;      
  padding:0;
	/*background:#fff url('../images/bg2.gif') no-repeat left bottom;*/
	height:auto!important;
	height:300px;
	min-height:300px;
}
#lhs {
  margin:0  21% 0 0;      
  padding:0;
  color: #000;
	height:auto!important;
	height:300px;
	min-height:300px;
}



/*LEFT*/
#lhs div.left{
	width:333px;
	float:left;
	margin:0;
	padding:0;
}

/*ANNUNCI*/
#lhs div.left .annunci{
	text-align:left;
	background:#efeee6;
	padding:10px 5px;
	margin-bottom:5px;
}


/*IMMAGINI RANDOM*/
div .moduletable_picwiz	{
	height:220px;
	padding:0;
	margin:0px;	
	border:1px solid #ccc;
	text-align:center;
}


/*MAGAZZINO*/
div .moduletable_Catmagazzino {
	padding:0 0 0 1px;
	margin:10px 0;
}
div .moduletable_Catmagazzino  div{
	padding:0;
	margin:1px 1px 1px 0;
	border :1px solid #ccc;
	float:left;
	width:80px;
	height:auto!important;
	height:100px;
	min-height:100px;
}
div .moduletable_Catmagazzino  div.row0{
	padding:0;	
	float:left;
}
div .moduletable_Catmagazzino  div.row1{
	padding:0;
	float:left;
}

/*RIGHT2*/
#lhs div.right{
	margin-left:333px;
	padding:0;
	border:1
}

/*PERCORSI*/
div .Catpercorsi { 
	padding:0 0 0 1px;
	margin:10px 0;
	padding:10px 4px 10px 0;
	margin:2px 5px;
	background:#BDc4BC url('../images/bg5.gif') repeat-y right bottom;
}
div .moduletable_Catpercorsi {
}

div .moduletable_Catpercorsi div{
	float:left;
	margin:5px 0 5px 5px;		
	padding:0;
	border :1px solid #ccc;
	background:#B23b10;
}

div .moduletable_news ul{list-style:none;list-style-type:none;margin:20px 0 0;padding:0;}
div .moduletable_news  li{list-style:none;list-style-type:none;margin:0;padding:2px 2px 10px;list-style-type:none;line-height:1.2em;height:auto!important:height:70px;min-height:70px;background-color:#efeee6;}
.Catpercorsi div .moduletable_news  li.row0{background-color:#efeee6;border:1px solid #ccc;}
div .moduletable_news  li.row1{background-color:#fff;border:none;border-right:1px solid #ccc;border-left:1px solid #ccc;}
div .moduletable_news  li.row0 span.contentheading{background-color:#efeee6;}
div .moduletable_news  li.row1 span.contentheading{background-color:#fff;}
div .moduletable_news  img{float:left;border:2px solid #ccc;padding:2px;margin:10px 5px 2px 2px;background:#fff;}

ho cercato di prendere solo le cose che potevano essere utili

[ResianTaxidrive]

Oddio, quali sono i box piccoli? mi si vede una cosa strana...a sinistra rispecchia il tuo disegno, a destra vedo un rettangolo grigio scuro con all'interno un rettangolo più chiaro e tre sbarrette...cmq ci sono anche differenze tra FF e IE