centre page in larger browsers....

[balabing79]

Hi all I am running internet explorer 7 at a resolution of 1024 768
the problem i am having with my page is that when it is viewed on
resolutions such as 1280 1024 or higher the page appears on the upper
left of the screen and a yukky white border all around.

theres actuall 2 things i need to be able to do and believe both done in css the first is to make the page appear centre in larger browsers so if someone can tell me how to do that it would be much appreciated.

the second is when someone views my page in a browser of 800 600 how do i get the web to determine the resolution and take them automatically to a version of the page I have created in that resolution?

thanks all for your help
Darren

[MouseUp]

I can help you with the first thing, even though I'm basically a newbie at css positioning.

Put the bit you want to centre in a div - call it "pagewrapper" or something.

 <div id="pagewrapper">
    <!-- your code goes here -->
</div>

Then in your css stylesheet put this:

body { 
   text-align: center; 
   margin:0;
   background-color:#putyourcolourhere;
   }
#pagewrapper {
  margin-right:auto;
  margin-left:auto;
  text-align: left;
  } 

You can also make the middle content width variable according to the browser window, by using width:90% (for example) in the pagewrapper.

Hope this helps :)

[nitinpatel1117]

Also, the above css:

margin-left:auto;
margin-right:auto;

will not work in Internet Explorer, unless you give your webpage an appropriate doctype