2012-04-02 3 views
0

У меня есть этот конкретный HTML-код, включающий пару функций HTML5. Макет страницы - именно то, чего я ожидаю в каждом браузере (не тестировался в Opera), но с добавлением документа типа HTML5 «пышная» форма вокруг «купить» больше не присутствует, а оранжевый цвет, который оба «Кнопки» (сделать это и сказать это) должны исчезнуть. Может ли кто-нибудь указать некоторые указатели на то, как заставить страницу выглядеть нормально во всех основных браузерах CURRENT. У меня есть довольно техническая аудитория, которая приходит на мой сайт, поэтому не совместимые с HTML 5 браузеры не будут проблемой.IE9 HTML/CSS comptability Issue

Оригинал без DOCTYPE (Вы должны скопировать/вставить в хром или Firefox, чтобы увидеть, что я имею в виду, извините!):

http://jsfiddle.net/bRCw3/

С DOCTYPE:

http://jsfiddle.net/ZXXYy/

Спасибо за любую помощь, которую вы мне дадите.

+0

Вы не можете вставлять полные HTML-документы в jsfiddle. Он предоставляет свой собственный документ вокруг фрагментов, которые вы помещаете в поля CSS, HTML и Javascript. Если вы исследуете фактический источник в кадре результата, вы увидите, что оба имеют один и тот же тип doctype, а документ HTML, который вы вставили, находится внутри тела документа, что делает неправильный документ. – Guffa

+0

Ах спасибо за совет. Я узнаю это в следующий раз. – thatidiotguy

ответ

3

Вы указали оранжевый цвет фона (FF9900) в двух местах без предшествующего #. Режим Quirks прощает это, но режим стандартов более строгий и будет игнорировать его.

Просто измените background-color:FF9900 на background-color:#FF9900 в обоих местах, и вы в порядке.