# 100% width even after scroll

**URL:** <https://forum.kirupa.com/t/100-width-even-after-scroll/256650>\
**Category:** web dev\
**Created:** [April 5, 2008, 3:27am UTC](https://forum.kirupa.com/t/100-width-even-after-scroll/256650 "2008-04-05T03:27:47Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![JoshuaJonah](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/joshuajonah/32/1775_2.png) [@JoshuaJonah](https://forum.kirupa.com/u/JoshuaJonah)\
**Post date:** [April 5, 2008, 3:27am UTC](https://forum.kirupa.com/t/100-width-even-after-scroll/256650/1 "2008-04-05T03:27:47Z")

</div>

ok, lets take this page for example: [http://www.wpdfd.com/editorial/thebox/deadcentre4.html](http://www.wpdfd.com/editorial/thebox/deadcentre4.html)  
We’ve all seen it and used it for reference.

Ok,  
[LIST=1]  
[_]Open Firefox  
[_]Resize your browser so that it is too narrow and you have to horizontally scroll.  
[\*]Keep an eye on that horizon line.[/LIST]It is 100% of the width of the browser, not the static size of the container div. How do i fix that? I have a stretching bar at the header of a page at 100%, once you screen is less than width:960px and you scroll, the header disappears into oblivion.

Any ideas?