Opera and the <noscript> tag
When you build websites and test them in various browsers there always are some problems in some browsers. Usually it’s the one you expect who displays things incorrectly. But a few days ago I was surprised when Opera insisted on showing me the contents of a <noscript> tag.
The solution to the problem was a little surprising. To have users see a nice noscript message I had styled it through CSS. When I removed the styles Opera behaved. The line that triggered the display was
display: block;
Other display configurations seem to create the same problem. Opera’s behaviour is incorrect, see the specs as Dave points out.
Related posts:
This entry was written by nicolas, posted on 27. December 2008, filed under Technology and tagged CSS, HTML, opera, usability. Bookmark the permalink. Follow any comments here with the RSS feed for this post.
I am Nicolas Kuttler, a web developer, system administrator and IT consultant from France, currently living in Germany. 
nicolas: Hi Joey, not sure what you mean. The only thing that has a background is the success + error message. You...
Joey: Hey Nic, How to clear the background of your plugin? 
Kar: Wordpress error log shows nothing that could be related to this problem.
Hello. I hit the same problem. Thanks for the explanation, I was quite relieved.
This is the soluton I have found:
Enclose the whole noscript tag and content in a DIV. Apply the CSS style to the div tag instead of to the noscript.
(I needed the display:block style so the width could be correct)
Great, thanks for the fix!
To be honest, I didn’t even think about fixing it and simply removed the styles.