html - Why is there gap between my contentpage and footer? -
i have simple masterpage footer div.but comes gap between content page , footer.what reason?

<body > <form id="form1" runat="server"> <div> <table cellpadding="0" cellspacing="0" class="mmaintable"> <tr> <td class="mmaintableside"> </td> <td class="mmaintablemiddle" colspan="4"> <table cellpadding="0" cellspacing="0" class="munmaintable"> </table> </td> <td class="mmaintableside"> </td> </tr> </table> <div class="contentpage"> <asp:contentplaceholder id="contentplaceholder1" runat="server"> </asp:contentplaceholder> <div class="footercontent"> <h2>footer </h2> </div> </div> </div> </form> </body> as see, havent left tr or div between contentplaceholder1 , footer.
my css :
.mmaintable { width: 100%; padding:0; } .mupdatepaneltable { width: 100%; } .mmaintableside { width: 198px; } .mmaintablemiddle { width: 938px; } .munmaintable { width: 938px; } .munmaintable1 { text-align:right; width: 234.5px; color: #cccccc; background-color: #ff0066; } .munmaintable2 { text-align:left; width: 234.5px; color: #cccccc; background-color: #ff0066; } .munmaintable3 { text-align:left; width: 234.5px; color: #cccccc; background-color: #ff0066; } .munmaintable4 { text-align:left; width: 234.5px; color: #cccccc; background-color: #ff0066; } .mmergedunmaintable23 { width: 300px; color: #cccccc; text-align:center; } .backgroundimage { background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-image: url('../images/stadium2.png'); background-repeat: no-repeat; background-attachment: fixed; } #contentplaceholder1 { width:938px; text-align:center; } .contentpage{ width:938px; text-align:center; margin:0 auto; } .footercontent { width:938px; text-align:center; margin:0 auto; background-color:#ff0066; } .clear { clear:both; }
try this...
css
.footercontent { width:938px; text-align:center; margin: -20px auto 0 auto; background-color:#ff0066; }
Comments
Post a Comment