Нестандартная верстка

[Selen]

Добрый вечер. Во время верстки учебного макета, столкнулся с трудностью.

Имеется фиксированный блок. Отцентрированный (margin: 0 auto;). Размер блока 900px;

Все бы ничего. Но справа, к шапке тянется рука, держит визитку.

Размер руки за пределами блока 270px;

С самой версткой вопросов нет. Но вот как можно прикрутить руку, что бы основной блок оставался в центре, при любом разрешении и рука прилегала к правому краю. И была видна в зависимости от разрешения.

Готового решения не смог найти. А моих знаний не достаточно для реализации.

Есть идеи ?

Edited October 12, 2011 by Selen

[Softlink]

Я сегодня точно такую же задачу выполнил, подвесив "огрызок" нужного фона в псевдоэлемент. Все масштабирутеся, никуда не едет.

[Selen]

Я могу увидеть фрагмент кода ?

[Softlink]

да код-то вы увидите, но толку от него. Я вам и на "пальцах" все рассказать смогу.

Есть основной блок header, к нему с помощью позиционирования цепляем псевдоэлемент, в самом ПЭ ставим фон. В итоге ваш кусок фона будет находиться в определенном месте. Всегда.

[psywalker]

Selen,

Есть идея вообще так не делать. А просто прижать руку к правому краю. Одну руку. А сайт сам выровнять по середине. И пусть себе рука гуляет. Просто поставить минимальную ширину, чтобы рука не догуливала, куда не надо.

[Selen]

да код-то вы увидите, но толку от него. Я вам и на "пальцах" все рассказать смогу.

Есть основной блок header, к нему с помощью позиционирования цепляем псевдоэлемент, в самом ПЭ ставим фон. В итоге ваш кусок фона будет находиться в определенном месте. Всегда.

Попробовал данное решение. С кодом можно ознакомиться здесь http://jsfiddle.net/9zJyy/

Получилось. Но есть два нюанса:

1. Появилась горизонтальная полоса прокрутки. На размер рисунка.

2. При добавлении контента в хедер, кусок фона смещается вниз. В зависимости от количества контента. + Растет высота хедера.

Вторую проблему решил: указанием фиксированной высоты. А смещение вниз - отрицательным значением значения top. А вот как с первой проблемой бороться ?

psywalker А разве при уменьшении окна рука не заедет под основной блок. Ты ведь предлагаешь ее (руку) сделать бекграундом ?

[psywalker]

psywalker А разве при уменьшении окна рука не заедет под основной блок. Ты ведь предлагаешь ее (руку) сделать бекграундом ?

Конечно же нет. Отдельным блоком на абсолюте, прижатым к правому краю. С фоном руки.