?
Solved

How to set the masterpage footer on the bottum?

Posted on 2006-04-25
3
Medium Priority
?
292 Views
Last Modified: 2006-11-18
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
0
Comment
Question by:WvR
  • 2
3 Comments
 
LVL 6

Expert Comment

by:nehaya
ID: 16537862
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
 
LVL 1

Author Comment

by:WvR
ID: 16548274
Hi,

Your table does the 100%.
How to integrate this in my code???
0
 
LVL 6

Accepted Solution

by:
nehaya earned 1200 total points
ID: 16551068
- 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

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction This article shows how to use the open source plupload control to upload multiple images. The images are resized on the client side before uploading and the upload is done in chunks. Background I had to provide a way for user…
Problem Hi all,    While many today have fast Internet connection, there are many still who do not, or are connecting through devices with a slower connect, so light web pages and fast load times are still popular.    If your ASP.NET page …
Despite its rising prevalence in the business world, "the cloud" is still misunderstood. Some companies still believe common misconceptions about lack of security in cloud solutions and many misuses of cloud storage options still occur every day. …
Screencast - Getting to Know the Pipeline
Suggested Courses
Course of the Month14 days, 3 hours left to enroll

809 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question