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
선택된 해결법
The HTML5 parsing engine is not turned on by default in the 3.6.x versions, it is turned on in Firefox 4
문맥에 따라 이 답변을 읽어주세요 👍 0모든 댓글 (1)
선택된 해결법
The HTML5 parsing engine is not turned on by default in the 3.6.x versions, it is turned on in Firefox 4