Ciao, vi scrivo qui perchè mi sto scervellando per risolvere questo problema ( le sto provando praticamente tutte! )

Il problema è che il foot della pagina non è giù come dovrebbe essere, ma continua a stare dopo l'ultimo elemento, come nell'immagine.

Il codice è pressappoco questo:
codice:
[...css...]
#column1 {
  float: left;
  width: 50%;
  min-height: 100%;
  height: auto;
 }

#column2 {
 float: left; width: 49%;
 min-height: 100%;
 height: auto;
}
 
[...html...]
<div style="width: 100%;">
 <div id="column1">1</div>
 <div id="column2">2<div>
</div>
<div id="foot">foot</div>
[...]
O almeno...è il sunto
Grazie per l'attenzione, buona serata