Toon posts:

CSS IE rendering problem

Pagina: 1
Acties:

Verwijderd

Topicstarter
Heey,

Heb een probleem met mijn menutje, die hier te zien is: http://www.kbskameleon.nl/kameleon2/ ik heb de website ook nog ergens anders online staan om beetje mee te testen http://www.ullc.nl/kameleon2/ maar hier doet ie het prima terwijl hij precies hetzelfde is ?!

In IE verwijnen die rode pijtljes en komen dan weer terug.. En ze moeten gewoon blijven staan.

wie ziet wat er fout is?

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
body { 
        background: #EBEBEB; 
        behavior:url("csshover.htc"); 
    } 
     
    #menu * { 
        font-family: Century Gothic, Arial, Helvetica, sans-serif ; 
        font-size:12px; 
        color:white; 
    } 

    /* the menu */ 

    #menu ul,#menu li,#menu a { 
        display:block; 
        margin:0; 
        padding:0; 
        border:0; 
    } 

    #menu ul { 
        width:150px; 
        background:#5B3C66; 
        list-style:none; 
    } 

    #menu li { 
        position:relative; 
        padding:1px; 
        padding-left:10px; 
        background:url("menuicoon.gif") no-repeat; 
        z-index:9; 
    } 
        #menu li.folder    { background:url("menuicoon.gif") no-repeat; }         
        #menu li.folder ul { 
            position:absolute; 
            left:120px; /* IE */ 
            top:5px; 
            border:1px solid #9d9da1; 
        }         
            #menu li.folder>ul { left:140px; } /* others */ 

    #menu a { 
        padding:2px; 
        border:0; 
        text-decoration:none; 
        color:white; 
        font-weight:normal; 
        width:100%; /* IE */ 
    } 
        #menu li>a { width:auto; } /* others */ 

    #menu li a.submenu { 
         
    } 

    /* regular hovers */ 

    #menu a:hover { 
        border-color:gray; 
        background-color:#8F8FCB; 
        color:black; 
    } 
        #menu li.folder a:hover { 
            background-color:#8F8FCB; 
        } 
     
    /* hovers with specificity */ 
     
    #menu li.folder:hover { z-index:10; }         
         
    #menu ul ul,#menu li:hover ul ul { 
        display:none; 
    } 

    #menu li:hover ul,#menu li:hover li:hover ul { 
        display:block; 
    }

  • Woudloper
  • Registratie: November 2001
  • Niet online

Woudloper

« - _ - »

Dit probleem is op te lossen door het volgende aan te passen in je Internet Explorer settings:

Tools » Internet Options... » Temporary Internet Files » Settings...


Selecteer daar elke andere oplossing dan "Every visit to page", deze optie zorgt namelijk voor het flikkeren van de afbeelding. Hier kan je verder lezen over dit issue. Er zijn namelijk ook nog andere oplossingen voorhanden.