Hey there community,

I recently designed a new blog layout and in the designing process, the html, css and javascript worked perfectly on all browsers.

However, when I uploaded it onto my blog host (blogger), the layout became messed up and my div entitled main 1 was pushed to the right on IE. It still works on both chrome and Firefox though.

The DOCTYPE I used worked perfectly prior to my uploading onto blogger, which makes me wonder if it's a problem with the host interpreting my code?

Can any body check it out? the link his http://ada-nikki.blogspot.com.

and the html file in .txt is attached under

Thanks in advance and hoping for a reply as soon as humanly possible,

Ada :)

check you have a doctype and are not forcing IE into quirks mode.
Check what is actually being presented by the web site via View source. if that's different to what your original template had, not sure what to suggest.

the doctype worked fine before i uploaded it onto blogspot. after checking the source, it adopted the doctype i had typed up in the code, so i really don't know what went wrong. thanks for the suggestion though

anyone else? D: