Salve a tutti
Vi espongo il mio problema : ho una pagina suddivisa in 4 div, una testa (in cima alla pagina), una coda (in fondo alla pagina) e due colonne verticali. Queste due colonne dovrebbero estendersi in base alla risoluzione dello schermo fino a raggiongere la coda. Il mio codice è questo:


#testa {
position: relative;
width: 100%;
height: 80px;
margin-top: 2%;
border: 2px solid white;
}

#coda {
width: 100%;
height: 50px;
position:absolute;
bottom:0;
border: 2px solid white;
}

#colonnas {
position: relative;
float: left;
width: 220px;
height: 83%;
margin-left: 3%;
border: 2px solid white;
}

#colonnad {
position: relative;
float: right;
width: 160px;
height: 83%;
margin-right: 3%;
border: 2px solid white;
}


Mettendo la lunghezza delle mie colonne in % non dovrebbero restare fisse anche al cambio di risoluzione ? Invece, cambiando risoluzione dello schermo le mie colonne si allungano e vanno a sovrapporti alla coda, dove sbaglio ?
Grazie mille fin da ora^^