Как сверстать полоску от края до определенной точки?

Здравствуйте!
Подскажите как можно сделать? Есть wrapper идущий по центру страницы с шириной 960px.
Нужно вставить полоску с формой от правого края до левой границы врапера. При изменении ширины страницы полоска растягивалась вправо, но оставалась у левого края врапера неподвижно.
Вот как это должно выглядеть 784b6468f68f4aa5a5f4afc18a46c4ec.jpg
Думал сделать 2 блока. Один будет идти сзади на 50% ширины с паттерном, а другой с формой сверху. Но все планы порушила зеленая тень.
Возможно это как-то по другому делается, подскажите пожалуйста.
Заранее спасибо.
  • Вопрос задан
  • 2294 просмотра
Пригласить эксперта
Ответы на вопрос 3
Taraflex
@Taraflex
Ищу работу. Контакты в профиле.
Дорисуйте полоску справа через :after с шириной в 99999px, правда непонятно как фон получится подогнать.
Ответ написан
Комментировать
tennalian
@tennalian
ах, костыли)))
jsfiddle.net/tennalian/tmht8qmd/1
Ответ написан
Комментировать
@ukoHka
Всего понемногу
margin-left: 200px;
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы