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:
|
#header {
height: 100px;
width: 100%;
background-color: #f33;
}
#header img {
margin: 10px; /* statt padding im #header */
}
#menucontainer {
float: left;
width: 200px; /* feste Breite, sonst überfließen Navigation und Inhalt bei schmalen Fenstern */
padding-bottom: 50px; /* unten soviel Padding wie Footer hoch ist */
}
#content {
margin-left: 200px; /* wenn Inhalt länger ist als Navigation, dann nicht drumrumfließen */
padding-bottom: 50px; /* unten soviel Padding wie Footer hoch ist */
}
#footer {
padding: 10px;
position: fixed;
bottom: 0;
left: 0;
right: 0;
font-size: 30px;
line-height: 30px;
background-color: #f33;
} |