2 kleine (of grote) problemen site.
Ik heb 2 problemen met mijn site en dat is het verschil met internet explorer en google chrome, hier het verschil:
Zoals je ziet zit er bij Internet Explorer een blauwe rand om de knoppen heen en bij chrome niet. Ik bij chrome vind ik het er mooier uit zien, nu is mijn vraag hoe ik het bij internet explorer er ook uit haal.
Dit is mijn dropdown code:
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
65
66
67
68
69
70
71
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
#sddm
{
margin: auto;
float: center;
z-index: 15000
}
#sddm li
{
margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold 11px arial
}
#sddm li a
{
display: block;
margin: 0 3px 0 0;
padding: 0px 0px;
width: 114,2857142857143px;
background: #5970B2;
color: #FFF;
text-align: center;
text-decoration: none
}
#sddm li a:hover
{
background: #49A3FF
}
#sddm div
{
position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #EAEBD8;
border: 1px solid #5970B2
}
#sddm div a
{
position: relative;
display: block;
margin: 0;
padding: 0px 0px;
width: 108px;
white-space: nowrap;
text-align: center;
text-decoration: none;
background: #EAEBD8;
color: #2875DE;
font: 11px arial
}
#sddm div a:hover
{
background: #49A3FF;
color: #FFF
}
.borderdiv
{
border: 0px solid #5970B2
}
{
margin: auto;
float: center;
z-index: 15000
}
#sddm li
{
margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold 11px arial
}
#sddm li a
{
display: block;
margin: 0 3px 0 0;
padding: 0px 0px;
width: 114,2857142857143px;
background: #5970B2;
color: #FFF;
text-align: center;
text-decoration: none
}
#sddm li a:hover
{
background: #49A3FF
}
#sddm div
{
position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #EAEBD8;
border: 1px solid #5970B2
}
#sddm div a
{
position: relative;
display: block;
margin: 0;
padding: 0px 0px;
width: 108px;
white-space: nowrap;
text-align: center;
text-decoration: none;
background: #EAEBD8;
color: #2875DE;
font: 11px arial
}
#sddm div a:hover
{
background: #49A3FF;
color: #FFF
}
.borderdiv
{
border: 0px solid #5970B2
}
Het tweede probleem is, zoals je kan zien is het de divs bij chrome er nog een stuk vanaf zitten van de rand van de main div en bij internet explorer zitten ze over de main DIV heen...
De code van de main div en div waar de tekst enz in staat:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
#websiteopm
{
border: 4px ridge #85b602;
width: 900px ;
height: 610px;
position: absolute;
left: 50%;
margin-left: -450px;
top: 0px;
}
.mainscreen
{
top:115px;
position: absolute;
height: 475px;
width: 896px;
z-index: 500;
overflow: auto;
}
{
border: 4px ridge #85b602;
width: 900px ;
height: 610px;
position: absolute;
left: 50%;
margin-left: -450px;
top: 0px;
}
.mainscreen
{
top:115px;
position: absolute;
height: 475px;
width: 896px;
z-index: 500;
overflow: auto;
}
Iemand die weet hoe ik deze 2 problemen moet oplossen?
Alvast bedankt.
Gewijzigd op 26/10/2010 10:52:20 door Bastiaan Kl
tweede probleem heeft uit mn hoofd met margin/padding-top te maken
Je gebruikt afbeeldingen in je links zo te zien. Als je hun border op 0 zet dan ben je de blauwe rand kwijt.
Ok die met die blauwe rand om knoppen is opgelost, dankjewel ;).