View Full Version : Make centre of webpage load in the centre of the screen

04-06-2012, 04:53 PM
Hi, i'm in the middle of building this website here:


and i wondered if anyone knows how i can make the centre of the page load first in the browser window? at the moment you see the top left corner first first.

If anyone has any ideas i'd be really grateful thank you :)

04-06-2012, 06:12 PM
One of the problems with making a huge page with a huge background image
is that some people have smaller monitors, or use hand-held devices, like iPad,
iPod, iPhone, Android, ... smartphones. Try viewing your page with an iPad.
If you do, let me know how your Flash presentation works.

Even on a huge monitor, reduce your browser window size and refresh your page.
See what part of your site is visible.

Don't worry about what loads first, worry about what people can see ... no matter
what their screen size is. In my opinion, your current layout/design is way-off the mark.
Remember that 50% of your users will not be using a desktop PC.

Make a site that people can actually use. A site where a person would know exactly
what it's about and what they should do without scrolling all over the place. Get rid
of that huge background and make it simple.


04-07-2012, 11:58 AM

04-07-2012, 08:50 PM
Hi, i'm in the middle of building this website

mlseim made important points already and I’d like to add to that that the content or information, respectively, is the most important thing of a website, not how it looks. That means, a website should be designed around the content, not vice versa. So, before you think about fancy graphics etc. you should create a wireframe (http://en.wikipedia.org/wiki/Website_wireframe) to be clear about the general layout and the interaction procedures and results (e. g. varying content size, potentially different page types (one/two/three/… columns), what happens if link A is clicked?). After that you can go on to the actual graphics.

A well designed website is either adapting to the users’ prerequisites (e. g. viewport size, JavaScript availability, etc.) or generally suited for most devices. For example, nowadays you can assume that computer screen resolutions are at least 1024×768px so a website designed for display on regular computer monitors should generally not be wider than 1000px (and definitely flexible in height). And mobile devices are a completely different thing again but usually screen layouts can and will be scaled to accomodate the display size. Your current graphic is awfully wide and the twitter and Facebook buttons that are “hardcoded” there look very big on my screen, too. The typical resolution for web graphics is 72dpi and it almost looks like you exported your graphic in something higher, like 96dpi; or you just designed it too large.

So, before pondering about the unnecessary extra effort it takes to load the page in the middle, rather ponder about how you can get the site work with the browser’s default behavior at a viewport size of at least 1000px.