First off you need to add a valid doctype to your page.
Change the below: (which can be found at the start of your pages code)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Then add the below css to your linked css style sheet named - style.css
margin: 0 auto;
What I would do is add a DOCTYPE as per
Then add a few rules to the BODY element as per
The whole HEAD section will look like
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="../../../site/style.css" rel="stylesheet" type="text/css">
That will fix the centering bit.
But having said that, there are other aspects that need looking at
- the link to style.css is incorrect
- the BODY element has non existing attributes, leftmargin and marginwidth
- the document is very very search engine unfriendly because of the overuse of images
- the document accessibility for impaired persons is hampered because of empty ALT attributes for the images.
Personally, I would have a document structure that does not include using tables for a layout. CSS is a much better and easier way to go. There are plenty of tutorials that will help you with your layout using CSS.