Har problem att placera div-taggen footer längst ner, som ska vara inom div-taggen container. Se bifogad bild, html-kod och css-kod. Hur löser jag detta i min CSS?
HTML-koden
<body>
<div id="container">
<div id="logotype">logotype</div>
<div id="toolbar">toolbar</div>
<div id="leftcontent">leftcontent</div>
<div id="content">content</div>
<div id="rightcontent">rightcontent</div>
<div id="footer">footer</div>
</div>
</body>
CSS-koden
#logotype {
height: 100px;
width: 820px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
margin-top: 0px;
}
#toolbar {
height: 40px;
width: 820px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
}
#leftcontent {
width: 200px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
float: left;
}
#content {
width: 400px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 0px;
float: left;
}
#rightcontent {
width: 200px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 0px;
float: right;
}
#footer {
width: 800px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
height: 20px;
float: left;
}
#container {
width: 840px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
body {
margin-top: 0px;
}
