Forum Moderators: open
There are many reasons this happens and they are all something you can fix. It sounds mostly like a screen resolution problem, but in some cases which browser is in use can also cause those kinds of problems.
The first step you should take is validating your html mark-up with the W3C's online tool. It can be impossible trying to get different computers to render the same when there is invalid code.
W3C Validator - HTML [validator.w3.org]
But beyond that, note that somewhere in your mark-up, you are probably assuming that everyone's screen is the same resolution as yours. If the alignment of your page's elements depends on 100% being the same number of pixels for everyone, then anyone whose screen is wider or narrower than yours will see something wonky.
[edited by: tedster at 8:41 pm (utc) on Mar. 23, 2007]
It may also be that they had increased the font size or magnified the whole page which could also break it.
Just below the <body> add:
<div id="container">
Just above </body> add </div>
Then in the css file create:
#container {width: 750px;}
If you want it centered on the page change it to:
#container {width: 750px;margin 0 auto;}
Adjust width to suit, it is only an example
My fix above will work. You just need to paste it into the right place in the html without breaking the rest of the page. You change the 750px to whatever size you want it (100% will stretch, 740px will work on 800x600 and above etc etc).
If you don't understand how then you're going to need to pay a professional to do it for you or you need to start reading up :)
(1)Give the body tag fixed pixel width like 800px and not 100%;
(2)In order to align the body of page at the middle of screen you need to put the following code attribute in the body tag
margin:0 auto;
(3)Next inside the body like (a)header div/table (b)main content div/table and (c)Footer div/table
give them 100% width this fill stretch the inside elements to body div but not outside it.
