[css] problemi di layout

[blur]

Originariamente inviato da flanza
sei tu che hai scritto:

<div id="text">

<h3>TESTO</h3>

e quindi poi lo devi indicare con #test{...}

invece se lo vuoi class devi indicarlo con .text{...}

Hai provato a giocare con i margini?

:master:
fatemi capire una cosa...
se io prendo un layout a 3 colonne come quello di constile.org,
solo la parte centrale:

#principale { 
	float:			left; 
	width:			60%; 
	background:	#FFF; 
	color:			#000;
	margin: 		0 0 -1px 0;
}
#principale .box { 
	border-style:	none solid solid solid; 
	border-color:	#000; 
	border-width:	1px; 
	padding:			10px;
}

quel #principale.box non è una classe? se si come presumo perchè nel body html viene richiamato cosi?
<div class="box"> e non ".box" ?

cmq non funziona, mannaggia! ho provato con ".text" e a cambiare il background con un'altro colore per vedere come si comporta, ma niente non esiste proprio.
a questo punto posso utilizzare anzichè una classe un <div id=""> normale per annidare il tutto come da immagine?