Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Mar 2012
    Thanked 0 Times in 0 Posts

    Make centre of webpage load in the centre of the screen

    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

  • #2
    Master Coder
    Join Date
    Jun 2003
    Cottage Grove, Minnesota
    Thanked 1,096 Times in 1,087 Posts
    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.

    Last edited by mlseim; 04-06-2012 at 06:15 PM.

  • #3
    New Coder
    Join Date
    Sep 2010
    Beaverton, OR
    Thanked 2 Times in 2 Posts

  • #4
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Halle (Saale), Germany
    Thanked 1,053 Times in 1,026 Posts
    Quote Originally Posted by HannahS View Post
    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 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.


    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts