template due colonne

[chia88]

Ciao a tutti,
sto provando a capire meglio il codice per creare un template due colonne.
Nel mio css ho scritto questo codice

Codice: [Seleziona]

.cols-1{
    display:block;
    float:none !important;
    margin:0 !important
}
.cols-2 .column-1{
    width: 46%;
    flat: left;
    background: #66C;
    padding: 2%;
}
.cols-2 .column-2{
    width: 46%;
    float: right;
    margin: 0;
    background: #09C;
    padding-right: 2%;
    padding-left: 2%;
}
e il risultato è che ci sono sì due colonne ma la colonna di destra è sfalsata rispetto a quella di sinistra.
Ho porvato mettendo anche questo tipo di codice (che mi era stato dato in un post)

Codice: [Seleziona]

.cols-3 .column-3
{
    float: right;
    width: 25%;
    padding: 0px
}
.column-1,
.column-2,
.column-3
{
    padding-top: 1%;
    padding-right: 5%;
    padding-bottom: 1%;
    padding-left: 5%;
}

.column-2
{
width:40%;
margin-left:40%;
}

.column-3
{
width:30%
}
è possibile vedere il risltato su questo sito http://tagweb.altervista.org/
ma la cosa non cambia, sapreste aiutarmi?
Mi date anche un chiarimento (se è possibile) su cosa indica "cols" nel css?
Grazie, C.