Hej! Är det skillnad på att lägga div-en sist på sidan och låta den vara relative-t placerad? Se till att den ligger sist i <b>body</b>-elementet och använd <b>clear: both;</b> i stilmallen. Om innehållet på sidan inte täcker hela skärmen hamnar väl den inte längst ner med din kod Per?Footer
Jag undrar hur man får till en footer med CSS. Den ska alltså alltid vara i botten på sidan och inte bara i botten på skärmen.
Följande funkar inte.
<code>
div.footer
{
position: absolute;
bottom: 0px;
}
</code>
(jag vet att det finns en tråd med samma fråga, men den innehåll bara ett svar om scroll:auto och är numera låst, så jag tänkte det är smidigast att starta ny tråd)
/TomasSv: Footer
Sv: Footer
Sv:Footer
Exempel:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Test</title>
<style type="text/css">
html, body{
height: 100%;
margin: 0px;
padding: 0px;
}
#cnt, #footer{
width: 640px;
//height: 100%;
margin: 0px auto;
border-left: 1px solid black;
border-right: 1px solid black;
}
#footer{
border-color: red;
height: auto;
clear: both;
}
</style>
</head>
<body>
<div id="cnt">
Min footer fungerar inte :(
</div>
<div id="footer">
footer
</div>
</body>
</html>
här hamnar ju inte footern längst ner. Om jag avkommenterar <b>height: 100%</b> i cnt, blir de ju nästan rätt, men det har ju inte med clear att göra..