Easy way to center a website, Not the usual css.

**louiskw** · 09-17-2011, 06:37 AM

I have written a short script that checks if a user has a screen rez lower than 1025 (so that the ipad is included) if it is bigger than 1025 then it centres a div according to the screen size.

<script type="text/javascript">
if ((screen.width<=1025)) {
alert("Mobile device!");
}
else{
document.getElementById('page').style.left = (((screen.width-1000)/2)+'px');
}
</script>

change 1000 to your screen size
and add a div with the ID:'page'

**alamnaryab@ymai** · 09-18-2011, 06:17 AM

using javascript some but even many browser fail to run
the best way like is

Code:

<body>
     <table width=1000px align=center>
          .................your pages here............
    </table>
</body>

**louiskw** · 09-18-2011, 12:13 PM

I tried that but in the end I found it easier to use js

**rebelweb2007** · 09-18-2011, 03:24 PM

i found this best can be achieved by using CSS Media Queries. You can set certain styles to display based on a width. Such as

Code:

@media screen and (min-width: 1024) {

#page {
  margin-right: auto;
  margin-left: auto;
  width: 1024px;
} 

}

This can be used to set all kinds of styles based on screen size. Using javascript today is not as big of deal as it was a few years ago, the only thing is everything is easier to control in CSS for the fact it is all together and you will be assured it will be displayed unless they have turn CSS off. In that case the webpage would only be text and images.