webForumDet fria alternativet

Problem med egen css-fil för IE6

HTML & CSSur HTML, XHTML & CSS

5 svar · 768 visningar · startad av caze

Medlem sedan sep. 20016 059 inlägg
Frågan#1

Följde instruktionerna på den här sidan: http://virtuelvis.com/archives/2004/02/css-ie-only

och la in följande kodsnutt på min sida:

 <!--[if IE 6]>
  <link rel="stylesheet" type="text/css" href="style-ie.css" media="all"/>
 <![endif]-->

När jag testar sidan i Browserlab (Adobe) för att se hur det blir i IE6 så verkar den bara köra den vanliga css-filen. Har jag missförstått något eller gör jag något fel?

Medlem sedan aug. 20068 090 inlägg
#2

Det beror bl.a. på VAR du lagt in koden.

Antar att du därigenom får två stilmallar som påverkar taggarna? Dvs att t.ex. en div får "instruktioner" både från din ordinarie stilmall och från filen style-ie.css när den öppnas i IE?

I så fall använder sig divven av den stil som är "närmast". Exempel:

<html><head>
<link rel="stylesheet" type="text/css" href="stilmall-1.css"/>
<link rel="stylesheet" type="text/css" href="stilmall-2.css"/>
</head><body>
<div>blablabla</div>
</body></html>

Här använder sig divven av stilen som är satt i stilmall-2.css eftersom den är "närmast". Har du alltså din cc (conditional comment) för IE6 närmast källkoden? Om inte lägg den där och prova igen.

(Sen litar inte jag till 100% på Adobes Browserlab. Testa här också: http://browsershots.org/ )

Å andra sidan: Jag bryr mig inte längre om IE6. Om folk använder den får dom liksom skylla sig själva. Så istället för att ha en speciell stilmall brukar jag lägga in denna snutt längst upp på sidorna:

<!--[if IE 6]>
<div id="ie6">Din webbläsare är alldeles
för gammal och klarar inte att visa webbplatser korrekt.<br /> Därmed missar du mycket som andra ser tack vare
att dom har nyare programvara.<br /> Ladda ner och installera en ny. Det kostar inte ett endaste öre.<br />
Välj mellan t.ex. <a href="http://www.microsoft.com/sverige/windows/downloads/ie/getitnow.mspx"
target="_blank">Internet Explorer</a> eller <a href="http://sv-se.www.mozilla.com/sv-SE/"
target="_blank">Firefox</a> (rekommenderas).</div><![endif]-->
Medlem sedan sep. 2003110 inlägg
#3

Det verkar som om du har kommenterat bort själva länken, glömt --> efter IE6.

Prova med:

 <!--[if IE 6]-->
  <link rel="stylesheet" type="text/css" href="style-ie.css" media="all"/>
 <![endif]-->
Medlem sedan aug. 20068 090 inlägg
#4

norra54 skrev:

Det verkar som om du har kommenterat bort själva länken, glömt --> efter IE6.

Prova med:

 <!--[if IE 6]-->
  <link rel="stylesheet" type="text/css" href="style-ie.css" media="all"/>
 <![endif]-->

Nejdå. Kommenteringen är riktig. I ditt exempel haltar den dessutom.

Medlem sedan aug. 20039 342 inlägg
#5

Man ska inte ha --> efter if-satsen. Hela idén är att allt i sin helhet, från if till endif, ska tolkas som en kommentar i allt som inte är IE, och alltså bara tolkas av kompatibla läsare.

Medlem sedan sep. 2003110 inlägg
#6

Ok, jag förstår, det såg bara lite fattigt ut (tyckte jag)

132 ms totalt · 3 externa anrop · v20260731065814-full.25f56b17
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)