Проблема с версткой сайта..

[Sanich]

Доброго времени суток) , Проблема состоит в следующем , есть макет сайта(рисунок 1024х768) , сам сайт состоит из 3 частей(таблиц) , Слева кусок рисунка(меню) в пределах которого тегом <div> планируетса вставить анимированый флеш ролик , правее меню , кусок побольше просто флеш анимация , и снизу 3 часть рисунка которая по длине равна 2 верхним.1 и 2 часть равны по высоте но различны по длине.
Примерно такая схема:
| 1 | 2 |
--| 3 |--
В пределах 3 части тегом <div> будет стоять код из CMS.Каким образом можно сверстать эти 3 куска чтобы они ровно стыковались при любом разрешении экрана(т.е влазили в пределы рабочей области) , и каким образом можно динамически подгонять по размеру все 3 части , смысл в том чтобы рисунок и теги занимали всё рабочую область в любом браузере без полос прокрутки(макет рисованый в фотошопе и можно изменить его пропорции).

[KidsKilla]

Вы хотите чтобы за вас сверстали сайт?
На форуме есть раздел Вакансии.

[Sanich]

Нет!Я просто расписал подробно свою проблему в надежде на то что ктото с подобным сталкивался..Буду очень благодарен за любую информацию или совет по автоматической подгонке изображения по рабочей области броузера , или если такое не возможно то откуда можно узнать точные размеры рабочей области броузера?

[KidsKilla]

<div style="width:30%;float:left;">1</div>
<div style="width:70%;float:right;">2</div>
<div style="width:auto;clear:both;border:1px solid red;">3</div>

[iunewind]

Гм, вопрос слишком общий, вероятно опыта верстки, особенно div'ной нет. Рекомендую обзавестись сначала базовыми знаниями на эту тему.
Я в свое время изучал http://xhtml.ru/ - довольно много на тему цсс верстки. Тока готовься - придецца и правда много изучать.
Хотя можно попробовать воспользовацца советом выше или найти готовый подходящий лайоут в статьях на томже хаштымл.ру

[ruzman]

Сообщение от KidsKilla

<div style="width:30%;float:left;">1</div>
<div style="width:70%;float:right;">2</div>
<div style="width:auto;clear:both;border:1px solid red;">3</div>

<div style="width:30%;float:left;">1</div>
<div style="width:70%;float:right; position:relative;">2</div>
<div style="width:80%;clear:both;border:1px solid red; margin:0 auto;">3</div>[/

[Ostgur]

Сообщение от ruzman

<div style="width:30%;float:left;">1</div>
<div style="width:70%;float:right; position:relative;">2</div>
<div style="width:80%;clear:both;border:1px solid red; margin:0 auto;">3</div>[/

<div style="width:30%;float:left;">1</div>
<div style="width:70%;float:right; position:relative;">2</div>
<div style="width:80%;clear:both;border:1px solid red; margin:0 auto;">3</div>