Conditional Comment, it works, but why?

**Jonathan N. Little** · Oct 24 '06, 05:15 PM

Re: Conditional Comment, it works, but why?

patrick j wrote:

Hi
>
I've been testing out the "Conditiona l Comment" for IE. This is because
for my web-site I want to have two style sheets, one for IE 6 and one
for other browsers. Thus I hope to have my web-site as I want it for
"other browsers" but still have it presentable in IE.
>
I understand why the conditional comment works, despite the subject
header for this posting. What I don't understand is why IE "ignores"
the link to the CSS that precedes the conditional comment link.
>
Now that I've got you transfixed with interest I will give you the URL
to my conditional comment test web-page:
>
<http://www.patrickjame s.me.uk/cond_com_test.h tml>
>
Fortunately it is at least a very positive message.
>
Viewed with IE/Win 6 or 5 the background is maroon, the text is white.
Viewed with any other browser then the background is white the text is
maroon.
>
I have the "Link" tags in the HTML header section arranged like this:
>
<link href="cond_com_ test.css" rel="stylesheet " type="text/css">

>
As you can see the link to the "other browser" style-sheet comes before
the one within the conditional comment for IE/Win 5/6.
>
I understand that IE makes a decision on the basis of the conditional
comment, it's programmed to recognise it, but what I don't understand
is how it knows to ignore the link to the style-sheet for other
browsers which comes first?

It doesn't, it applies cond_com_test.c ss first then redefines by
applying cond_com_test_i e.css. You would ge a very different result if
your markup was:



<link href="cond_com_ test.css" rel="stylesheet " type="text/css">

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO

Little Works Studio Site Maintainance

http://www.LittleWorksStudio.com

**Harlan Messinger** · Oct 24 '06, 05:55 PM

Re: Conditional Comment, it works, but why?

patrick j wrote:

Now that I've got you transfixed with interest I will give you the URL
to my conditional comment test web-page:
>
<http://www.patrickjame s.me.uk/cond_com_test.h tml>
>
Fortunately it is at least a very positive message.
>
Viewed with IE/Win 6 or 5 the background is maroon, the text is white.
Viewed with any other browser then the background is white the text is
maroon.
>
I have the "Link" tags in the HTML header section arranged like this:
>
<link href="cond_com_ test.css" rel="stylesheet " type="text/css">

>
As you can see the link to the "other browser" style-sheet comes before
the one within the conditional comment for IE/Win 5/6.
>
I understand that IE makes a decision on the basis of the conditional
comment, it's programmed to recognise it, but what I don't understand
is how it knows to ignore the link to the style-sheet for other
browsers which comes first?

What leads you to think IE is ignoring the first LINK? It's processing
both, just as it would if you didn't have the conditional comments at all.

**cwdjrxyz** · Oct 24 '06, 08:45 PM

Re: Conditional Comment, it works, but why?

patrick j wrote:

Hi
>
I've been testing out the "Conditiona l Comment" for IE. This is because
for my web-site I want to have two style sheets, one for IE 6 and one
for other browsers. Thus I hope to have my web-site as I want it for
"other browsers" but still have it presentable in IE.
>
I understand why the conditional comment works, despite the subject
header for this posting. What I don't understand is why IE "ignores"
the link to the CSS that precedes the conditional comment link.
>
Now that I've got you transfixed with interest I will give you the URL
to my conditional comment test web-page:
>
<http://www.patrickjame s.me.uk/cond_com_test.h tml>
>
Fortunately it is at least a very positive message.
>
Viewed with IE/Win 6 or 5 the background is maroon, the text is white.
Viewed with any other browser then the background is white the text is
maroon.
>
I have the "Link" tags in the HTML header section arranged like this:
>
<link href="cond_com_ test.css" rel="stylesheet " type="text/css">

>
As you can see the link to the "other browser" style-sheet comes before
the one within the conditional comment for IE/Win 5/6.
>
I understand that IE makes a decision on the basis of the conditional
comment, it's programmed to recognise it, but what I don't understand
is how it knows to ignore the link to the style-sheet for other
browsers which comes first?
>
Ideally I would just be glad it works and not wonder about this I guess

Ypu are giving two conflicting commands. You must both tell what to do
if IE and what to do if not IE. There is a IE not command, but it is
not valid html. However, there is a way around this that will validate
at W3C. For example, see
http://www.cwdjr.info/broadbandMedia.../cancanWMV.php . This
page takes an ActiveX object path if IE is present and an ordinary
object path if IE is not present. Note this page requires a rather high
rate broadband connection to buffer in a reasonable time, and if the
browser is IE, ActiveX must be on. Also a WMP must be installed.

The code of interest here is:




<div style="text-align:center">
<object data="http://www.cwdjr.info/movie/cancanvbr.wvx"
type="video/x-ms-wvx" style="width:40 0px; height:340px">
<param name="src" value="http://www.cwdjr.info/movie/cancanvbr.wvx"
valuetype="ref" />
<param name="showcontr ols" value="1" valuetype="data " />
<param name="showstatu sbar" value="1" valuetype="data " />
<param name="autostart " value="0" valuetype="data " />
<param name="volume" value="0" valuetype="data " />
<param name="PlayCount " value="1" valuetype="data " />
</object>
</div>


Nite the <![endif]--to
take the correct path if not IE and to also validate at W3C.

**dorayme** · Oct 24 '06, 10:55 PM

Re: Conditional Comment, it works, but why?

In article
<0001HW.C1640B0 7004100C6B019F9 4F@News.Individ ual.Net>,
patrick j <patrick@jamesn ews.orangehome. co.ukwrote:

>
I understand why the conditional comment works, ... What
I don't understand is why IE "ignores"
the link to the CSS that precedes the conditional comment link.
>

Think of a single stylesheet, and two instructions:

div {

padding: 5px;
padding: 40px:
}

Browser reads both but resolves to the last instruction. You get
big padding!

But with

div {

padding: 40px;
padding: 5px:
}

you get modest padding.

Similar thing with stylesheet declarations in the head, the last
one is the one that counts (if it is can be understood!)

--
dorayme

**Andy Dingley** · Oct 25 '06, 10:15 AM

Re: Conditional Comment, it works, but why?

patrick j wrote:

I've been testing out the "Conditiona l Comment" for IE. This is because
for my web-site I want to have two style sheets, one for IE 6 and one
for other browsers.

You have too much in cond_com_test_i e.css

Don't write "two stylesheets" here. Write one stylesheet for the site,
for all standards-compliant browsers, then write the minimal set of
fix-ups for IE and apply only those through the conditional mechanism.

I know of only _one_ property that's justified to go in here! Anything
else you can fix by good CSS authoring practice and using
standards-mode rendering.

**patrick j** · Oct 25 '06, 04:25 PM

Re: Conditional Comment, it works, but why?

On Wed, 25 Oct 2006 11:28:07 +0100, Andy Dingley wrote
(in article <1161772087.893 524.171490@i42g 2000cwa.googleg roups.com>):

Don't write "two stylesheets" here. Write one stylesheet for the site,
for all standards-compliant browsers, then write the minimal set of
fix-ups for IE and apply only those through the conditional mechanism.

Thanks to all who have responded. Together the replies have given me a
great deal of knowledge I did not have.

I will go ahead with creating my general purpose style-sheet for the
site and then have a minimalist one for IE to have a peek at and sort
out any issues for IE 6.

--
Patrick
Brighton, UK

<http://www.patrickjame s.me.uk>