HTML Forum

**DegreeZ** · 03-10-2005, 06:16 PM

Hi,

I was having some trouble with aligning my entire page on the screen. For example, on a 1024x768 resolution, the website is perfectly fine. However, any resolutions higher then that results in the page being left aligned. Someone mentioned the use of "div" tags to center the page on higher resolutions, but I am not sure how to go about it.

The page can be viewed here:

http://69.199.11.207/

There is a main page, and the content inside is constantly changing using a frame.

I would greatly appreciate it if someone could edit the page for me!

Cheers,

DegreeZ,

**thevirus** · 03-10-2005, 08:44 PM

use this simple code:
<table border=0 cellpadding=0 cellspacing=0 width=100%>
<tr>
<td width=100% align=center>

Your entire website code

</td>
</tr>
</table>

**metho** · 03-10-2005, 10:47 PM

wrap the entire page content up in a div e.g.

<style type=text/css>
#wrapper {
width: 100%;
margin-right: auto;
margin-left: auto;
}
</style>
</head>
<div id="wrapper">
..snip all content..
</div>
</html>

alternatively, just centre align ur body tag eg.

<head>
..snip..
<style type=text/css>
body {
text-align: centre;
}
</style>
</head>

However using method #2 may cause inheritance issues deeper into your page structure.

**myshtern** · 03-11-2005, 12:14 AM

My favoritest HTML tag is <center> </center>

**obliquegeek** · 03-11-2005, 09:21 AM

I agree with "metho", wrap everything up in a <div> and use left and right auto margins. I would include the align:center on the body tag as well for older MSIE browsers.

* html body {
text-align:centre;
}

The <center> tag was depreciated about 5 or so years ago and you should be keeping all of the styling in the CSS file not your HTML.

Goodluck!

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!