Ciao

chi mi da un occhiata a questo layout che vorrei:

liquido sull'80% dello schermo con dimensioni minime 800 e massime 1200 pixel

con una colonna a sinistra di dimensioni fisse di 180px


in pratica l'errore è che il testo del contenuto mi si posiziona anche sotto la colonna a sinistra, cosa che non vorrei accadesse:
html,body{
margin: 0;
padding: 0;
}
body{
background-image:url(/add/sfondo-pagina.gif);
background-position: center top;
text-align: center;
}

div#container{
width:80%;
min-width: 800px;
max-width:1200px;
background-color:#F9F8DD;
min-height:600px;
border-right:solid 1px #C5C3A4;
border-left:solid 1px #C5C3A4;
text-align:center;
}


div#header{
background-image:url(/add/intestazione_it.jpg);
height:79px;
padding:15px;
}

div#nav{
float: left;
width:180px;\width:190px;w\idth:180px;
margin:15px;
}


.contenuti{
float:right;
margin-left:180px;
padding:15px;
}




<div align="center">
<div id="container">
<div id="header">
<h1>il logo qui</h1>
Salta direttamente ai contenuti
</div>
<div id="nav">


testo navigazione</p>
</div>
<div id="contenuti">
<h2>Principale</h2>
testo .. lungo contenutip>
</div>
<div id="footer">


© 1997-2004 - Grafica, layout e guide sono di esclusiva proprietà di HTML.it s.r.l.

Note e informazioni legali</p>
</div>
</div>
</div>