Ik heb niet zozeer probleem, echter wel een vraag 
Het hieronder getoonde stukje html / css is een testcase voor iets wat ik niet verklaard krijg. De absoluut gepositioneerde div met id "banner_bottom" moet namelijk per se boven de div met id "banner_top" staan in de flow, omdat anders IE deze "banner_bottom" niet laat zien.
Kan iemand misschien verklaren waarom dit in IE niet goed gaat? Is dit weer één van de vele mankementen van IE of doe ik iets goed fout?
Ik heb al gekeken of de z-index verder nog soelaas biedt, echter zonder resultaat.
Het hieronder getoonde stukje html / css is een testcase voor iets wat ik niet verklaard krijg. De absoluut gepositioneerde div met id "banner_bottom" moet namelijk per se boven de div met id "banner_top" staan in de flow, omdat anders IE deze "banner_bottom" niet laat zien.Kan iemand misschien verklaren waarom dit in IE niet goed gaat? Is dit weer één van de vele mankementen van IE of doe ik iets goed fout?
Ik heb al gekeken of de z-index verder nog soelaas biedt, echter zonder resultaat.
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
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<!-- MIME-type nog veranderen -->
<title>BLAATT</title>
<style type="text/css">
#container {
position: relative;
width: 778px;
background-color: grey;
}
#banner_top {
background-color: blue;
width: 778px;
height: 123px;
}
#banner_bottom {
position: absolute;
top: 123px;
left: 0px;
width:342px;
height:72px;
background-color: red;
}
#left_column{
float: left;
background-color: lime;
padding-top: 72px;
min-height: 428px;
_height: 428px;
width: 325px;
}
#right_column{
float: left;
background-color: yellow;
min-height: 500px;
_height: 500px;
padding: 0 20px 0 20px;
width: 413px;
}
</style>
</head>
<body>
<div id="container">
<div id="banner_top"></div>
<div id="banner_bottom"></div> <!-- Deze div moet dus per se boven de div met id "banner_top" staan -->
<div id="left_column">Linkse kolom</div>
<div id="right_column">Rechtse kolom</div>
<div style="clear: both;">footer</div>
</div>
</body>
</html> |
[ Voor 26% gewijzigd door Sappie op 06-03-2005 20:37 ]
:strip_exif()/u/105445/zidane2.gif?f=community)
:strip_exif()/u/3333/pumpkin_avatar.gif?f=community){kind=avatar}
