Ik wil een witte rand om een fixed-width plaatje hebben, die alleen bij hogere resoluties te zien is. Ik loop nu te spelen met z-index, en overflow e.d. Maar dan komt er dus een scrollbalk.
Ik heb namelijk een site op 1024x768 gemaakt. Op hogere resoluties moet die witte rand om de site komen. Daar weer achter staat een background ingesteld. Geheel te zien op http://www.rjd-010.nl/got
en
Ik snap eigenlijk wel dat die scrollbalken er komen, hoe zou een browser moeten weten dat er hier een stukje vanaf mag, maargoed. Wat is dan wel de oplossing?
Ik heb namelijk een site op 1024x768 gemaakt. Op hogere resoluties moet die witte rand om de site komen. Daar weer achter staat een background ingesteld. Geheel te zien op http://www.rjd-010.nl/got
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
| body {
padding:0px;
margin:0px;
text-align: center;
}
#unit {
position: absolute; left: 50%;
text-align: left;
left:50%
vertical-align: middle;
margin-left: -490px;
padding: 0px;
width: 980x;
background-color: #ffffff;
z-index:3;
}
#witterand {
position: absolute; left: 50%; overflow:hidden;
text-align: left;
vertical-align: middle;
margin-left: -510px;
padding: 0px;
width: 1020px;
height: 700px;
background-color: #ffffff;
z-index:2;
} |
en
code:
1
2
3
4
5
6
7
8
9
| <body background="bg.gif" bgcolor="#ffffff">
<div id="unit">
[img]"v3.gif">
</div>
<div[/img]
witte rand
</div> |
Ik snap eigenlijk wel dat die scrollbalken er komen, hoe zou een browser moeten weten dat er hier een stukje vanaf mag, maargoed. Wat is dan wel de oplossing?
Wat er ook gebeuren moogh...