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.

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

Thread Tools

Display

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

Easy way to center website

Center

CSS Media Queries

Thread Information

Users Browsing this Thread

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions