# CSS n00b question: Trouble with Divs stretching the full width of the browser

**URL:** <https://forum.kirupa.com/t/css-n00b-question-trouble-with-divs-stretching-the-full-width-of-the-browser/321384>\
**Category:** web dev\
**Created:** [April 18, 2011, 6:34pm UTC](https://forum.kirupa.com/t/css-n00b-question-trouble-with-divs-stretching-the-full-width-of-the-browser/321384 "2011-04-18T18:34:48Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Vectortrance](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/vectortrance/32/2469_2.png) [@Vectortrance](https://forum.kirupa.com/u/Vectortrance)\
**Post date:** [April 18, 2011, 6:34pm UTC](https://forum.kirupa.com/t/css-n00b-question-trouble-with-divs-stretching-the-full-width-of-the-browser/321384/1 "2011-04-18T18:34:48Z")

</div>

Hey everyone,

I’m working on a website for someone, and I’ve decided to try my hand at using the 960 grid system. CSS layouts are definitely not my area of expertise, and I’m running into some trouble when the browser window size is reduced.

The most recent version of this work in progress can be found here:  
[http://sol.vectortrance.com/](http://sol.vectortrance.com/)

If you are viewing it minimized browser window, and the viewing area is less than 960px, you’ll notice that when you use the horizontal scrollbars to see the content, the main header graphic no longer reaches the edge of the window.  
Same thing with the footer graphic.

I’m sure it’s probably a simple oversight, or a simple solution, but could anyone please offer some advice on how to rectify this ?