2 divs naast elkaar
Ik heb 2 divs naast elkaar staan, en ik wil graag dat ze de zelfde (uitrekbaare) hoogte aannemen.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
<div class="content">
<div class="hleft">Header</div>
<div class="hright">fast info</div>
<div class="menu"> <b>Menu</b><br>
-> menu links<br>
-> menu links<br>
-> menu links<br>
<br>
</div>
<div class="midden">rechter midden veld</div>
<div class="footer"></div>
</div>
<div class="hleft">Header</div>
<div class="hright">fast info</div>
<div class="menu"> <b>Menu</b><br>
-> menu links<br>
-> menu links<br>
-> menu links<br>
<br>
</div>
<div class="midden">rechter midden veld</div>
<div class="footer"></div>
</div>
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
48
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
.content{
width: 1000px;
margin-left: auto;
margin-right: auto;
background-color: #FF0000;
}
.hleft{
float: left;
width: 797px;
border:1px solid #000000;
border-right: 0px;
border-bottom: 0px;
background-color: #CCCCCC;
height: 125px;
}
.hright{
float: left;
width: 200px;
border:1px solid #000000;
border-bottom: 0px;
background-color: #CCCCCC;
height: 125px;
}
.menu{
float: left;
width: 145px;
border: 1px solid #000000;
border-right: 0px;
background-color: #CCCCCC;
padding-left: 5px;
margin-bottom: 0px;
}
.midden{
float: left;
width: 847px;
border:1px solid #000000;
background-color: #CCCCCC;
}
.footer{
clear: left;
width: 998px;
height: 23px;
background-color: #CCCCCC;
border:1px solid #000000;
border-top: 0px;
}
width: 1000px;
margin-left: auto;
margin-right: auto;
background-color: #FF0000;
}
.hleft{
float: left;
width: 797px;
border:1px solid #000000;
border-right: 0px;
border-bottom: 0px;
background-color: #CCCCCC;
height: 125px;
}
.hright{
float: left;
width: 200px;
border:1px solid #000000;
border-bottom: 0px;
background-color: #CCCCCC;
height: 125px;
}
.menu{
float: left;
width: 145px;
border: 1px solid #000000;
border-right: 0px;
background-color: #CCCCCC;
padding-left: 5px;
margin-bottom: 0px;
}
.midden{
float: left;
width: 847px;
border:1px solid #000000;
background-color: #CCCCCC;
}
.footer{
clear: left;
width: 998px;
height: 23px;
background-color: #CCCCCC;
border:1px solid #000000;
border-top: 0px;
}
hoe kan ik dat doen?
Bedankt.
Er zijn nog geen reacties op dit bericht.