Wordpress CSS IE and Chrome Issue

HTML & CSS
1

Ok I’m designing my wordpress theme. Everything is really moving along smoothly. IO want to thank all the boarders here whom have helped me in the past.

Today I noticed a strange CSS issue in my wordpress. In Google Chrome my website is flawless and everything is left aligned

however when viewing the site in IE 7, 8 all my text and article text all of the sudden is centered.

Doesnt make any really sense unless theirs a specific thing I’m doing wrong.

Blog can be found here.
http://comicblog.septagonstudios.com/

2

looking at the source of that, I can see lots of errors, for example this one here (here are actually more than one error hidden):


</head>
<div id="topbar">
<div id="logocontainer">
<a class="logo"><A href="http://www.septagonstudios.com/" target="_blank"/>
</div>
<a href="http://www.septagonstudios.com">&nbsp;Septagon Studios Publishing</a> | <a href="http://comicblog.septagonstudios.com">&nbsp;Septagon Studios Comic Blog</a> |<a href="http://www.workincomics.com">&nbsp;Work In Comics</a> | <a href="http://workincomicsblog.septagonstudios.com">&nbsp;Work In Comics Blog</a></a>

</div>
<body>

and later on you got this:


	<div style="margin:5px auto; width: 1110px;">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head profile="http://gmpg.org/xfn/11">

and your code is full of

<center>

17 in total, and you only got one closing - it probably should be 9 opening and 9 closing. Besides, center shouldn’t be used.

3

Agreed, those are the sorts of large errors that are not only enough excuse for IE to show stuff weird, but makes it surprising that Chrome actually handles it the way you want.

Throw your page through the W3C validator, and start with the first error and try to work your way down. Since errors cascade due to mismatched tags, sometimes fixing one error will remove 5 from the validator list.

If you read error reports that make no sense, ask here and we can explain what the validator means.