divs vastzetten
misschien heb je er genoeg aan om width en height en vaste waarde te geven, of moet je iets doen met position:absolute/fixed;?
position:absolute/fixed werkt allebei niet
Gewijzigd op 01/01/1970 01:00:00 door Raymond Oomen
pepijn de vos schreef op 20.07.2008 14:44:
..... maar ik weet niet hoe hij werkt...
Lol, die kende ik nog niet. ;-)
Edit:
@santhe
ik las laatst een topic waar 3 mods achter elkaar hadden geschreven dat de glazen bollen waren uitverkocht, en even later kwam ik in onze vensterbank een glazen bol tegen, en tja, dan is het wachten op een onduidelijke vraag he ;)
@santhe
ik las laatst een topic waar 3 mods achter elkaar hadden geschreven dat de glazen bollen waren uitverkocht, en even later kwam ik in onze vensterbank een glazen bol tegen, en tja, dan is het wachten op een onduidelijke vraag he ;)
Gewijzigd op 01/01/1970 01:00:00 door pepijn de vos
http://www.darkdimensions.nl/new/index2.php
dit is mijn 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
48
49
50
51
52
53
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
<?php
div.left {
width:220px;
height:500px;
background-image:url(images/zijkantlinks.jpg);
float:left;
}
div.right {
float:right;
width:220px;
height:500px;
background-image:url(images/zijkantrechts.jpg);
margin-left:0px;
}
div.header1 {
border:solid 1px #000;
margin-left:10px;
margin-top:10px;
background-image:url(images/header.jpg);
height:200px;
width:660px;
}
div.content {
border:solid 1px #000;
width:491px;
min-height:300px;
margin-left:5px;
float:left;
}
div.menu {
border:solid 1px #000;
width:129px;
min-height:300px;
float:left;
margin-left:1px;
}
div.latest {
border:solid 1px #000;
width:129px;
min-height:300px;
float:left;
margin-left:5px;
}
?>
div.left {
width:220px;
height:500px;
background-image:url(images/zijkantlinks.jpg);
float:left;
}
div.right {
float:right;
width:220px;
height:500px;
background-image:url(images/zijkantrechts.jpg);
margin-left:0px;
}
div.header1 {
border:solid 1px #000;
margin-left:10px;
margin-top:10px;
background-image:url(images/header.jpg);
height:200px;
width:660px;
}
div.content {
border:solid 1px #000;
width:491px;
min-height:300px;
margin-left:5px;
float:left;
}
div.menu {
border:solid 1px #000;
width:129px;
min-height:300px;
float:left;
margin-left:1px;
}
div.latest {
border:solid 1px #000;
width:129px;
min-height:300px;
float:left;
margin-left:5px;
}
?>
Gewijzigd op 01/01/1970 01:00:00 door Raymond Oomen
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
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
body, html {
height:100%;
}
body {
text-align:center;
}
#wrapper {
text-align:left;
margin:0 auto;
width:800px;
height:100%;
}
.left, .right {
height:100%;
widht:100px
background-color:black;
}
.left {
float:left;
}
.right {
float:right;
}
#container {
width:600px;
height:100%;
float:left;
}
.header, .footer {
clear:both;
height:70px;
}
.sidebar, .latest {
height:100%;
width:100px;
float:left
}
.content {
float:left;
width:40px;
height:100%;
}
height:100%;
}
body {
text-align:center;
}
#wrapper {
text-align:left;
margin:0 auto;
width:800px;
height:100%;
}
.left, .right {
height:100%;
widht:100px
background-color:black;
}
.left {
float:left;
}
.right {
float:right;
}
#container {
width:600px;
height:100%;
float:left;
}
.header, .footer {
clear:both;
height:70px;
}
.sidebar, .latest {
height:100%;
width:100px;
float:left
}
.content {
float:left;
width:40px;
height:100%;
}
en de 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
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Darkdimensions - logo design</title>
<style type="text/css" disabled="true">
@import "temp.css";
</style>
</head>
<body>
<div id="wraper">
<div class="left"></div>
<div class="right"></div>
<div id="container">
<div class="header1"></div>
<div class="header2"></div>
<div class="menu"></div>
<div class="content"></div>
<div class="latest"></div>
<div class="footer"></div>
</div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Darkdimensions - logo design</title>
<style type="text/css" disabled="true">
@import "temp.css";
</style>
</head>
<body>
<div id="wraper">
<div class="left"></div>
<div class="right"></div>
<div id="container">
<div class="header1"></div>
<div class="header2"></div>
<div class="menu"></div>
<div class="content"></div>
<div class="latest"></div>
<div class="footer"></div>
</div>
</div>
</body>
</html>