[allineamento] qui c'è qualcosa che non va

[ilquaglia]

http://www.djzell.com/diggei/

posso chiedere come mai i div a lato mi compaiono tutti spostati sotto il primo div delle news?

non capisco perchè...

grazie

a:link {
	color : #999999;
	text-decoration: none;
	}
	
a:visited { 
	color : #999999;
	text-decoration: none;
	}
	
a:hover { 
	color : #FF6600;
	text-decoration: underline;
	}

A:active {text-decoration: none}	
	
/* proprietà pagina */

body {
	background-color: #000000;
	margin: 0px;
	padding: 0px;
    }
	 
/* proprietà div */

#container {
	margin: 0px;
	padding: 0px;
	margin: 0px;
	width: 580px;
	overflow: no;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	}

#contenuto {
	padding: 0px;
	margin: 0px;
	width: 580px;
	overflow: no;
	font-family: Verdana;
	font-size: 11px;
	text-align: justify;
	}

#menu {
	padding: 2px;
	margin: 0px;
	border: 1px dotted #CCCCCC;
	}
	
#box {
	margin: 0px;
	padding: 2px;
	border: 1px dotted #CCCCCC;
	}
	
#corsia {
	padding: 0px;
	margin-left: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 0px;
	float: right;
	width: 197px;
	}	
	
#minibox2 {
	padding: 0px;
	margin: 2px;
	float: left;
	width: 359px;
	border: 1px dotted #CCCCCC;
	}

#miniboxbig {
	padding: 0px;
	margin: 2px;
	float: left;
	width: 576px;
	border: 1px dotted #CCCCCC;
	}
	
#minibox {
	margin: 0px;
	padding: 0px;
	width: 197px;
	border: 1px dotted #CCCCCC;
	background-image: url(immagini/minibox.jpg);
	background-repeat: no-repeat;
	}

[Mich_]

Non si puo` vedere dal solo CSS: occorre mettere il CSS in relazione con il codice HTML.
Nella tua pagina il codice e` un po' complesso, e non e` facile ricavarne la struttura, per cui ti consiglio di postarlo qui (solo le parti interessanti ai fini del problema).

In linea di massima quel problema dipende da un errato innestamento dei blocchi o da un uso non corretto dei float.

[ilquaglia]

allora

questa è la colonna di sinistra, praticamente ho creato un div che fa da "corsia" (si chiama corsia appunto) senza bordi, che faccia stare i "minibox" tutti sul lato destro.

<div id="corsia"><div id="minibox">[img]immagini/live.jpg[/img]

		    [img]immagini/freccia.gif[/img]	<a href="link.htm">Venerd&igrave; 16
		    Dicembre - Milano Sud Woopher Live @ Locate Triulzi </a></div>
			

		  <div id="minibox">
		    <div align="center">[img]immagini/stuff.jpg[/img]


	        [img]immagini/fan/707.jpg[/img][img]immagini/fan/anduril.jpg[/img][img]immagini/fan/buddy.jpg[/img][img]immagini/fan/gangstarr.jpg[/img]
		  </div>
			  

		  <div id="minibox">[img]immagini/sound.jpg[/img]<iframe src="loop.htm" width="197px" 

height="50px" scrolling="no" frameborder="0"></iframe>

            </div>
		  </div>
			[img]immagini/footer.jpg[/img]
		</div>
</div>

questo è il codice html della zona sinistra, che invece di essere inserita in un div che fa da corsia è composta da un div per ogni news

<div id="minibox2">
		    

[img]immagini/news.jpg[/img]

		    </p>
	      </div>
		  <div id="minibox2">
		    

[img]immagini/2512.jpg[/img]

		      [img]immagini/freccia.gif[/img]E ma qua vi va
		  proprio di lusso...veste grafica rinnovata
		  per djzelldotcom &quot;the scratch nerd's revenge!,
          

-Zell </p>
		</div>

<div id="minibox2">[img]immagini/3006.jpg[/img]

		      
		        zona Lampugnano, ore 10.00 </p>
		      

-zell </p>
		</div>

[ilquaglia]

risolto con un'altra corsia sul lato sinistro.

risultato finale su www.djzell.com

[Mich_]

Ci sono degli errori di HTML.

Gli id non possono essere ripetuti; qualche browser potrebbe non intrpretare completamente gli oggetti in cui gli id si ripetono. Per ripetere uno stile devi usare le classi.

Comunque hai ragione: se ci sono due "regioni" che devono stare una a dx ed una a sin, devi usare due contenitori (quelli che hai chiamato "corsie"), che vanno posizionati tramite il float.