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?

enter image description here

<body > <form id="form1" runat="server"> <div>     <table cellpadding="0" cellspacing="0" class="mmaintable">          <tr>         <td class="mmaintableside">&nbsp;</td>         <td class="mmaintablemiddle" colspan="4">             <table cellpadding="0" cellspacing="0" class="munmaintable">                  </table>                 </td>         <td class="mmaintableside">&nbsp;</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

Popular posts from this blog

searchKeyword not working in AngularJS filter -

sequelize.js - Sequelize: sort by enum cases -

user interface - how to replace an ongoing process of image capture from another process call over the same ImageLabel in python's GUI TKinter -