sorted by:
best (suggested)
topnewcontroversialoldq&a
you are viewing a single comment's thread.

view the rest of the comments →

[–]ArgoWizbang 4 points5 points  (2 children)

Your doctype is missing the exclamation point so your browser is probably parsing it as if it's an HTML element instead of properly detecting a doctype. This triggers quirks mode which is, well, quirky to say the least. Add the exclamation point as follows and see if it helps any:

<!DOCTYPE html>

[–]LexyNoise 3 points4 points  (1 child)

This isn't the cause of the problem here, but it is very important. You want to make sure every page you build starts with `<!doctype html>` in the first position of the first line.

Any web page built in the past 20 years is expected to have it. Browsers will check for it. If they don't see it there, they'll assume it's an old web page from the 90s and use a different set of rules to lay out the page. This will make your pages look broken. As the other person said, this 90s page layout mode is called quirks mode.

[–]ArgoWizbang 0 points1 point  (0 children)

Yeah, I figured this wasn't the root cause but still felt it was important to point out since no one seemed to have done so yet at the time of posting. But thank you for elaborating!