layout due colonne fisse centrato

[holden_1972]

Voglio impaginare il mio sito senza tabelle ma ho difficoltà a posizionare le colonne.
Io ho bisogno di due colonne fisse, una con i contenuti all'80% e una destra con il menù di navigazione.
Il layout deve essere centrato.
Questo è il codice css per le due colonne e il contenitore grande:

.layout {
width: 760px;
border: none;
text-align: left;
margin: 0px auto;
}

.col_destra {

font-family: arial, verdana;
background: white;
text-align: left;
padding:5px;
font-size:12px;
color: #6A97C4;
border: 1px solid #000063;
width: 20%;
margin-left: auto;
margin-top: 5%;


}

.col_centro{

font-size:1em;
font-family: arial, verdana;
padding: 15px;
text-align: justify;
background-color:#FFFFFF;
width: 75%;

}




Il problema è che la colonna destra è spostata in basso. L'effetto che voglio ottenere è questo qui (mio sito con tabelle): http://www.nicolapasa.it


Grazie,

Nicola

[ricman]

Originariamente inviato da holden_1972
Voglio impaginare il mio sito senza tabelle ma ho difficoltà a posizionare le colonne.
Io ho bisogno di due colonne fisse, una con i contenuti all'80% e una destra con il menù di navigazione.

Bisogna che tu usi "float:left" e "float:right" nelle tue due colonne.

Altri spunti su come affiancare due colonne li trovi cercando su questo forum, cercando nei tutorial di html.it, nel sito constile.org e mille altri forniti da google.

Ciao

[holden_1972]

Ho cercato la soluzione nei vari articoli ma non ho trovato quello che cerco, posto il codice xhtml:

<div id=layout>
<div id=col_centro>
</div>
<div id=col_destra>
</div>
</div>

E il codice css:

#layout {
width: 760px;
border: none;
text-align: left;
margin: auto;
}

#col_destra {

font-family: arial, verdana;
background: white;
text-align: left;
padding:5px;
font-size:12px;
color: #6A97C4;
border: 1px solid #000063;
width: 200px;
float:right;


}

La colonna destra va a destra ma in fondo dopo la fine della colonna centrale.
Sto impazzendo
Dove sbaglio?


Nicola

[ricman]

Originariamente inviato da holden_1972
La colonna destra va a destra ma in fondo dopo la fine della colonna centrale.

Scusa... da quello che scrivi sembra che vada tutto bene.
Se la col Dx sta in fondo a dx... sei a posto.
Spiega meglio cosa non ti torna...