posizionare in maniera adiacente content,header e navigation

[spik]

Non riesco a venirne fuori, vorrei che questi 3 Div siano adiacenti tra di loro, in modo da formare una parte compatta tra titolo e menù.

Ho provato a smanettare con i padding e margin, eppure mi rimane questo fastidioso spazio come indicato dalle frecce nella seguente img.



Sapete come venirne fuori ?

Grazie in anticipo e scusate la niubbaggine

[spik]

up, nessuno che sappia niente ?

[Habanero]

La mia automobile si è fermata, sapete dirmi perchè non funziona? Vi mando una foto del motore...

Questo ovviamente è solo uno scherzo, ma la tua domanda ci assomiglia molto.

Se non posti del codice o non dai un link nessuno al mondo potrà aiutarti.

[spik]

ops, credevo ci fosse una sintassi nota per accorpare gli elementi.

posto qui di seguito il css:

html,body {
	margin: 0;
	padding: 0;
	background-image: url(/immagini/ww2_back4.jpg);
	background-repeat: repeat-y;
	background-position: -370px;
}


div#container {
	width: 670px;
	position: relative;
	margin: 0px auto;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
	background-image: url(/immagini/ww2_sfondo2.jpg);
	background-position: -200px;
}
div#header {
    
    font-size: 14px;
	
	
}
div#navigation {
margin: 0;
	padding: 0;
	float: right;
	width: 182px;
	font-family: Georgia, "Times New Roman", Times, serif;
	height: 479px;
	margin-right: 5px;
	border: thin solid #000000;
}
div#content {
	margin: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 450px;
	text-align: justify;
	padding: 5px;
	color: #999999;
}

div#footer {
	margin: 0;
	padding: 0;
	clear:right;
	color: #FFFFFF;
	border-top: thin solid #000000;
	border-bottom: thin solid #000000;
	float: no;
	font-size: 12px;
	font-style: italic;
	background-color: #333333;

[spik]

up