2段組み

#wrapper{
width:○○px;
}
#container{
position:relative;
width:100%;
}
#cont1{
position:absolute;
top:0;
left:0;
width:△△px;
}
#cont2{
margin-left:△△px;
}

ポイント

#container に「width:100%」の指定を追加していること。これはIE6においてcont1、cont2にmarginやpaddingがあると表示崩れのバグ対策。

注意

#footerを#containerの下に表示させるには、#cont2が#cont1より長いことが前提。cont1のposition:relativeにすれば解決するが、xhtmlの書き方が制限されるので応用性に欠ける。

cont2の幅を可変にする場合

ちなみにcont2の幅を可変にするには#wrapperのwidthを絶対指定から相対指定にすることで実現できる