Форум Flasher.ru

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)
-   HTML/DHTML/CSS/JS/VB (http://www.flasher.ru/forum/forumdisplay.php?f=66)
-   -   Проблема с версткой сайта.. (http://www.flasher.ru/forum/showthread.php?t=105182)

Sanich 10.12.2007 09:17

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

KidsKilla 10.12.2007 15:24

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

Sanich 10.12.2007 19:21

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

KidsKilla 10.12.2007 19:30

<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 17.12.2007 23:55

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

ruzman 21.12.2007 15:06

Цитата:

Сообщение от 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 21.12.2007 16:13

Цитата:

Сообщение от 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>



Часовой пояс GMT +4, время: 19:51.

Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2026, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.