Why FIrefox Doesn't Recognize ?
Solution 1:
Adding article { display: block; }
to your style sheet. FF is probably treating it as an inline element because it's not fully supported.
I've used HTML5 to build a test system and it's worked fine on all browsers with a few tweaks.
EDIT
This is a script I wrote to test out some web scraping : http://randomcoding.com/steam/ I used HTML5 as the markup to see what all the fuss was about.
As you can see from the stylesheet, I've made some elements block items
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
This method works for me on most browsers I checked (Chrome, Opera 10, FF3-4, IE8-9).
However, if you're starting out, I recommend you have a look at HTML5 Boilerplate : http://html5boilerplate.com/
It's got the best practices for when using HTML5 to markup your site. A good place to start.
Solution 2:
Take a read at HTML5 tags not working at all in firefox 3.6.3
Solution 3:
Firefox has no problem with the <section>
tag, but Internet Explorer has.
Post a Comment for "Why FIrefox Doesn't Recognize?"