Na wat geprobeer en gezoek heb ik toch besloten een topic te openen omdat het me gewoon niet helemaal duidelijk hoe ik het volgende kan bewerkstelligen.
Met html/css heb ik een pagina gemaakt met een vrij simpele layout:
Een header, een menu balk. Daar onder een balk aan de linkerkant en de pagina inhoud.
Wat ik zou willen:
De sidebar div moet de rest van de pagina vullen met de background color die ik heb aangegeven. Een verticale sidebar dus. Ongeacht de hoeveelheid tekst die ik erin plaats (dus: 100% - header - menu).
Wat er gebeurt:
De sidebar div wordt alleen gevuld tot waar de tekst eindigd.
Wat kan ik hier nu het beste aan doen. Het is namelijk wel de bedoel dat menu en navigatie een fixed height hebben.
Ik hoop dat ik het een beetje duidelijk heb geformuleerd op deze manier.
Met html/css heb ik een pagina gemaakt met een vrij simpele layout:
Een header, een menu balk. Daar onder een balk aan de linkerkant en de pagina inhoud.
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
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Test</title>
<style>
html, body {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
#wrap {
}
#header {
background: #AEAEAE;
height: 90px;
}
#navigation {
background: #CCCCCC;
height: 45px;
}
#sidebar {
background: #005900;
width: 150px;
float: left;
}
#content {
background: #AEAEAE;
}
</style>
</head>
<body>
<div id="wrap">
<div id="header">Header</div>
<div id="navigation">Navigation</div>
<div id="sidebar">Side</div>
<div id="content">Content</div>
</div>
</body>
</html> |
Wat ik zou willen:
De sidebar div moet de rest van de pagina vullen met de background color die ik heb aangegeven. Een verticale sidebar dus. Ongeacht de hoeveelheid tekst die ik erin plaats (dus: 100% - header - menu).
Wat er gebeurt:
De sidebar div wordt alleen gevuld tot waar de tekst eindigd.
Wat kan ik hier nu het beste aan doen. Het is namelijk wel de bedoel dat menu en navigatie een fixed height hebben.
Ik hoop dat ik het een beetje duidelijk heb geformuleerd op deze manier.
. Derde hit is een hele nuttige! (Kwam misschien een beetje bot over, sorry