Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Why is display:block; required in FF 3.6 to get HTML5 styleable elements to work properly?

more options

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 👍 0

All Replies (1)

more options

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