Full screen html pages on all screen sizes.

[AZOVGY]

I am wondering if I can make my website utilize the full screen area on larger screen sizes, my website is at http://ovgyclan.com. I have seen other sites that do but was wondering if I can just make a simple change to mine to enable it to do it or would I have to start from scratch. Currently at 1024 x 768 it seems fine but anything above that and the content is shifted to the side. I used a template to set this site up as I am new to web design (only a few months). Any help would be greatly appreciated.

 

[Derek]

I think there is a resize script I have used it before but I can't seem to find it right now.

 

[DeadNalo]

you only need to use CSS.

example:

body
{
   width: 100%;
   margin: auto;
   margin-top: 0px;
   margin-bottom: 0px;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:8pt;
}
/* Header */
#header
{
   width: 100%;
   height: 180px;
   background-image: url("http://forums.x10hosting.com/images/header_2.jpg");
   background-repeat: repeat;
   margin-bottom: 0px;
}
/* Footer */
#footer
{
  width: 100%;
  height: 60px;
  background-image: url(images/footer_2.jpg);
  background-repeat: repeat;
}

Normaly the width is something like this 800px; or 1024px; and your website will be in 800 or 1024, like you already have.

But when you use % in body
Like this:

   width: 100%;

Your website will be in full view mode for everybody, even if you have 800 X 600 or 1024 x 768.

You can do the same thing with the header (top) and the footer (botom).

I hope that will help you.

before you ask, I know my english is not very good because I'm a french guy... XD

 

[mattura]

Yep fluid site designs are best for this reason.
Try to have as many '%' as possible, as few 'px' as possible in your widths (and heights) except with images of fixed dimensions

 

[unpixelatedgamers]

As said, use percentages instead of fixed pixel widths in your style (CSS).