I’m no web designer, just have basic knowledge of altering templates etc.
Put this together for a friend of mine and the layout is fine in all other browsers but IE (of course).
Can someone take a look and point me in the right direction?
Do I have to post the code?
This is your opening bit of code.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" dir="ltr" >
<!-- AddThis Button BEGIN -->
The head is empty, and not closed. You are closing a bit of style info that you never opened. There is no opening body tag.
Every browser, when it finds some errors makes a guess at what to do. They apply what they think is the actual code you meant, but as there is no standard way to correct dud code as it is a best guess, so they can be correcting it in different ways. So any page that appears as you expect it to is just good luck, and if one browser guesses what you meant wrongly, tough, it’s not the browser’s fault.