CODEWITHSUNDEEP
htmlgoogle-chromeinternet-explorer-9
thatidiotguy
thatidiotguy

Reputation: 8991

IE9 HTML/CSS comptability Issue

I have this particular html code involving a couple of HTML5 features. The layout of the page is exactly what I am expecting on every browser (not tested on Opera) but with the addition of the HTML5 doctype, the "curvy" shape around "buy it" is no longer present, and the orange color that both "buttons" (do it and say it) are supposed to have disappears. Could anyone provide some pointers on how to get the page to look normal on all major CURRENT browsers. I have a fairly technical audience coming to my site, so non HTML 5 compliant browsers will not be an issue.

Original without doctype (You will have to copy/paste into chrome or firefox to see what I mean, sorry!):

http://jsfiddle.net/bRCw3/

With doctype:

http://jsfiddle.net/ZXXYy/

Thank you for any help you give me.

Upvotes: 0

Views: 79

Answers (1)

Alohci
Alohci

Reputation: 82976

You've specified the orange background colour (FF9900) in two places without a preceding #. Quirks mode is forgiving on this but standards mode is stricter and will ignore it.

Just change background-color:FF9900 to background-color:#FF9900 in both places and you're good.

Upvotes: 3

Related Questions