Forms not displaying properly
I’ve noticed that since the last update to Firefox (4.0.1), that forms in tables that I've created previously are screwed up looking. The text fields elongate and the margins are no longer correct. I’ve checked the work on other PC browsers and Safari and they display fine there. You can see a sample here: https://fncu.securesites.net/forms/membership and in the images below.
Modified by Blaise
Chosen solution
You could check whether it is the new HTML5 rendering engine by toggling it off and reloading.
(1) Type or paste about:config in the address bar and press Enter. Click the button promising to be careful.
(2) In the filter box, type or paste html5 and pause while the list is filtered
(3) Double-click html5.parser.enable to toggle it to false.
Then reload the problem page and see whether it makes any difference. If it does, it suggests there is something a little non-standard in the HTML or CSS, or you have found a bug.
Read this answer in context 👍 2All Replies (5)
On Windows 7, that form looks the same in Firefox 4 and Internet Explorer 8.
When you have a problem with one particular site, a good "first thing to try" is clearing your Firefox cache and deleting your saved cookies for the site. This is particularly relevant if you have changed external style sheets, as older ones sometimes get stuck in the cache.
1. Clear Firefox's Cache
Firefox > Preferences > Advanced > Network > Offline Storage (Cache): "Clear Now"
2. If needed, delete the site's cookies
right-click the page, choose View Page Info > Security > "View Cookies"
Does that help?
Thanks, but the problem seems to only be with the Mac version of Firefox. These forms have been up for several years, it's only since 4.0 came out that they're not displaying properly.
Chosen Solution
You could check whether it is the new HTML5 rendering engine by toggling it off and reloading.
(1) Type or paste about:config in the address bar and press Enter. Click the button promising to be careful.
(2) In the filter box, type or paste html5 and pause while the list is filtered
(3) Double-click html5.parser.enable to toggle it to false.
Then reload the problem page and see whether it makes any difference. If it does, it suggests there is something a little non-standard in the HTML or CSS, or you have found a bug.
Thanks. That did work and gives me a good indication of what to look for.
I have a different form problem, but the about:config thing didn't help my problem at all. I'll start a new thread. It will be titled "Select Boxes, Optgroup and CSS"