The following code work fine when the content in <div class="main"> grows beyond 100% height of the screen but when the content is short, the footer does not stick to the bottom of the page.
I try to set postion to absolute and bottom to 0px; the footer stick to bottom of the page but when the content grow, the content does not push the footer to the bottom.
.footer
{
position: absolute;
bottom: 0px;
}
Master Page:
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Site.master.cs" Inherits="SiteMaster" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head runat="server">
<title></title>
<link href= ...
Go to the complete details ...