Ik heb deze page:
http://members.home.nl/leokennis/mijnogen/index.html
Aangezien alles in een container staat om t gecenterd te houden, heb ik nogal moeten stunten met de positioning (bijv. top: -879px). Dit resulteert in een groot leeg gebied onder de inhoud. Je zou denken: overflow: hidden. Dat dacht ik ook echter:
-In Opera werkt het, je ziet de overflow niet en je kan er niet heen gaan
-In FireFox zie je de overflow niet, en je ziet geen scrollbalk, maar je kan er wel naartoe scrollen met je scrollwheel.
-In IE zie je scrollbars waarmee je naar de (zichtbare) overflow kan scrollen
Probleem! Is er een crossbrowser oplossing hiervoor?
Ik heb op W3 Schools gekeken, maar dat is allemaal wat te basic. De search is down, en via de "google GoT search" kan ik niet erg specifiek zoeken dus helaas...
http://members.home.nl/leokennis/mijnogen/index.html
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
| body
{
text-align: center;
background-color: #99aaaa;
margin: 0px;
padding: 0px;
overflow: hidden;
}
#container
{
margin-left: auto;
margin-right: auto;
width: 500px;
text-align:left;
}
#header
{
width: 500px;
height:100px;
background-image: url("header.jpg");
background-position: center;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#content
{
width: 360px;
height: 400px;
background-color: #ffffff;
margin: 0 0 0 0;
padding: 0 0 0 0;
position: relative; left: 70px;
}
#footer
{
width:500px;
height: 79px;
background-image: url("footer.jpg");
background-position: center;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#shadowleft
{
width: 70px;
height: 400px;
background-image: url("shadow_left.jpg");
margin: 0 0 0 0;
padding: 0 0 0 0;
position: relative; top: -479px;
}
#shadowright
{
width: 70px;
height: 400px;
background-image: url("shadow_right.jpg");
margin: 0 0 0 0;
padding: 0 0 0 0;
position: relative; top: -879px; left: 430px;
} |
Aangezien alles in een container staat om t gecenterd te houden, heb ik nogal moeten stunten met de positioning (bijv. top: -879px). Dit resulteert in een groot leeg gebied onder de inhoud. Je zou denken: overflow: hidden. Dat dacht ik ook echter:
-In Opera werkt het, je ziet de overflow niet en je kan er niet heen gaan
-In FireFox zie je de overflow niet, en je ziet geen scrollbalk, maar je kan er wel naartoe scrollen met je scrollwheel.
-In IE zie je scrollbars waarmee je naar de (zichtbare) overflow kan scrollen
Probleem! Is er een crossbrowser oplossing hiervoor?
Ik heb op W3 Schools gekeken, maar dat is allemaal wat te basic. De search is down, en via de "google GoT search" kan ik niet erg specifiek zoeken dus helaas...
leoaq.fm // Jeune Loop