Howto Add Full Width Footer

[Marty Backe]

I've been trying to create a simple footer (via PageTemplate) for my
TiddlyWiki, unsuccessfully. I want the footer content (ideally from a
'footer tiddler') to stretch across the entire page (like the Header),
below all content.

Does anyone have an example PageTemplate/Stylesheet that does this?

[BradleyMeck]

Add something like this to the end of your PageTemplate, it will take
the tiddler "FooterTiddler" and dump its contents as your footer.

<div class="pageFooter" style="background-color: #dd8"
tiddler="FooterTiddler"></div>

Cheers,
Bradley

[Marty]

Thanks. I've tried something like that (and for kicks tried your
specific example) but it doesn't work. The footer content ends up being
displayed behind the MainMenu content and the sidebar content (if the
tiddler you're viewing is short in length).

There must be some 'trick' (CSS) to keep the footer below _all_
displayed content of the TiddlyWiki.

[Marty]

Resolved.

I modified the stylesheet (TiddlyWiki version 2.0.10) for #sidebar.

was:
#sidebar {
position: absolute;
right: 3px;
width: 16em;
font-size: .9em;
}

is:
#sidebar {
position: relative;
float: right;
right: 3px;
width: 16em;
font-size: .9em;
}

Also, from http://lewcid.googlepages.com/lewcid.html (where I got the
idea to incorporate a footer), I modified the PageTemplate.

Everything below the header was wrapped in another <div
id='bodywrapper'>:

<div id='bodywrapper'>
<div id='mainMenu' refresh='content' tiddler='MainMenu'></div>
<div id='sidebar'>
<div id='sidebarOptions' refresh='content'
tiddler='SideBarOptions'></div>
<div id='sidebarTabs' refresh='content' force='true'
tiddler='SideBarTabs'></div>
<div id='sidebarCopyright' refresh='content'
tiddler='Copyright'></div>
</div>
<div id='displayArea'>
<div id='messageArea'></div>
<div id='tiddlerDisplay'></div>
</div>
<div id='contentFooter' refresh='content'
tiddler='contentFooter'></div>
</div>

[jamj...@gmail.com]

@Marty:
Can ya share the before & after code?

Interested to see how you accomplished this.