By mikecnichols on

Hi, I've been developing a site and am including a CSS3/HTML5 portion on the index page. Of course, I know about browser comparability with such things, but that isn't what I'm having problems with. I'm having a problem with it working on the drupal site versus a normal html page. It works perfectly (in FF) on a basic html page, but doesn't render correctly on drupal. I've searched and tried for several days now and am at my wits end for an answer.

Can anyone help me?

Page that works as it should:

http://www.nickelsvillehotel.com/nickelsvillehotel/index.html

Not so much in drupal:

http://www.nickelsvillehotel.com/nickelsvillehotel/

⋅ Categories: Drupal 7.x

Comments

nevets’s picture

nevets commented

The Drupal versions has some issues you might try running it though a verifier.

Quickly spotted, two doctypes, one inside the body and two "includes" of modenizer

mikecnichols’s picture

mikecnichols commented

I'm not sure exactly how to verify it as it is not wanting to a w3.org.

Also, I'm not see what you're seeing. Can you point out specifically the two doctypes you saw?

nevets’s picture

nevets commented

If you visit http://validator.w3.org and given it the Drupal url you get

Sorry, I am unable to validate this document because on line 57 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication.

The error was: utf8 "\xA9" does not map to Unicode

which is probably the copyright symbol in the meta copyright data.

As for doctype I see this at the top (which is where I would expect it)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN"
  "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">

and inside the body tag around line 47 I see

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

followed by another html tag, head section and another body tag (all likely to cause problems)

mikecnichols’s picture

mikecnichols commented

Thanks for the help. It happened to be not displaying properly because my "Full HTML" setting was putting line breaks where my code would have breaks. Once I unchecked that, it immediately started working.....now to get it to do something in IE9.....this is all so new to me, but I am loving it. Just wish it was completely standard already.