CSS에 아래와 같이 쓰세요.

#footer{clear:both}

#bd{float:left;width:1060px;}

1060px은 알아서 고치시면 됩니다. ^^

css부분을 많이 공부하셔야 할것 같고요.

임시 처방으로 보자면, {$content} 앞뒤로 div를 하나 만드셔야 될것 같습니다.

<div style="margin:0 auto; width:100%; min-width:980px; min-height:100%; _height:100%;">

{$content}

</div>

이런 형식이면 어떨까요?

여기에서 중요한 부분은 margin:0 auto; 이 부분인데 div를 중앙정렬하는 방법이구요.

width:100%; min-width:980px; 부분만 적당하게 수정해서 쓰시면 될겁니다.