Div wil niet komen
Het duidt meer op het volgende probleem:
Ik heb een style.css en een index.html
Als ik index.html open in welke browser dan ook gaat alles goed, tot het punt dat hij main_head_hr en main_head_pic aanroept die laat hij gewoon niet zien oid.
index.html:
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
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
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
</style>
</head>
<body>
<div class="container">
<div class="header"></div>
<br />
<div class="main_head">
<div class="main_head_nav">
Hallo etc
</div>
<div class="main_head_hr">
Hallo etc
</div>
<div class="main_head_pic">
Hallo etc
</div>
</div>
<br />
</div>
</body>
</html>
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
</style>
</head>
<body>
<div class="container">
<div class="header"></div>
<br />
<div class="main_head">
<div class="main_head_nav">
Hallo etc
</div>
<div class="main_head_hr">
Hallo etc
</div>
<div class="main_head_pic">
Hallo etc
</div>
</div>
<br />
</div>
</body>
</html>
style.css:
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
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
body {
background-image: url(images/back.png);
background-repeat: repeat-x;
}
.container{
position: absolute;
top: 0px;
left: -440px;
margin-left: 50%;
width: 878px;
background-image: url(images/main.png);
background-repeat: no-repeat;
}
.header {
height: 50px;
width: 100%;
}
.main_head {
position: relative;
width: 628px;
margin-left: 60px;
overflow: hidden;
border: 3px solid pink;
height: 250px;
}
.main_head_nav{
border: 1px solid orange;
width: 300px;
height: 100%;
}
.main_head_hr{
border: 2px solid purple;
width: 28px;
height: 100%;
}
.main_head_pic{
border: 20px solid blue;
width: 300px;
height: 100%;
}
}
background-image: url(images/back.png);
background-repeat: repeat-x;
}
.container{
position: absolute;
top: 0px;
left: -440px;
margin-left: 50%;
width: 878px;
background-image: url(images/main.png);
background-repeat: no-repeat;
}
.header {
height: 50px;
width: 100%;
}
.main_head {
position: relative;
width: 628px;
margin-left: 60px;
overflow: hidden;
border: 3px solid pink;
height: 250px;
}
.main_head_nav{
border: 1px solid orange;
width: 300px;
height: 100%;
}
.main_head_hr{
border: 2px solid purple;
width: 28px;
height: 100%;
}
.main_head_pic{
border: 20px solid blue;
width: 300px;
height: 100%;
}
}
Mod edit The Dutch Guy:
Gelieve code tussen code tags te plaatsen.
Gewijzigd op 15/09/2010 11:07:09 door Bas IJzelendoorn
Gesponsorde koppelingen:
www.chilion.nl/oormerk
Toevoeging op 15/09/2010 12:30:41:
Fixed. margin left verwijderd.
