CSS stylesheet alleen voor IE

Door Gerben van Erkelens op 05-08-2009 10:36

1.623 views

Ik ben bezig met een website die er zowel in IE als in andere browsers zoals FireFox goed uit moet zien. Nu heb ik hem in zo goed als alle browsers goed staan behalve in IE. Daar gaat het helemaal fout qua padding en margins.

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:

<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

Robert Deiman

05-08-2009 10:44

@Gerben van Erkelens

Draai het eens om:


<link rel="stylesheet" href="style.css" type="text/css">
<!--[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. :)

Gerben van Erkelens

05-08-2009 11:02

Het effect blijft hetzelfde na het verwisselen van bovenstaand. Heb eveneens de Cache van de browser geleegd zonder resultaat.

Jan Koehoorn

05-08-2009 11:27

Net getest, en dit werkt bij mij prima (IE 8):


<!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>

ie.css:


h1			{color: red;}

Gerben van Erkelens

05-08-2009 11:46

Ah jan, dat werkt. Ik had media="screen" er niet bij staan. Dank u!

Reageren

Inloggen om te reageren