Why is display:block; required in FF 3.6 to get HTML5 styleable elements to work properly?
I had all sorts of problems getting styleable elements to work in Firefox 3.6. The below code works:
Test
article { display: block; border: 1px solid red }
Welcome
This is a test.
However, it works only because of:
display: block;
when styling the HTML5 article element. If I leave the above code out of the style then the red border is not displayed properly. This code works fine in Chrome and even versions of IE when the article element is added to the DOM.
This happened
Every time Firefox opened
== Always
I had all sorts of problems getting styleable elements to work in Firefox 3.6. The below code works:
Test
article { display: block; border: 1px solid red }
Welcome
This is a test.
However, it works only because of:
display: block;
when styling the HTML5 article element. If I leave the above code out of the style then the red border is not displayed properly. This code works fine in Chrome and even versions of IE when the article element is added to the DOM.
== This happened ==
Every time Firefox opened
== Always
Chosen solution
The HTML5 parsing engine is not turned on by default in the 3.6.x versions, it is turned on in Firefox 4
Read this answer in context 👍 0All Replies (1)
Chosen Solution
The HTML5 parsing engine is not turned on by default in the 3.6.x versions, it is turned on in Firefox 4