[CSS]#div1{width:200px;
float:left;}
[/CSS]

2й блок займет доступную ему ширину, могут возникнуть проблемы если блоки будут разной длины

Дивы самодостаточны, с ними можно творить, что угодно без таблиц.
Для Вашего случая :
[CSS]#div1{
width:200px;
height: 200px;
float:left;
border: solid 2px #0000ff;
}
#div2{
width:auto;
height: 200px;
margin-left: 210px;
border: solid 2px #0000ff;
}
[/CSS]

Например так http://jsfiddle.net/9xNMR/

Спасибо большое.
Еще похожий вопрос, а по высоте вот это сложнее сделать я так понимаю. Т.е. чтобы допустим нижний блок был с фиксированной высотой а верхний растягивался на всю доступную высоту браузера? И чтобы вместе они занимали 100% высоты.

Футер что ли делаешь?

Это уже скриптом.

Нижнему диву высота задана - 200px, а верхнему задана высота как разница между высотой окна и нижним дивом, ещё минус 30px - это зазор, чтобы отступить от краёв и между дивами зазор компенсировать. исходники

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.