stick footer at the bottom of the page
-
i am able to stick footer at the bottom of the page in IE . But in firefox and safari i am not able to do. The matter does not overlap but it comes up when the matter is less. So it is not sticking to the bottom.Can anyone please help me this. Here is the code. <body><form id="formMasterPage" runat="server"> <div id="container"> <div id="content"> <div id="header"</div> <div id="body"></div> </div></div> <div id="footer"></div></form> the css is... html,body { margin: 0; padding: 0; height: 100%; } #header { padding-left: 7px; padding-right: 7px; padding-top: 7px; } #body {margin: 0; height: 98%; padding-left: 10px; padding-right: 10px; padding-bottom: 20px; /* Height of the footer */ } #footer { margin-top:-20px; position: relative; bottom: 0; width: 100%; &nbs
-
i am able to stick footer at the bottom of the page in IE . But in firefox and safari i am not able to do. The matter does not overlap but it comes up when the matter is less. So it is not sticking to the bottom.Can anyone please help me this. Here is the code. <body><form id="formMasterPage" runat="server"> <div id="container"> <div id="content"> <div id="header"</div> <div id="body"></div> </div></div> <div id="footer"></div></form> the css is... html,body { margin: 0; padding: 0; height: 100%; } #header { padding-left: 7px; padding-right: 7px; padding-top: 7px; } #body {margin: 0; height: 98%; padding-left: 10px; padding-right: 10px; padding-bottom: 20px; /* Height of the footer */ } #footer { margin-top:-20px; position: relative; bottom: 0; width: 100%; &nbs
Hi bhavna4321, Please note that the tag <div id="header"</div> misses the closing tag. Hope it helps, Gayani