Ciao a tutti devo realizzare un sito con questo schema
<div contenitore>
<div header></div>
<div contenent>
<div navigation></div>
<div image></div>
<div text></div>
</div>
<div footer></div>
</div>
il mio problema è che vorrei che la barra navigation sia a sinistra e che gli altri due div siano affincati l'uno all'altro.
image deve stare in alto a destra
text deve stare a di fianco all'immagine
posto il codice che uso:
codice:
div#contenitore{
	width:100%;
	}
div#header{
	margin-left: auto; 
	margin-right: auto;
	}
div#navigation{
	margin-top:2px;
	margin-bottom:2px;
	padding-top:2px;
	padding-left:2px;
	width:auto; 
	height:100%;
	float:left;
	background-color:blue;
	position:relative;
	left:0;
	right:auto;
	border:4px solid yellow;
	}
div#content{
	margin-left:50px;
	margin-right:52px;
	margin-top:2px;
	margin-bottom:2px;
	padding-bottom:4px;
	padding-left:4px;
	padding-top:4px;
	padding-right:4px;
	height:100%;
	background-color:black;
	border:4px solid lime;
	position:relative;
	}
div#text{
	position:relative;
	border:4px solid lime;
	margin-right:2px;
	margin-top:2px;
	margin-bottom:2px;
	padding-top:2px;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:2px;
	}
div#image{
	position:relative;
	margin-right:2px;
	margin-top:2px;
	margin-bottom:2px;
	padding-top:2px;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:2px;
	border-top: 1px dotted white;
	border-left: 1px dotted white;
	border-right: 1px dotted white;
	border-bottom: 1px dotted white;
	border:4px solid lime;
	}
in questo modo xo gli oggetti si dispongono uno sotto l'altro....
dove sbaglio????