I'm in the process of making a working version of the Mondestia website to include the prototype code for the Dungeon game.  Whilst I'm at it, I'm coding in the environment systems and so on.

I always intended the web page to be viewable at a screen resolution of 800x600 without the need for a horizontal scrollbar and to achieve this, I'm designing a fixed width web page of 750 pixels.  This allows me to have the main content with a little bit of side padding on an 800x600.

Usually with web page design, you don't really have to worry too much about the page height.  You ensure that the main attention content is at the top of the page and then leave the rest to the vertical scrollbar.

Certainly with the majority of the website, where it is presenting information, we're all accustomed to vertical scrolling and this isn't an issue.

However, with the game environments where you will be using the page repeatedly to play the game, you really don't want to be scrolling down each time to access parts of the interface.  It would get really tedious really quickly.

As I had used a 400x400 map viewport in my tests, I'm not really keen to shrink that any more.  However, because it's so big, it meant I had to do some fiddling with the interface and general page layout to get it to fit in without any scrolling.

I've done it, but I've had to sacrifice some of the header height which makes the website look a little cramped.  I haven't lost any content in the header, but I have lost valuable 'white space'.

I considered having a different page layout for when you were in a game environment, effectively giving the game more 'control' of the screen estate, but opted against that as it would ruin one of the driving features of the website which is to allow the user to navigate through the site and games as they want, using a consistent interface and layout to switch between sections as they need.