You seem to be missing the containing div that centers your blog on the page, unless its in your #content .narrowcolumn css.
In your <body> you have:
<body>
<center><img src=”image”></center>
<div id=”content” class=”narrowcolumn”>
Try this:
#container {
background: white;
width: 800px;
margin: 20px auto;
text-align: left; /* IE 5.5 hack part II */
}
HTML;
<body>
<div id=”container”>
<center><img src=”wmbanner.jpg”></center>
<div id=”content” class=”narrowcolumn”>
blah blah blah
</div><!–closes content–>
</div><!–closes container–>
</body>
</html>
I don’t think it worked, or I did it wrong…
Not sure I understand. Can you explain your problem now?
Am I suppose to put the container in the CSS stuff? Also, I don’t know where the other stuff goes. For the banner, I put that in the header file using a php include…
Ok – for a start you have duplicate html tags sitting in your page. Open your index page immediately and remove:
FOUND:
<!DOCTYPE>
<html xmlns>
<head profile>
<meta http>
<title>Westmont Music Announcements</title>
<meta name> <!– leave this for stats please –>
<style type=”text/css” media=”screen”>@import url( ); </style>
<link rel>
<link rel>
<link rel>
</head>
<body>
<html> <wrong – remove!>
<head> <wrong – remove!>
<title>Westmont Music</title> <wrong – remove!>
</head> <wrong – remove!>
<body> <wrong – remove!>
REMOVE the duplicate html tags and try the suggestion again.
If those duplicate tags weren’t in your index page, open header.php and delete them. That could well be your major problem with centering.
As to the other… This goes into your style.css I’d put it under any reference to your body coding.eg
#body {
blah
blah
blah
}
#container {
background: white;
width: 800px;
margin: 20px auto;
text-align: left; /* IE 5.5 hack part II */
}
This goes into your index.php AND any other template file that generates posts or pages.
Just after <body> insert:
<div id=”container”>
Don’t forget to close the div – </div> before </body>
