menu staat niet goed in IE
Dit heb ik geprobeert maar helaas werkt het niet :-/
Weet iemand wat ik nog meer kan proberen?
Alvast erg bedankt!
PS; hier een stuk css
Code (php)
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
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
nav {
padding:0px;
margin:0px;
}
nav ul{
margin:0px;
padding:0px;
list-style:none;
}
nav ul a {
font-family:Vinyl, Arial, Helvetica, sans-serif;
font-size:18px;
text-transform:uppercase;
color:#f6efdf;
text-decoration:none;
letter-spacing:4px;
text-align:center;
}
nav ul li {
display:block;
float:left;
position:relative;
}
nav li ul {
text-align:center;
margin:20px 0 0 0;
padding:0;
display:block;
}
nav li ul li{
margin:0;
padding:0;
width:100%;
display:block;
}
nav li:hover ul {
display: inline;
text-align:center;
}
nav ul a:hover {
color:#f6efdf;
}
nav li{
padding:15px 0px;
text-align:center;
width:100%;
margin:0px;
display:inline;
}
nav li:hover {
background-color:#000000;
display:inline;
}
.active {
background-color:#000000;
display:block;
}
.current-menu-item {
background-color:#000;
display:block;
}
.current-menu-item ul{
display:block;
}
padding:0px;
margin:0px;
}
nav ul{
margin:0px;
padding:0px;
list-style:none;
}
nav ul a {
font-family:Vinyl, Arial, Helvetica, sans-serif;
font-size:18px;
text-transform:uppercase;
color:#f6efdf;
text-decoration:none;
letter-spacing:4px;
text-align:center;
}
nav ul li {
display:block;
float:left;
position:relative;
}
nav li ul {
text-align:center;
margin:20px 0 0 0;
padding:0;
display:block;
}
nav li ul li{
margin:0;
padding:0;
width:100%;
display:block;
}
nav li:hover ul {
display: inline;
text-align:center;
}
nav ul a:hover {
color:#f6efdf;
}
nav li{
padding:15px 0px;
text-align:center;
width:100%;
margin:0px;
display:inline;
}
nav li:hover {
background-color:#000000;
display:inline;
}
.active {
background-color:#000000;
display:block;
}
.current-menu-item {
background-color:#000;
display:block;
}
.current-menu-item ul{
display:block;
}
Gewijzigd op 04/11/2013 20:04:46 door Jos bosb
IE accepteert wel :hover alleen als je browser te oud is accepteert hij geen HTML5 elementen.
zet dit in je <head></head>
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
ik heb
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
in de header gezet en het werkt! Hoe kan dat? Wat doet het preccies?
Dankjewel
