How to use "if clause" in xhtml?

Question

Hi , i am a newbie C# Programmer. I have a problem in xhtml. I want to check that if browser is IE6 or not. For example if ie6 then div id="div1" style="display:block;" else div id="div1" style="display:none;"> How can i control my browser and use if clause in xhtml?

Answer 1

Assign to your div one permanent style:

<div id="div1" class="jumping-div"></div>

Define the default style:

style1.css:

div.jumping-div
{
    display:none;
}

Then create another stylesheet which will redefine the class:

style2.css:

div.jumping-div
{
    display:block;
}

Then using conditional checks you can include another stylesheet:

<link href="style1.css" rel="Stylesheet" type="text/css" />

<!--[if IE 6]>
    <link href="style1.css" rel="Stylesheet" type="text/css" />
<![endif]-->

Answer 2

conditional comments are easiest, you can also do it server side...

<% if (HttpContext.Request.UserAgent.Contains("internet explorer 6")) //Not sure what the exact name is, need to look it up.
{%>
   //HTML
<%}%>