How to set the masterpage footer on the bottum?

Hello,

I have this master page and want the footer (TableFooter with TableFooterCel1 - 6) always on the bottum of the page. I set the TableContent on 100%....?

What is wronge??

*************************** Start Code *****************************

<body>
    <form id="form1" runat="server">
    <div>
        <table id="Tabel1" border="0" cellpadding="0" cellspacing="0" style="padding-right: 0px;
            padding-left: 0px; padding-bottom: 0px; margin: 0px; width: 100%; padding-top: 0px;
            height: 100%">
            <tr>
                <td align="center" style="width: 100%; height: 100%" valign="top">
                    <table id="Tabel2" border="0" cellpadding="0" cellspacing="0" style="height: 100%">
                        <tr>
                            <td id="Tabel2CelLinks" align="center" style="width: 33%; height: 100%" valign="top">
                            </td>
                            <td id="Tabel2CelMidden" align="center" style="width: 660px; height: 100%" valign="top">
                                <div style="text-align: center">
                                    <table id="Tabel3" border="0" cellpadding="0" cellspacing="0" style="width: 660px; height: 100%;">
                                        <tr>
                                            <td id="Tabel3Cel1" align="center" style="width: 660px; height: 50px" valign="top">
                                                <asp:Image ID="headerImage" runat="server" BorderStyle="None" ImageAlign="Top" ImageUrl="~/images/header.jpg" /></td>
                                        </tr>
                                        <tr>
                                            <td id="Tabel3Cel2" align="center" style="width: 660px; height: 2px" valign="top">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td id="Tabel3Cel3Knoppen" align="center" style="width: 660px;" valign="top">
                                                <div style="text-align: center">
                                                    <table id="TabelKnoppen" border="0" cellpadding="0" cellspacing="0" style="width: 660px">
                                                        <tr>
                                                            <td id="TabelKnoppenCelHome" align="center" style="width: 110px" valign="top">
                                                                <asp:HyperLink ID="homeHyperLink" runat="server" BorderStyle="None" ImageUrl="~/images/homeButton.jpg"
                                                                    NavigateUrl="~/default.aspx" Target="_self"></asp:HyperLink></td>
                                                            <td id="TabelKnoppenCelProducten" align="center" style="width: 110px" valign="top">
                                                                <asp:HyperLink ID="productenHyperLink" runat="server" BorderStyle="None" ImageUrl="~/images/productenButton.jpg"
                                                                    NavigateUrl="~/producten.aspx"></asp:HyperLink></td>
                                                            <td id="TabelKnoppenCelZoeken" align="center" style="width: 110px" valign="top">
                                                                <asp:HyperLink ID="zoekenHyperLink" runat="server" BorderStyle="None" ImageUrl="~/images/zoekenButton.jpg"
                                                                    NavigateUrl="~/zoeken.aspx"></asp:HyperLink></td>
                                                            <td id="TabelKnoppenCelVoorwaarden" align="center" style="width: 110px" valign="top">
                                                                <asp:HyperLink ID="voorwaardenHyperLink" runat="server" BorderStyle="None" ImageUrl="~/images/voorwaardenButton.jpg"
                                                                    NavigateUrl="~/voorwaarden.aspx"></asp:HyperLink></td>
                                                            <td id="TabelKnoppenCelContact" align="center" style="width: 110px" valign="top">
                                                                <asp:HyperLink ID="contactHyperLink" runat="server" BorderStyle="None" ImageUrl="~/images/contactButton.jpg"
                                                                    NavigateUrl="~/contact.aspx"></asp:HyperLink></td>
                                                            <td id="TabelKnoppenCelInfo" align="center" style="width: 110px" valign="top">
                                                                <asp:HyperLink ID="infoHyperLink" runat="server" BorderStyle="None" ImageUrl="~/images/infoButton.jpg"
                                                                    NavigateUrl="~/info.aspx"></asp:HyperLink></td>
                                                        </tr>
                                                    </table>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td id="Tabel3Cel4Content" align="center" style="width: 660px; height: 100%; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; border-top-style: none; padding-top: 0px; border-right-style: none; border-left-style: none; border-bottom-style: none;" valign="top">
        <asp:contentplaceholder id="ContentPlaceHolder1" runat="server">
        </asp:contentplaceholder>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td id="Tabel3Cel5" align="center" style="width: 660px; height: 5px" valign="top">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td id="Tabel3Cel6Footer" align="center" style="width: 660px; height: 0px" valign="bottom">
                                                <table id="TabelFooter" border="0" cellpadding="0" cellspacing="0" style="width: 100%;
                                                    height: 100%">
                                                    <tr>
                                                        <td id="TabelFooterCel1" align="center" style="width: 110px" valign="bottom">
                                                            <asp:Image ID="footerhomeImage" runat="server" BorderStyle="None" ImageAlign="Bottom"
                                                                ImageUrl="~/images/homeFooter.jpg" /></td>
                                                        <td id="TabelFooterCel2" align="center" style="width: 110px" valign="bottom">
                                                            <asp:Image ID="footerproductenImage" runat="server" BorderStyle="None" ImageAlign="Bottom"
                                                                ImageUrl="~/images/productenFooter.jpg" /></td>
                                                        <td id="TabelFooterCel3" align="center" style="width: 110px" valign="bottom">
                                                            <asp:Image ID="footerzoekImage" runat="server" BorderStyle="None" ImageAlign="Bottom"
                                                                ImageUrl="~/images/zoekenFooter.jpg" /></td>
                                                        <td id="TabelFooterCel4" align="center" style="width: 110px" valign="bottom">
                                                            <asp:Image ID="footervoorwaardenImage" runat="server" BorderStyle="None" ImageAlign="Bottom"
                                                                ImageUrl="~/images/voorwaardenFooter.jpg" /></td>
                                                        <td id="TabelFooterCel5" align="center" style="width: 110px" valign="bottom">
                                                            <asp:Image ID="footercontactImage" runat="server" BorderStyle="None" ImageAlign="Bottom"
                                                                ImageUrl="~/images/contactFooter.jpg" /></td>
                                                        <td id="TabelFooterCel6" align="center" style="width: 110px" valign="bottom">
                                                            <asp:Image ID="footerinfoImage" runat="server" BorderStyle="None" ImageAlign="Bottom"
                                                                ImageUrl="~/images/infoFooter.jpg" /></td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </td>
                            <td id="Tabel2CelRechts" align="center" style="width: 26%; height: 100%" valign="top">
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>

*************************** End Code ******************************

How to do this??

Thanks,
HP
LVL 1
WvRAsked:
Who is Participating?
 
nehayaCommented:
- Try to take your CONTENT PLACE HOLDER into the middle space..
- use the html I gave u to put your whole page inside it..
- Move your footer to the FOOTER place..

Regards,
Nehaya
0
 
nehayaCommented:
Put this in empty html file and test it:

<table height="100%" width="100%">
       <tr width="100%">
                   <td> HEADER </td>
          </tr>
      <tr width="100%">
                   <td height="100%"> MID </td>
          </tr>
      <tr width="100%">
                   <td> FOOTER </td>
          </tr>
</table>

Regards,
Nehaya
0
 
WvRAuthor Commented:
Hi,

Your table does the 100%.
How to integrate this in my code???
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.