Ik heb een pagina gemaakt met een backgroundcolor zeg "kleur X" daarop zit een layer die kleiner is dan de pagina zelf met hier een tabel in,nu krijg je dus
die backgroundkleur als border met een layer met static background in het midden,
bij IE gaat het goed mbv scriptje zet ie layer in het midden en rest is dus die kleur X
maar met opera zie je en de scrollbar niet van de layer (in IE5.01 wel) en is de hele backgroundkleur niet te zien,maar spreidt ie layer uit over de hele breedte van de pagina...
iemand ervaringen hiermee of iets wat ik kan proberen ?
Hieronder volgt script voor center layer wat dus wel in IE werkt :
die backgroundkleur als border met een layer met static background in het midden,
bij IE gaat het goed mbv scriptje zet ie layer in het midden en rest is dus die kleur X
maar met opera zie je en de scrollbar niet van de layer (in IE5.01 wel) en is de hele backgroundkleur niet te zien,maar spreidt ie layer uit over de hele breedte van de pagina...
iemand ervaringen hiermee of iets wat ik kan proberen ?
Hieronder volgt script voor center layer wat dus wel in IE werkt :
edit:
ik test met Opera 6.01
ik test met Opera 6.01
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
79
| <script language="JavaScript">
<!--
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
function Is() {
var agent = navigator.userAgent.toLowerCase();
this.major = parseInt(navigator.appVersion);
this.minor = parseFloat(navigator.appVersion);
this.ns = ((agent.indexOf('mozilla') != -1) &&
(agent.indexOf('spoofer') == -1) &&
(agent.indexOf('compatible') == -1) &&
(agent.indexOf('opera') == -1) &&
(agent.indexOf('webtv') == -1));
this.ns2 = (this.ns && (this.major == 2));
this.ns3 = (this.ns && (this.major == 3));
this.ns4 = (this.ns && (this.major == 4));
this.ns6 = (this.ns && (this.major >= 5));
this.ie = (agent.indexOf("msie") != -1);
this.ie3 = (this.ie && (this.major < 4));
this.ie4 = (this.ie && (this.major >= 4));
this.ie5 = (this.ie && (this.major == 4) &&
(agent.indexOf("msie 5.0") != -1));
this.ieX = (this.ie && !this.ie3 && !this.ie4);
}
var is = new Is();
function layerObject(id,position,left,top,visibility,height,width) {
if (is.ie5||is.ns6){
this.obj = document.getElementById(id).style;
this.obj.position = position;
this.obj.left = left;
this.obj.top = top;
this.obj.visibility = visibility;
this.obj.height = height;
this.obj.width = width;
return this.obj;
} else if(is.ie4) {
this.obj = document.all[id].style;
this.obj.position = position;
this.obj.left = left;
this.obj.top = top;
this.obj.visibility = visibility;
this.obj.height = height;
this.obj.width = width;
return this.obj;
} else if(is.ns4) {
this.obj = document.layers[id];
this.obj.position = position;
this.obj.left = left;
this.obj.top = top;
this.obj.visibility = visibility;
this.obj.height = height;
this.obj.width = width;
return this.obj;
}
}
function layerSetup() {
// alert(available_witdth);
if(available_width < 700 )
centerLyr = new layerObject('centerLayer','absolute', available_width/2-308,0,'visible',245,616);
if (available_width < 1000 && available_width > 700)
centerLyr = new layerObject('centerLayer','absolute', available_width/2-383,0,'visible',440,766);
if(available_width > 1000)
centerLyr = new layerObject('centerLayer','absolute', available_width/2-383,0,'visible',580,766);
}
//--> |