CSS layout a 3 colonne

[Mauro22it]

Salve ragazzi,
Premetto che sono un principiante con i CSS, vorrei realizzare un sito a 3 colonne con un CSS esterno come segue;

body {
width: 100%;
font-family: arial, sans-serif;
font-size: 12px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background: #fff;
color: #666
}

#colonnacentro {
padding: 1px;
margin-top: 0px;
margin-right: 180px;
margin-bottom: 0px;
margin-left: 180px;
color: #666;
background-color: #efe
}
#colonnasx{
float: left;
display: block;
margin-top: 0;
margin-bottom: 0;
border-top: 1px solid #666;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
border-left: 0;
width: 180px;
color: #666;
background-color: #eef
}
#colonnadx {
float: right;
display: block;
margin-top: 0;
margin-bottom: 0;
border-top: 1px solid #666;
border-right: 0;
border-bottom: 1px solid #666;
border-left: 1px solid #666;
width: 180px;
color: #666;
background-color: #eef
}

Il problema che riscontro è che nel momento in cui vado ad inserire del testo nella colonna di centro automaticamente quella di dx mi scende lasciando dello spazio vuoto. Come posso fissare la colonna di dx in alto?

Grazie,
Mauro

[AtomSurfer]

così mi pare funzioni

body {
width: 100%;
font-family: arial, sans-serif;
font-size: 12px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background: #fff;
color: #666
}
#colonnacentro {
padding: 1px;
margin-top: 0px;
margin-bottom: 0px;
color: #666;
background-color: #efe;
float:left;
}
#colonnasx{
float: left;
display: block;
margin-top: 0;
margin-bottom: 0;
border-top: 1px solid #666;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
border-left: 0;
width: 180px;
color: #666;
background-color: #eef
}
#colonnadx {
float: right;
display: block;
margin-top: 0;
margin-bottom: 0;
border-top: 1px solid #666;
border-right: 0;
border-bottom: 1px solid #666;
border-left: 1px solid #666;
width: 180px;
color: #666;
background-color: #eef
}

però la colonna centrale deve avere del contenuto

[Mauro22it]

E' proprio questo il punto.
Se per esempio inserisco una riga di testo nella colonna centrale, la colonna di dx mi scende di una riga mentre io voglio che rimanda allineata in alto.
Come devo fare?
Grazie,
Mauro

[var]

prova leggendo quest'ottimo articolo.

ciao

[AtomSurfer]

Originariamente inviato da Mauro22it
E' proprio questo il punto.
Se per esempio inserisco una riga di testo nella colonna centrale, la colonna di dx mi scende di una riga mentre io voglio che rimanda allineata in alto.
Come devo fare?
Grazie,
Mauro

ma ti succede anche con il css che ti ho postato? :master: