ansaurus

Question

Answer 1

A:

What validation error do you get? <noscript> should be allowed in XHTML but it's block level, so make sure it's not in a <p>, <span>, etc

Greg 2008-10-20 11:59:38

Answer 2

+4 A:

To clear up the validation issue: noscript is only allowed in the body element, style only allowed in the head. Therefore, the latter is not allowed within the former.

On the general issue: you'll want to make the div element visible by default, then hide it via CSS + javascript. This is the 'progressive enhancement' model. I notice you say you "don't want to do this because of the flicker", but I'm not sure exactly what's causing this - chances are you can fix it, so maybe you should post that as a question.

Bobby Jack 2008-10-20 15:53:11

Answer 3

+5 A:

Use a script block in the head to add a style element with document.write:

<head>
...
 <script type="text/javascript">
 //<![CDATA[
  document.write('<style type="text/css">.noscript{display:none}</style>');
 //]]>
 </script>
...
</head>

Andrew Duffy 2008-12-03 16:59:54

worked perfectly

Allain Lalonde 2009-04-07 01:16:26

Answer 4

+2 A:

noscript in head is valid HTML5. It wasn't valid before. I just tested it, it works in current Firefox, Safari, Chrome, Opera and IE.

<!doctype html><html>
<head><noscript><style>body{background:red}</style></noscript></head>
<body>is this red? it should <script>document.writeln("not");</script> be. <noscript>indeed.</noscript></body>
</html>

2009-08-26 02:23:15

ansaurus

tags:

views:

answers:

Embedding extra styles with noscript

related questions