![]() |
Проблема с версткой сайта..
Доброго времени суток) , Проблема состоит в следующем , есть макет сайта(рисунок 1024х768) , сам сайт состоит из 3 частей(таблиц) , Слева кусок рисунка(меню) в пределах которого тегом <div> планируетса вставить анимированый флеш ролик , правее меню , кусок побольше просто флеш анимация , и снизу 3 часть рисунка которая по длине равна 2 верхним.1 и 2 часть равны по высоте но различны по длине.
Примерно такая схема: | 1 | 2 | --| 3 |-- В пределах 3 части тегом <div> будет стоять код из CMS.Каким образом можно сверстать эти 3 куска чтобы они ровно стыковались при любом разрешении экрана(т.е влазили в пределы рабочей области) , и каким образом можно динамически подгонять по размеру все 3 части , смысл в том чтобы рисунок и теги занимали всё рабочую область в любом браузере без полос прокрутки(макет рисованый в фотошопе и можно изменить его пропорции). |
Вы хотите чтобы за вас сверстали сайт?
На форуме есть раздел Вакансии. |
Нет!Я просто расписал подробно свою проблему в надежде на то что ктото с подобным сталкивался..Буду очень благодарен за любую информацию или совет по автоматической подгонке изображения по рабочей области броузера , или если такое не возможно то откуда можно узнать точные размеры рабочей области броузера?
|
<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'ной нет. Рекомендую обзавестись сначала базовыми знаниями на эту тему.
Я в свое время изучал http://xhtml.ru/ - довольно много на тему цсс верстки. Тока готовься - придецца и правда много изучать. Хотя можно попробовать воспользовацца советом выше или найти готовый подходящий лайоут в статьях на томже хаштымл.ру |
Цитата:
Код:
<div style="width:30%;float:left;">1</div> |
Цитата:
Код:
<div style="width:30%;float:left;">1</div> |
| Часовой пояс GMT +4, время: 19:51. |
Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2026, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.