css menu?¿
ik ben nu eindelijk aardig ver maar verder kom ik ook niet
ik heb een menu die float ik wil die er uit en gewoon naast de content
op 100% hoogte
ik krijg het niet voor mekaar
index:
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
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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="nl"><head>
<title>voorbeeld, deel 2</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<!--[if IE]><link href="ie.css" type="text/css"><![endif]-->
<link rel="stylesheet" type="text/css" href="ff.css">
</head><body>
</head>
<body>
<div id="container">
<div id="nav">navigatie</div> <!-- sluit nav -->
<div id="header">content
</div>
<div id="menubalk">menu balk
</div>
<div id="content">content
<div id="footer"></div>
</div> <!-- sluit content -->
</div> <!-- sluit container -->
</body>
</html>
<html lang="nl"><head>
<title>voorbeeld, deel 2</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<!--[if IE]><link href="ie.css" type="text/css"><![endif]-->
<link rel="stylesheet" type="text/css" href="ff.css">
</head><body>
</head>
<body>
<div id="container">
<div id="nav">navigatie</div> <!-- sluit nav -->
<div id="header">content
</div>
<div id="menubalk">menu balk
</div>
<div id="content">content
<div id="footer"></div>
</div> <!-- sluit content -->
</div> <!-- sluit container -->
</body>
</html>
ff.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
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
body{
text-align: center;
margin:0;
padding:0;
height:100%;
}
div#container{
width: 700px;
height: 100%;
margin: 0 auto 0 auto;
text-align: left;
}
div#header{
width: 500;
height: 100px;
background-color: silver;
}
div#nav{
width: 205px;
height: 500px;
float: left;
background-color: purple;
}
div#content{
width: 700px;
height: 100%;
background-color: red;
}
div#menubalk{
width: 100%;
height: 48px;
background-color: green;
}
div#footer{
width: 700px;
height: 48px;
background-color: green;
}
text-align: center;
margin:0;
padding:0;
height:100%;
}
div#container{
width: 700px;
height: 100%;
margin: 0 auto 0 auto;
text-align: left;
}
div#header{
width: 500;
height: 100px;
background-color: silver;
}
div#nav{
width: 205px;
height: 500px;
float: left;
background-color: purple;
}
div#content{
width: 700px;
height: 100%;
background-color: red;
}
div#menubalk{
width: 100%;
height: 48px;
background-color: green;
}
div#footer{
width: 700px;
height: 48px;
background-color: green;
}
HTML: 1 error
CSS: 1 error