mee rekkende div en FF
ik zit dus met een klein probleem
http://www.foncke.eu/kryotech/templates/header2.htm
op mijn pagina ben nog alleen maar bezig met de layout
wil ik dat de linker kant mee rekt met de pagina.
als je bovenstaande pagina beziet in IE 7 dan rekt de div mooi mee (de oranje kleur).
Als je dezelfde pagina opent in FF dan rekt de div niet mee en blijft hij gewoon op zijn oorspronkelijke grote staan.
dit is mijn css 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
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
body
{
background:black;
}
#totaal
{
width:920px;
min-height: 840px;
height:auto !important; /* IE hack */
height:auto;
background: #ff9c00;
margin: 0px auto; /*deze div centreren*/
}
#links
{
/*position: relative;*/
float:left;
width:120px;
min-height: 840px;
height:auto !important;
height:100%;
color: white;
background: red;
}
#main
{
float:right;
width:800px;
min-height: 840px;
height:auto !important;
height:auto;
color: white;
background: green;
}
#inhoud
{
width:800px;
min-height: 840px;
height:auto !important;
height:auto;
background: pink;
}
{
background:black;
}
#totaal
{
width:920px;
min-height: 840px;
height:auto !important; /* IE hack */
height:auto;
background: #ff9c00;
margin: 0px auto; /*deze div centreren*/
}
#links
{
/*position: relative;*/
float:left;
width:120px;
min-height: 840px;
height:auto !important;
height:100%;
color: white;
background: red;
}
#main
{
float:right;
width:800px;
min-height: 840px;
height:auto !important;
height:auto;
color: white;
background: green;
}
#inhoud
{
width:800px;
min-height: 840px;
height:auto !important;
height:auto;
background: pink;
}
dit is mijn html code zonder de enters en dergelijke die wel op de site staan nu.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
<body>
<div id="totaal">
<div id="links">dit is links</div>
<div id="main">
<div id="header">dit is de header</div>
<div id="navigatie"> dit is de navigatie </div>
<div id="inhoud"> dit is den inhoud
</div>
</div>
</div>
</body>
</html>
<body>
<div id="totaal">
<div id="links">dit is links</div>
<div id="main">
<div id="header">dit is de header</div>
<div id="navigatie"> dit is de navigatie </div>
<div id="inhoud"> dit is den inhoud
</div>
</div>
</div>
</body>
</html>
ik heb al wat zitten surfen op het internet maar ik vind niets.
hopelijk weet jullie het hoe ik dit probleem kan oplossen.
grts
kristoff
Gewijzigd op 01/01/1970 01:00:00 door Kristoff
edit:
nee het werkt nog altijd niet.
FF laat het nog altijd niet correct zien.
IE wel
FF stopt nog altijd op de hoogte die ik op gegeven met min-height
Gewijzigd op 01/01/1970 01:00:00 door kristoff
in IE doet hij het perfect
en FF doet hij niet
de pagina staat online
http://www.foncke.eu/kryotech/templates/header2.htm
dit is de url
opent de site maar eens in IE en in FF
nu doet hij het wel
bedankt.