Question

I've got a site: http://www.sucramma.dk When I'm in FF, Chrome, or Safari, the site is displayed as it should, but in IE the site is left aligned, and is running is quirks mode. Why? The doctype is set!

Was it helpful?

Solution

enter image description here

It's a Byte Order Mark, , which is invisible to most text editors. Try using VIM and killing it or somehow find a different text editor and kill everything before <!DOCTYPE html>

You can simply copy <!DOCTYPE HTML> and everything below it into a new file and save over it, meaning you wont be copying the BOM coming before it to resolve this issue; I've ran into it many times.

OTHER TIPS

http://validator.w3.org/check?uri=www.sucramma.dk&charset=%28detect+automatically%29&doctype=Inline&group=0

The validation fails, see the first error:

Error Line 1, Column 1: Non-space characters found without seeing a doctype first. Expected .

The doctype is not sufficient to oblige the browser to standard mode. When an error it is encountered the rendering fall back to quirks mode.

Correct the errors and try again, you should be done

The site doesn't have a DOCTYPE so it will be running in quirks mode because it doesn't know what DTD to use...

EDIT: As pointed out by BoltClock, it does have a DOCTYPE (I'm just not up to scratch on HTML5 yet). My apologies.

Read more here: http://www.w3schools.com/tags/tag_doctype.asp

Try using full doctype declaration (and without a space at the beginning)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

I had this issue I changed to <!DOCTYPE html> and the it fixed it

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top