---

Ang. drop-down menu defineret i style sheet.
Den vises fint i IE 7, men undermenuerne kommer ikke frem i IE 6.
Hvad kan problemet være? Håber, at der er nogen, der kan hjælpe.
Hjemmesiden er: www.danishvolunteers.com.



--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

DV skrev:
> Ang. drop-down menu defineret i style sheet.
> Den vises fint i IE 7, men undermenuerne kommer ikke frem i IE 6.
> Hvad kan problemet være? Håber, at der er nogen, der kan hjælpe.
> Hjemmesiden er: www.danishvolunteers.com.
>

Det er navigationsbjælken det drejer sig
om. Problemet med den er at undermenuerne
foldes ud via en li:hover. Det vil ikke
virke i IE<7. Remedierne for det kan du
læse om i artiklen

http://webdesign101.dk/www/cssmenu/dropdownmenu.php

Din navbar er et af eksemplerne fra denne
artikel.

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

---

Tak. Hvad er alternativet? Kan jeg nøjes med en simpel ændring i
koden?

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

DV skrev:
> Tak. Hvad er alternativet? Kan jeg nøjes med en simpel ændring i
> koden?
>
IE5 og IE6 forstår ikke li:hover, og så vil
den dropdownmenu ikke virke i disse browsere.
Det kan ikke fixes med nogen ændring i HTML-koden.

Dine muligheder er
1) at droppe denne dropdownmenu og anlægge
en egentlig JavaScript-drevet menu som
Suckerfish eller udm4.
2) at fixe denne dropdownmenu så IE5 og
IE6 bringes til at tolke li:hover. Der
er flere metoder til det, alle beskrevet
i min artikel
http://webdesign101.dk/www/cssmenu/dropdownmenu.php

Jeg foretrækker Nederhoffs whatever:hover

Som det sidste element i din sides head-del
indsætter du:

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

Bemærk [sti] som er stien fra din webside
til den folder på serveren, htc-filen
ligger i.

htc-filen kan downloades fra min ovennævnte
webside eller fra Peter Nederhoffs hjemmeside
http://www.xs4all.nl/~peterned/csshover.html



--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..