Centering Layout

**GreyFilmPro** · 06-17-2006, 09:26 PM

hey can someone tell me the best way to center this website?
http://greyfilmpro.com/steve/index I attached the style sheet.

**Cytael** · 06-17-2006, 10:17 PM

first, change all your absolute positioning to relative, then add to your CSS:

PHP Code:


BODY { margin: 0 auto; width: 999px; }

/* change width to match width of content area of your page */

**TehShlocker** · 06-17-2006, 10:48 PM

couldn't you just add <center></center> after and before the body tags?

**GreyFilmPro** · 06-17-2006, 11:30 PM

so where does that code go? the body one

**TehShlocker** · 06-17-2006, 11:36 PM

Okay here's an example:

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> </HEAD> <BODY> <--Here are the body tags <cemter> <-- try placing the center code here ... Website code here more website code here ... </center> <--and the close center tag here </BODY> <--Here are the body tags </HTML>

**GreyFilmPro** · 06-18-2006, 12:29 AM

nope that doesnt work TehShlocker.

**jmilin5931** · 06-18-2006, 01:05 AM

are you using tables? Center your whole table(s)

**GreyFilmPro** · 06-18-2006, 01:13 AM

no im using layers not tables.

**WebJoel** · 06-18-2006, 07:28 AM

Originally Posted by GreyFilmPro

hey can someone tell me the best way to center this website?
http://greyfilmpro.com/steve/index I attached the style sheet.

Don't use "<center>"~"</center>". This is deprecated (old, out-of-date) and is you use a STRICT !doctype, you'll throw errors.

Surround your page with a DIV. Let's call this a 'wrapper'.

<body>
<div style="width:90%; margin:0 auto;">

-Your site content goes in here-

</div>
</body>

This works, and is valid. But in order to have auto-adjusting left-right margins ("centering"), you must also declare a width. I chose 90%, but you can make it whatever you want.

-Joel