Hi,

The blog website I am working on is messed-up in Firefox. I added following to main default.aspx. But no matter what changes I do to firefox.css it doesn't pick up by the Firefox browser. It seems the following code does not trigger in Firefox browser. What am I doing wrong?


<!--[if Firefox]><link runat="server" rel="stylesheet" href="~/App_Themes/firefox.css" type="text/css" />
<![endif]-->

<!--[if IE ]>
<link runat="server" rel="stylesheet" href="~/App_Themes/maincss.css" type="text/css"/>
<![endif]-->

Hi there,

Conditional comments, using the <!--[ ... ]> syntax are an IE-only thing and will have no effect on other browsers. In your case, Firefox sees the text as a comment and ignores it.

What's the need to distinguish between browsers? Isn't there a cross browser solution available to your problem?

Imar

__________________
Imar Spaanjaars
http://Imar.Spaanjaars.Com
Follow me on Twitter

Author of Beginning ASP.NET 4.5 : in C# and VB, Beginning ASP.NET Web Pages with WebMatrix
and Beginning ASP.NET 4 : in C# and VB.
Did this post help you? Click the button below this post to show your appreciation!

I found out my problem in CSS file. Width needs to be declared specially when creating tab style menus..