CSS stylesheet alleen voor IE
Aangezien er gewenst is dat de versies identiek worden is er besloten een parte stylesheet voor IE te gaan maken. Nu heb ik daarvoor de volgende code:
<!--[if IE]>
<link rel="stylesheet" href="iestyle.css" type="text/css">
<![endif]-->
<link rel="stylesheet" href="style.css" type="text/css">
Het probleem is dat hij de IE versie niet pakt. En in de code zelf zie ik niks verkeerd staan.
Ik draai IE8 op dit moment en heb eveneens al een force IE7 uitgeprobeerd
Draai het eens om:
Code (php)
1
2
3
4
2
3
4
<link rel="stylesheet" href="style.css" type="text/css">
<!--[if IE]>
<link rel="stylesheet" href="iestyle.css" type="text/css">
<![endif]-->
<!--[if IE]>
<link rel="stylesheet" href="iestyle.css" type="text/css">
<![endif]-->
Zoals je het had laad die eerst (indien nodig) de IE versie in, om daarna (en de laatst ingeladen versie telt) de algemene versie in te laden. :)
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<!--[if IE]>
<link rel="stylesheet" type="text/css" media="screen" href="ie.css" />
<![endif]-->
</head>
<body>
<h1>Deze titel moet in IE rood zijn</h1>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<!--[if IE]>
<link rel="stylesheet" type="text/css" media="screen" href="ie.css" />
<![endif]-->
</head>
<body>
<h1>Deze titel moet in IE rood zijn</h1>
</body>
</html>
ie.css:
Code (php)
1
h1 {color: red;}
Gewijzigd op 01/01/1970 01:00:00 door Jan Koehoorn