Can't see footer

Bud · June 11th, 2006, 09:54 PM

Been working through. No matter what I try, can't get the footer in the example to display. Downloaded sample code, works just fine.

Really frustrating. Re-did teh master page at a half-dozen time. turned on tracing, looks like it is calling the footer.

checked and rechecked the code to no avail. Any help woudl certainly be appreciated

*****************Start code**********************

<%@ Register Src="Controls/ThemeSelector.ascx" TagName="ThemeSelector" TagPrefix="mb" %>
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Template.master.cs" Inherits="Template" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="HEad1" runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
    <title>The Beer House</title>
</head>
<body>
    <form id="Main" runat="server">
        <div id="header">
            <div id="header2">
                <div id="headermenu">
                    <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" StartingNodeOffset="0" />
                    <asp:Menu ID="mnuHeader" runat="server"
                        CssClass="headermenulink"
                        DataSourceID="SiteMapDataSource1"
                        Orientation="Horizontal"
                        MaximumDynamicDisplayLevels="0"
                        SkipLinkText=""
                        StaticDisplayLevels="2" />
                </div>
            </div>
            <div id="loginbox">Login box here...</div>
            <div id="themeselector"><mb:ThemeSelector ID="themeSelector1" runat="server" /></div>
        </div>
        <div id="container">
            <div id="container2">
                <div id="rightcol">
                    <div class="text">
                        Some test...</div>
                    <asp:ContentPlaceHolder ID="RightContent" runat="server" />
                </div>
                <div id="centercol">
                    <div id="breadcrumb">
                        <asp:SiteMapPath ID="SiteMapPath1" runat="server" />
                    </div>
                    <div id="centercolcontent">
                        <asp:ContentPlaceHolder ID="MainContent" runat="server">
                            <p> </p><p> </p><p> </p><p> </p>
                            <p> </p><p> </p><p> </p><p> </p>
                        </asp:ContentPlaceHolder>
                    </div>
                </div>
            </div>
            <div id="leftcol">
                <div class="sectiontitle">
                    <asp:Image ID="imgArrow1" runat="server" ImageUrl="~/images/arrowR.gif" ImageAlign="Left"
                        hspace="6" />Site News
                </div>
                <div class="text">
                    <b>20 Aug 2005 :: News Header</b><br />
                    News text...
                </div>
                <div class="alternatetext">
                    <b>20 Aug 2005 :: News Header</b>
                    <br />
                    Other news text...
                </div>
                <asp:ContentPlaceHolder ID="LeftContent" runat="server" />
                <div id="bannerbox?">
                    <a href="http://wwww.templatemonster.com" target="_blank">Website Template supplied
                        by Template Monster, a top global provider of website design templates<br />
                        <br />
                        <asp:Image runat="server" ID="tempLAteMonsterBanner" ImageUrl="~/images/templatemonster.jpg"
                            Width="100px" />
                    </a>
                </div>
            </div>
        </div>
        <div id="footer">
            <div id="footermenu">
                <asp:Menu ID="mnuFooter" runat="server"
                    style="margin-left:auto; margin-right:auto;"
                    CssClass="footermenulink"
                    DataSourceID="SiteMapDataSource1"
                    Orientation="Horizontal"
                    MaximumDynamicDisplayLevels="0"
                    SkipLinkText=""
                    StaticDisplayLevels="2" />
            </div>
            <div id="footertext">
                Copyright Â©; 2005 Marco Bellinaso & amp
                <a href="http://www.wrox.com" target="_blank">Wrox Press</a><br />
                Website Template kindly by
                <a href="http://www.templatemonster.com" target="_blank">
                    Template Monster</a>
            </div>
       </div>
    </form>
</body>
</html>
******************End code**********************

Thanks,

Bud

Laurie S. Stapleton · June 12th, 2006, 12:29 AM

Try this

#footer
{
    PADDING: 0px;
    MARGIN: 0px;
    WIDTH: 100%;
    HEIGHT: 62px;
    BACKGROUND-IMAGE: url(Images/FooterSlice.jpg);
    TOP: 100%;
    POSITION: absolute;
    LEFT: 0%;
}

in your default.css file.

Laurie

MythicalMe · June 12th, 2006, 12:48 AM

The visibility of the footer in the CSS files has been set to false.

When turned on, the Site default page footer doesn't look right unless you have text all the way down the image. Put the image and text in a Div with a height the same height as the image and the footer will be corrected.

night_day · July 7th, 2006, 09:41 AM

Hello, I've tried adding a div to the image and text, seems to help, but I can't see the image now! Ack, here's my default.aspx page (I'm in Chapter 2) Oh, and I can't see the footer in the PlainHTML version. Double Ack!

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default"
Title="Untitled Page"%>

<asp:Content ID="Content1" ContentPlaceHolderID="RightContent" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
    <div height="250">
    <asp:Image ID="imgBeers" runat="server" ImageUrl="~/images/3beers.jpg" ImageAlign="left" hspace="8" />
    Blah blah blah udigh eirgheogh eogh e;gioheg;ioehg;oeigh;eogh e;rogihe r;goerg ;rgih ;ogs;odgh s;dgiohsgo;hsg
    ofgh dfgiohogi dgo;hgl dfglui dglduigh ldfgu dflguidhg ldgh lgh lgdg dfugildh fglidhfglduhgl dfg g glidhf glidugh
    Blah blah blah udigh eirgheogh eogh e;gioheg;ioehg;oeigh;eogh e;rogihe r;goerg ;rgih ;ogs;odgh s;dgiohsgo;hsg
    ofgh dfgiohogi dgo;hgl dfglui dglduigh ldfgu dflguidhg ldgh lgh lgdg dfugildh fglidhfglduhgl dfg g glidhf glidugh
    </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="LeftColumn" Runat="Server">
</asp:Content>

mhardiman · July 7th, 2006, 10:28 AM

I had the same problem. The footer in the css is set to invisible. Remove this line & it worked.

mhardiman

garydarling · August 7th, 2006, 10:51 AM

I was having problems with the main Content over-running the footer in Firefox (worked fine in IE); I removed the 'height:500px;' style in the #centercol div, seems to work fine in both now.

Gary

Gary Darling

erik · August 25th, 2006, 04:28 AM

I also had this problem with the footer not showing, but this problem affected only the alternative theme (the one with Yellow in the name (can't remember the exact name for the theme...).

I also had problems getting the logo to display correctly for this alternative theme. For some reason, the logo was repeating itself horizontally. After much testing and editing, I found out that I had to change the position property of the div tag for the header from relative to absolute (or vice versa. I don't have the source code available right now).

Things like these are very frustrating, but you end up learning stuff you wouldn't have learned if all went well the first time. I'm not a CSS guru, but I'm learning a lot from following the chapters of this brilliant book (well, it's brilliant so far (I'm at Chapter 3)).

--------
Wisdom on the internet? How rare!