Как сделать полосу, идущую от определенной точки до вправо, независимо от разрешения экрана?

Question

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

<div id="strip"></div>

CSS:

#strip{width:1px;height:302px;background:url('repeat.png') 0 0 repeat-x;float:left;}

есть идеи, как этого добиться?

Answer 1

div#strip {
    border: 1px solid black;
    height: 20px;
    margin-left: 50%;
}

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

JSFiddle здесь: Ссылка

Answer 2

Это что-то вроде этого?

http://jsfiddle.net/aniketpant/426LB/

Просто ширина должна быть установлена ​​на 100%, и все готово.

Answer 3

Попробуй (я изменил скрипку Аникета)

Добавлено css:

body {overflow-x:hidden}
#strip {margin-left:50%}

Демо: http://jsfiddle.net/426LB/4/