What is the syntax if I want to load a css file in my website with if statement.
Situation is like this.
If ie6 I will load ie6_style.css
and if ie7, mozilla, or new browsers, I will load style.css
views:
99answers:
2
A:
You would need to detect which browser with javascript and then load the CSS.
Something like this
<script language="JavaScript"><!--
browser_version= parseInt(navigator.appVersion);
browser_type = navigator.appName;
if (browser_type == "Microsoft Internet Explorer" && (browser_version >= 7)) {
document.write("<link REL='stylesheet' HREF='012899-ie7.css' TYPE='text/css'>");
}
else if (browser_type == "Netscape" && (browser_version >= 5)) {
document.write("<link REL='stylesheet' HREF='012899-netscape5.css' TYPE='text/css'>");
}
// --></script>
Dean
2010-01-04 15:11:10
Thank you, this is working.
Jordan Pagaduan
2010-01-04 15:22:07
This won't work if they have javascript disabled.
Malfist
2010-01-04 15:26:44
Yes. That is a one problem of javascripts. I prefer to use css.
Jordan Pagaduan
2010-01-04 15:39:58
+9
A:
<link rel="stylesheet" type="text/css" href="style.css">
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie6_style.css">
<![endif]-->
RegDwight
2010-01-04 15:11:18
More infomration can be found at quirksmode: http://www.quirksmode.org/css/condcom.html
Scott
2010-01-04 15:13:48
You'll want to reverse the loading order, otherwise ie-specific styles will be overwritten by the normal styles.
Sean Vieira
2010-01-04 15:13:50