Как сверстать

[h1dd3n]

"Как сверстать?" - вот в чем вопрос.
Конкретно: имеется такая вот линия (click):

Нужно чтобы она могла растягиваться на любую ширину. Сначала мне пришла "гениальная" идея:
[capleft][stretch][middle][stretch][capright]
Режем картинку на 4 части, получаем растягивающуюся на любую длину линию. Вот только после того как я ее порезал, с css у меня ничего не получилось... То есть нужно расположить 5 дивов друг за другом: capleft,middle,capright - фиксированы по ширине, а stretch растягиваются. В сумме такая конструкция должна по ширине занимать родительский див полностью. Подскажите как такое сделать) Или возможно можно сверстать как-то проще?

[moka]

Фон всегда белый?

Вот замутил: http://jsfiddle.net/tRJ6w/
И потестить его Responsive'ность: http://moka.co/restest/#http://fiddl...et/tRJ6w/show/

Тут всё просто. У тебя есть основной фон - который зациклен. Затем есть лево, право и серидинка.
Есть основной элемент который имеет зацикленный фон, а в нём 3 элемента для сторон и серидинки.
Стороны отлично float'ятся к краям, а серидинку нужно центрировать, я часто использую position: absolute и left: 50% с отрицательным margin-left, чтобы было реально по серидинке.
С inline-block который можно было бы отцентровать используя text-align стараюсь не общаться, т.к. проблемы с IE большие. Да и вообще в последнее время не использовал inline-block уже очень давно.