Hjæp til CSS; Virker ikke i IE

Tags:    html css

Jeg har et lille problem. Jeg har lavet mit css-layout, men jeg kan ikke se det i Internet Explorer, men når jeg prøver Friefox, virker det 100%. Jeg fik også en ven til at sige hvordan han så designet i IE, men det var på samme måde; helt sort. I Firefox kunne man se menuen.

Mit CSS :
body {
background-color: #000000
}
p {
color: #66CC99;
}
#vmenu {
background-color: #663366;
color: #99CC99;
position: absolute;
top: 80px;
font-size: 12px;
left: 5px;
width: 140px;
font-family: Arial, Helvetica, sans-serif;
height: 800px;
border: thin groove #000066;
cursor: text;
filter: Light;
}
#lvmenu {
background-color: #663366;
width: 140px;
height: 15px;
}
#lvmenu:hover {
background-color: #155717;
color: #FFFFFF;
}

Min HTML-fil:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="css.css">
</head>

<body>
<div id="vmenu">
<div id="lvmenu">
Menu 1
</div>
<div id="lvmenu">
Menu 2
</div>

</div>
</div>
</body>
</html>


- Som i sikkert har bemærket er jeg ikke ligefrem mester CSS. :)
Men håber nu at nogle kan hjælpe.




Det eneste jeg lige kan komme på er at filter-egenskaben er noget IE-only, og derfor må siden se forskelligt ud i de to browsere. Men da det er IE det ikke virker i, ville jeg slette denne linje. Det ved ikke om det vil virke.



Jeg kan se du er ved at lave noget hover med divs, og det understøtter ie ikke fra start.


-----BEGIN GEEK CODE BLOCK-----
Version: 3.12
GED d- s: a--- C++ W++ w PS X+ tv+ b D G e- h! !r z--
------END GEEK CODE BLOCK------



Det første hjalp, men hover virker stadig ikke.

---

Har du et bud på hvad jeg kan gøre for at IE kan læse <div> ?



hover virker kun på a i IE. Ind til videre må du bruge JavaScript hvis du vil have hover-effekt på andre elementer i IE



Okay, tak. Skal jeg prøve :)



hover virker kun på a i IE. Ind til videre må du bruge JavaScript hvis du vil have hover-effekt på andre elementer i IE


Du kan få det til at virke på alle de andre end anchors i IE ved hjælp af et "css behavior".
Du indsætter følgende linje i dit head:

<!--[if IE]>
<style type="text/css" media="screen">
body {behavior: url(csshover.htc);}
</style>
<![endif]-->

og ligge filen csshover.htc i samme mappe.

jeg har brugt filen her http://dybber.dk/teknologi/ så kan du finde filen her:
http://dybber.dk/teknologi/csshover.htc


Jeg har på siden brugt det til at lave menuen udelukkende vha. CSS.

Hilsen

Martin Dybdal (Dybber)



Det første jeg lige lod mærke til var at der mangler et ";" i body { } i css-filen. Sådanne små ting kan få IE til at skumle totalt!



t