Conditional Comment Query

K

KiwiBrian

I am running XP SP2 on a Windows PC and running the following test code.
It does not display the appropriate line of print when I run it under IE7.
It behaves as expected when I run it under Firefox.
Can anyone please explain this, and or advise where I am going wrong?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>blah</title>
<style type="text/css">
<!--
body {
margin: 0;
padding: 0;
}
-->
</style>
</head>
<body>
<!-- [if IE7]>
<p style="font-size:24px; color:red">This is an IE test</p>
<![endif]-->
<![if !IE]>
<p style="font-size:24px; color:red">This is a non-IE test</p>
<![endif]>
</body>
</html>

TIA
Brian Tozer
 
N

Neredbojias

Well bust mah britches and call me cheeky, on Thu, 25 Oct 2007 23:35:39
GMT KiwiBrian scribed:
I am running XP SP2 on a Windows PC and running the following test
code. It does not display the appropriate line of print when I run it
under IE7. It behaves as expected when I run it under Firefox.
Can anyone please explain this, and or advise where I am going wrong?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>blah</title>
<style type="text/css">
<!--
body {
margin: 0;
padding: 0;
}
-->
</style>
</head>
<body>
<!-- [if IE7]>
<p style="font-size:24px; color:red">This is an IE test</p>
<![endif]-->
<![if !IE]>
<p style="font-size:24px; color:red">This is a non-IE test</p>
<![endif]>
</body>
</html>

TIA
Brian Tozer
Click to expand...

It should be [if IE 7]. (You have no space.)
 
J

Jonathan N. Little

KiwiBrian said:
I am running XP SP2 on a Windows PC and running the following test code.
It does not display the appropriate line of print when I run it under IE7.
It behaves as expected when I run it under Firefox.
Can anyone please explain this, and or advise where I am going wrong?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>blah</title>
<style type="text/css">
<!--
Click to expand...

Don't need to HTML comment out your CSS, nobody is using a browser that old.
body {
margin: 0;
padding: 0;
}
-->
</style>
</head>
<body>
<!-- [if IE7]>
<p style="font-size:24px; color:red">This is an IE test</p>
<![endif]-->
Click to expand...

below code isn't it missing the "--" <!--[if !IE]>

And also since *only* IE recognizes the conventional crap the test "!IE"
would not be displayed by *any* browser! IE would recognize it and
evaluate it as false and other browsers will just ignore it an HTML comment.
<![if !IE]>
<p style="font-size:24px; color:red">This is a non-IE test</p>
<![endif]>
</body>
</html>
Click to expand...
 
B

BootNic

KiwiBrian wrote: [snip]
It behaves as expected when I run it under Firefox.
Can anyone please explain this, and or advise where I am going wrong? [snip]
<!-- [if IE7]>
Click to expand...
Click to expand...

As it has already be said, you need a space between IE and 7.
There is also a space before the [ that needs to be removed.

<!--[if IE 7]>

[snip]
below code isn't it missing the "--" <!--[if !IE]>
Click to expand...

No its not missing anything for HTML.
And also since *only* IE recognizes the conventional crap the test
"!IE" would not be displayed by *any* browser! IE would recognize > it
Click to expand...
and evaluate it as false and other browsers will just ignore it > an HTML
comment.

It is true that conditional comments are for IE, other browsers do not need
to understand them. If not IE then IE will not display it.

Other browsers should ignore the conditional comments, and when done
correctly !IE will display in browsers that are not IE. As the OP has
stated, it displays as expected in Firefox.

It is completely incorrect to say that !IE conditional comments will not
display in any browser, when done correctly.
<![if !IE]>
<p style="font-size:24px; color:red">This is a non-IE test</p>
<![endif]>
Click to expand...
Click to expand...

Another option for the !IE comment would be:

<!--[if !IE]> <-->
<p style="font-size:24px; color:red">This is a non-IE test</p>
<!--> <![endif]-->

[snip]

http://msdn2.microsoft.com/en-us/library/ms537512.aspx
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

How to position the *tooltip* comment on these buttons? 9
I am trying to detect Which image id="" was clicked ? 22
How can I add arrows to my FAQ 0
How to have two html audio players on one page? 0
Help with some CSS 2
Help with code 0
Centering a button using flexbox 2
HTML Site Problems 11

Members online

No members online now.
Total: 38 (members: 2, guests: 36)
Robots: 210

Forum statistics

Threads
473,764
Messages
2,569,564
Members
45,039
Latest member
CasimiraVa

Latest Threads

Top