Подскажите как верстать

[mOnYa]

Всем доброго времени суток, вот сижу смотрю в шаблон и попадаю в тупик ...

Вот поставили мне задачу ... сделать резиновый шаблон ...

что-бы в ширину тянулся и контент тянулся ...

как его резать етот шаблон воообще не представляю ...

Если у кого появяться адекватные соображения по етому поводу пишите буду очень признателен

Вот ссылка на картинку ВОТ

[klierik]

я б данный макет не верстал резиной. и сказал б это заказчику.

но если он уж так хочет.. то делаем следующее:

шапка разделяется на 3 составные:

- дверки, разводы перед дверками красного цвета, адрес (по левому краю)

- логотип, лозунг и девушка (по центру страницы)

- лесница и разводя за ней (по правому краю)

собственно сама шапка - position: relative; а все ее составные позиционируются абсолютно.

контент разделяется также:

- меню (справа)

- контентная часть (тут хитро)

- левая часть контента статична.

- верхушка контента статична. но тут цветочек справа равняется по-правому краю. красная линия заканчивается, а потом просто идет repeat-x шириной в 1пк до конца области видимости

- данный контента тянутся спокойно. там только градиент вверху. и более ничего лишнего

- левый низ контента создается просто с помощью фонового jpeg изображения

- нижняя правая часть контента создается так же как и левая.

устанавливаем min-width на body и разуемся.

Тут сложности будут только с позиционированием... а так ... ничего особенного нет.

[mOnYa]

Большое спасибо )) ...

Ночью буду пытаться ... если что опишу как сделал ))

[mOnYa]

Ребят а как реализавать вот на картинке справа есть полоса, нужно чтобы при расширении 1024 пользователи видели до етой полосы, а те у кого широкоформатные моники видели на пару см больше ...

но что-бы полоса прокрутки не возникала...

[Amigos]

у тебя очень простой макет,

всё прекрасно реализуется с помощю резины.

1) красный фон JPG

2) 4 полупрозрачных PNG (двери, лого, лесница, и тёлка).

3) ещё одна PNG - кусок верхней части content-блока.

двигаться будет так - при растяжении экрана content-блока с лестничуй(или с лестницей и тёлкой) будут ездить вправа, и обратно.

вопрос насчет смещения чего либо за часть экрана так чтобы показывалось людям с хорошим разрешением решается просто... ставишь необходимым элементам которым нужно это расположение процентный отступ left, margin-left, а обрамляющему (блоку родителю) блоку этот элемент свойство стиля overflow: hidden;

вот и всё.

Edited September 4, 2008 by Amigos

[mOnYa]

всё было отлично пака не дошел до контента ... , тут столько казусов что мозг отмерает,

Условия контент должен тянуться вправо.

тут у каждого угла своя картинка, (убить дизайнера ето легко сказано для етого шаблона)

ктото поподробнее может описать как с ним справиться ? или пример гдето чегото похожего ?

[mOnYa]

Работа готова счас отписал просто кому интересно посмотреть на реализацию ...

(http://myportfolio.ho.ua/4/) "сам знаю ну правильно бы вывести пару строк в цсс, но ЕБЕТ ))"

Edited September 12, 2008 by mOnYa