Jump to content
  • 0

проблемы с бэкграундом у фиксированого макета


chiffenok
 Share

Question

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

главная

2085208m.jpg

внутри

2064728m.jpg

Link to comment
Share on other sites

9 answers to this question

Recommended Posts

  • 0

не понимаю что вы имеете ввиду, если бы было так просто я бы даже писать не стала

блоку с дверьми падинг что ли? мониторы то разные какой падинг? растянуть на весь элемент? а как его вытащить за пределы родительского блока например врапера?

Link to comment
Share on other sites

  • 0

Колонка с контентом у вас блочная и она, как блочная тянется на 100% ширины ей и задайте нужный фон, а внутрь можно поместить ещё блок, где для контента указать необходимую ширину в пикселях, либо блоку с фоном поставить паддинг в зависимости от макета.

Link to comment
Share on other sites

  • 0

У меня способ не очень изящный, но если не предложат других вариантов, я делала следующим образом:

шаг1 - проблемный блок(wrapper)-на всю ширину страницы, на него повесить фон по центру, повторяющийся по вертикали. Фон следующий: 1000рх(ширина самого макета)-прозрачная область, а слева и справа, для надежности, по 3000рх(или больше) одинаковые отступы, слева-прозрачный, справа-фон пациента.

шаг 2 - центрируем контент шириной 1000рх, с повторяющимся фоном пациента

Картинка для наглядности. Надеюсь, доступно написала?

UPD: Данное решение не актуально в связи с появлением поста #10

Edited by Catherine
Link to comment
Share on other sites

  • 0

вырезать из макета вертикальную полоску, повторить её по горизонтали (repeat-x) например у body.

под низ на всякий залить цветом похожим по цвету у краев изображения

те 2 полоски что слева, вырезать, вставить поверх слоем div.

как то так

Link to comment
Share on other sites

  • 0

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

Link to comment
Share on other sites

  • 0

А как Вам такой вариант? Основная идея: абсолютно позиционированный блок слева от контента.

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

Edited by Catherine
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy