X
Tap here to go to the mobile version of the site.

Support Forum

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

Posted

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

Additional System Details

Installed Plug-ins

  • -Shockwave Flash 10.1 r53
  • LogMeIn, Inc. Remote Access Components
  • Office Plugin for Netscape Navigator
  • np-mswmp
  • Adobe PDF Plug-In For Firefox and Netscape
  • Winamp Application Detector
  • Default Plug-in
  • The QuickTime Plugin allows you to view a wide variety of multimedia content in Web pages. For more information, visit the QuickTime Web site.
  • NPRuntime Script Plug-in Library for Java(TM) Deploy
  • Google Update
  • 3.0.50106.0
  • Windows Presentation Foundation (WPF) plug-in for Mozilla browsers
  • 6.0.12.46
  • RealPlayer(tm) LiveConnect-Enabled Plug-In
  • RealJukebox Netscape Plugin
  • Rhapsody Player Engine Plugin
  • Next Generation Java Plug-in 1.6.0_20 for Mozilla browsers

Application

  • User Agent: Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.2.3) Gecko/20100401 Firefox/3.6.3 ( .NET CLR 3.5.30729)

More Information

works:
article { display: block; border: 1px solid red }
does not work:
article { border: 1px solid red }

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

The HTML5 parsing engine is not turned on by default in the 3.6.x versions, it is turned on in [http://firefox.com/beta Firefox 4]