HTML - Page Width Of 962px

I am currently working on a website. It has been a while since I created websites professionally, about 10 years infact, so although a lot of it is coming back to me I can't seem to get around this problem...
A friend has created a template to use for all our pages and has sent me some pages to check. They appear fine on both her computers, of differing screen sizes, but on my screen I have to scroll right across to see what's on the right-hand side. If I didn't know it was supposed to be there, I wouldn't have known to look for it IYKWIM?!
Why isn't the page adjusting to fit my screen width automatically? It seems it is doing on my friend's screens. But not on mine. She hasn't specified a width, ie. by way of placing the entire contents of the page in a table. So as far as I can remember, from 10 years ago, it should automatically adjust. Is that still correct? I have tried using her HTML and amending it by putting the whole page in a table with a width of 700 pixels, which should fit on my screen, but it didn't make any difference.
Any ideas??

Hey so how come my div wont go across the whole page width?
my code:
Code:

<style type="text/css">
#adminbar {
    background-color: #464646;
    background-image: -moz-linear-gradient(center bottom , #3F3F3F, #464646 5px);
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    color: #DDDDDD;
    font: 11px sans-serif;
    height: 28px;
    position: relative;
    width: 100%;
    z-index: 99999;
}
</style>
<div id="adminbar">
<p> hi there</p>
</div>

Here is what it looks like:


Please help, i would greatly apreciate it.

I'm trying to make a layout that takes up 100% of the page, but isn't fixed. So it moves whenever the browser is resized.

However I can't get the code to work for the footer and the two inner divs.



Is how I want it to look like.

The white and light gray and the two content boxes.
The black are the header and footer which need to be at the absolute top and bottom, respectively.
The dark gray are both static images. The bottom dark gray one needs to be positioned at the same place as the footer background.
The red are both content boxes that need to be centered in the middle of the light gray div and the white div.
And lastly the blue is an image that needs to stay static right next to the light gray div.




Anyone know how I would go about coding it? Or if anyone is willing to code me a simple block template I'd really appreciate it.

Thanks =]

So i just added some google adsense floating ads to my website. They looked pretty nice where they were BUT when i tried it in a thin screen, it falls. So how do I define the border of when the horizonal scrollers appear?

BTW: the site where I need to define width is http://akkeonline.com

Thanks in advance, AkkeDaBest

I'm still extremely new to coding in html and I'm trying to figure out how to code in all the divides and space them out where I want to but I can't figure out what makes the menus and ad space and main body conform to the shape it is in on this code:

And apparently I can't fit it all into a post but the web page is he
http://www.huntingtonnews.net

If anyone knows about how to space divides, menu bars, and such can you please look at that page and view source and give me a hint? Thanks...

Codeguru