2012-04-02 15 views
0

私は、HTML5の機能のカップルを含むこの特定のhtmlコードを持っています。ページのレイアウトは、もはや存在し、その両方のオレンジ色「それは買わない」を中心に「曲線美」形状、私はすべてのブラウザ(Operaの上でテストされていない)ではなく、HTML5のDOCTYPEを追加して期待してい正確に何であります"ボタン"(それを言う、それを言う)は消えているはずです。誰も、どの主要な現在のブラウザでもページが正常に見えるようにするための指針をいくつか教えてください。私はかなり技術的な聴衆が私のサイトに来ているので、HTML 5に準拠していないブラウザでは問題にはなりません。IE9 HTML/CSSのcomptability問題

オリジナルDOCTYPEのない(あなたは、私が何を意味するか確認するために、クロムまたはFirefoxにコピー/ペーストする必要があります申し訳ありません!):

http://jsfiddle.net/ZXXYy/

:DOCTYPEで

http://jsfiddle.net/bRCw3/

何か助けてくれてありがとう。

+0

あなたはjsfiddleに完全なHTML文書を貼り付けることはできません。 CSS、HTML、Javascriptの各ボックスに配置したスニペットの周りに独自のドキュメントを用意しています。あなたが結果フレームの実際のソースを調べる場合は、両方が同じDOCTYPEを持っていることがわかりますし、あなたが貼り付けられたHTMLドキュメントは、このように無効なドキュメントを作成、文書の本文内にあります。 – Guffa

+0

アドバイスありがとうございます。私は次回これを知っています。 – thatidiotguy

答えて

3

あなたは、前#せずに2つの場所で、オレンジの背景色(FF9900)を指定しました。 Quirksモードはこれを許していますが、標準モードは厳しく、無視されます。

ただ、両方の場所でbackground-color:#FF9900background-color:FF9900を変更して、あなたは良いです。