View Full Version : What's wrong with my page that it's not centered?

05-24-2009, 07:41 PM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

<meta name="generator" content=
"HTML Tidy for tsWebEditor (www.tswebeditor.tk) (vers 1 July 2005), see www.w3.org">
<link rel="shortcut icon" href="/favicon-1.ico">

<title>Stylish Knockouts!: Home of the Power Ranger Resurrection Fanfiction and Original Works of Shaun McCall</title>
<meta http-equiv="Content-Type" content="text/html" charset=
<link rel="stylesheet" type="text/css" href="Dawn.css"><!--[if IE]>
<style type="text/css">
#wrap {

<div id="container">

<div id="header">

<!--End Of Header-->

<ul id="nav">
<li><a href="index.htm">Stylish Knockouts</a></li>
<li><a href="PRR.htm">PRR Home</a></li>
<li><a href="Episodes.htm">Episodes</a></li>

<div id="content">
<p>The episode that begins it all! College student and treasure enthusiast Oliver Scott is a teen living in the historic town of Angel Grove. When he goes into the woods hoping to prove that a treasure map is fake, he finds something he'd never expect and unleashes a new threat to the town. Now Oliver must assume the role as a Power Ranger to destroy what he helped create. </p>
<p><a href="DawnOfDestiny.txt">Dawn Of Destiny</a></p>


<div id="footer">
<p>&copy www.stylishknockouts.com 2009</p>
<!-- Start of StatCounter Code -->
<script type="text/javascript">
var sc_project=4747880;
var sc_invisible=1;
var sc_partition=54;
var sc_click_stat=1;
var sc_security="e58ce786";

<script type="text/javascript"
class="statcounter"><a title="drupal counter"
target="_blank"><img class="statcounter"
alt="drupal counter" ></a></div></noscript>
<!-- End of StatCounter Code -->

margin: 0;
padding: 0;

font-size: 62.5%;
font-family: Helvetica, sans-serif;


#container {
width: 1024px;
margin: 0 auto;

background:url(Images2/DawnOfDestiny.jpg) no-repeat;

width: 1024px;
height: 73px;
background:url(Images2/DawnNav.jpg) no-repeat;
text-align: center;

width: 1024px;
height: 701px;
background:url(Images2/DawnContent.jpg) no-repeat;
text-align: center;

width: 1024px;
height: 22px;
background: black;

margin: 0 auto;
background: white;
font-family: Arial Rounded MT Bold;

#content a{
color: blue;
text-decoration: none;


li {
list-style-type: none;
display: inline;
padding: 0 32px;
text-decoration: none;
font: 18px/80px Helvetica;
color: white


margin: 0 auto;
color: #fff;

05-24-2009, 09:06 PM
You're missing a closing quote on #container:

#container {
width: 1024px;
margin: 0 auto