CSSでのfloat解除ができないので質問です。HTML初心者です。２カラムのレイアウトを作りたくて左カラムをfloat:left 指定しました。2カラムをDivで囲った下にフッターのDivを作りたいのですが、clear:both指定すると、ページの最下部にフッターが離れてしまいます。clear:bothを削除すると2カラムの直下に来るのですがfloat:leftが効いているようで左寄せになってしまいます。どうすればfloatを解除してなおかつ2カラム直下にフッターを配置できるでしょうか。ちなみにMac,ブラウザはchromeで確認しています。

ざっくり構成を書きますと以下のようになっています。

<div id="conteiner">
<div class="wrapper">
<header id="headr">
　　　省略
</div>

<div id="main"> <!-- 大枠 -->
<div class="main-column"> <!-- 左カラム float:left -->
　　　　　　省略
</div> <!-- 左カラム end -->

<aside class="sub-column"> <!-- 右カラム -->
<div id="sub-column">
　　　　　　　省略
</div>
</aside> <!-- 右カラムend -->
</div> <!-- 大枠end -->
</div> <!-- wrapper end -->
<div id="coppyright">hogehoge All Right received</div> <!-- footer -->
</div> <!-- conteiner end -->