Website dont look good with not so wide browser window

[scootergrisen]

This issent about the game itself but the website with the game ( http://www.adityaravishankar.com/projects/games/command-and-conquer/ ).

I have a 1366 pixels wide screen and i have my windows processbar to the side of the screen instead of the normal at the bottom so the browser window is a little bit narrower.

Would be nice to fix this.

[Emphus]

I think it's okay. The matter of this project is the game, not the website. However, as i can remember, before the book ad and FB like box went up beside of the first row.

[Zack K.]

Play game in full screen, problem solved. :)

[Aditya Ravi Shankar]

(Reply via [e-mail]):

I do have an option to fix it... If the screen gets smaller, make the game get even smaller... :)

I definitely want everyone to read about my book on the right side of the game so I won't make that any smaller...

However, it is impossible to adjust for every monitor resolution out there (such as 640x480 which I hope no one still uses)....

@Scootergrisen Can you tell me your exact window size in pixels? 1200pixels width or less?

Maybe I can tweak the code a little....

On Sat, Dec 8, 2012 at 11:20 AM, Zachary Knight [e-mail]:

[Emphus]

He told he has 1366 pixel width. (I guess, from laptop.)

[Aditya Ravi Shankar]

(Reply via [e-mail]):

Then because of sidebar the browser size is probably close to 1100 pixels :/

[scootergrisen]

My screenarea for the website is at the moment where the screenshot was taken 1281 pixels wide. The screenshot image is 16 pixels smaller because i cut away the scrollbar.

Many people have 1024 pixels screens on laptops.

You want your book to be on the right but as it is now the book is down the middle of the page on my screen and 1024 pixels screens.

You can use CSS to make things smaller when the screen area gets smaller like this :

@media all and (max-width: 1300px), handheld {

   .leftpanel {
      font-size:x-small;
   }

   .rightpanel {
      font-size:x-small;
   }

 }

You can test it at my website if you make the browserwindow smaller : http://scootergrisen.dk/ se how the right menu gets removed and how the text gets smaller and logo is removed.

You should also have at look at http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm i use that for my website.