Табличные макеты, как правило, очень плохая идея. Лучший способ сделать веб-страницу привлекательной для разных разрешений - это использовать div со свойством width в процентах. Небольшой пример будет:
CSS:
#main{
width: 70%;
position: absolute;
left: 25%;
top:0px;
}
#left{
position: absolute;
left: 0px;
width:20%
}
img{
width: 100%;
}
1006 *
HTML:
<div id="left">
<p>
This is the left coulmn.<br />
This is the left coulmn.<br />
<img id="picture1" src="pic.png" />
</p>
</div>
<div id="main">
<p>
This is the main div with a lot of text.
This is the main div with a lot of text.
This is the main div with a lot of text.
This is the main div with a lot of text.
This is the main div with a lot of text.
</p>
</div>
[использование float вместо абсолютной позиции также является распространенным решением для архивирования различных столбцов]
Два ответа на ваш вопрос об уменьшении размера шрифта в зависимости от разрешения: Это было бы возможно, используя Javascript (Получить разрешение, динамически изменяя размер изображения). Но это будет злоупотреблять веб-технологиями - так что просто используйте CSS процентные свойства. Если вам нужна помощь в вашем конкретном случае, пожалуйста, опубликуйте код вашей базовой структуры страницы. Также Google для "Разметка столбца CSS 2/3".
РЕДАКТИРОВАТЬ: короткий пример кода + вставить тег img