Footer problem (CSS,HTML)
Tja alla sweclockare, har återigen ett problem i CSS och HTML som jag hoppas ni kan hjälpa mig att lösa. Det är som så att jag vill få en footer att stanna i botten oberoende av hur hög sidan är, jag har fått footern att stanna i botten så länge som sidan inte får en höjd så att man kan scrolla, då stannar den upp precis där sidan normalt skulle sluta (beroende på skärmstorleken). Skickar med lite kod och tillägger att jag använde mig utav denna guide för att hålla den till botten: http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min..."></script>
<link rel="stylesheet" type="text/css" href="style.css">
<title></title>
</head>
<body>
<div id="centcont">
<div id="maincont">
<div id="logo">
</div>
<div id="easynav">
</div>
<div id="slider">
</div>
<div id="columncont">
<div id="fcolumn">
</div>
<div id="scolumn">
</div>
</div>
<div id="footer">
</div>
</div>
</div>
</body>
</html>
html, body
{
margin:0px;
padding:0px;
height:100%;
}
#centcont
{
width:1024px;
margin:0px auto 0px auto;
min-height:100%;
height:100%;
position:relative;
}
#maincont
{
float:right;
width:1024px;
background-color: red;
padding-bottom:60px; /* Height of the footer */
}
#logo
{
width:250px;
height:60px;
background-color: blue;
float:left;
margin:25px 0px 40px 25px;
}
#easynav
{
width:250px;
height:60px;
background-color: blue;
float:right;
margin:25px 25px 40px 0px;
}
#slider
{
float:left;
width:974px;
height:450px;
margin:0px 25px 40px 25px;
background-color: blue;
}
#columncont
{
width:974px;
height:150px;
background-color: blue;
margin:0px 25px 0px 25px;
float:left;
}
#footer
{
position:absolute;
bottom:0px;
width:100%;
height:60px; /* Height of the footer */
background-color:blue;
}
Tack på förhand.
Mvh Sandrerind
