Solved

footer positioning?

Posted on 2002-05-10
6
247 Views
Last Modified: 2010-04-09
Hello

I have some pages that I want to have a common footer - which is a table that has a thin rectangle gif, and a back, top, and home buttons in it.
I'd like it to display at the "bottom" of the page as consistently as possible, preferably regardless of screen resolution, or how the window is resized.
How can I do that?

thanks

v
0
Comment
Question by:vlg
6 Comments
 
LVL 18

Expert Comment

by:bruno
ID: 7001878
use server side includes if you can, and just put it at the bottom of the page...
0
 

Author Comment

by:vlg
ID: 7001885
How does one server side include something, and what specifically would I have to server side include to make it go to the bottom?

v
0
 
LVL 17

Expert Comment

by:dorward
ID: 7002222
See the "faking position: fixed" for IE6 item: http://home.deds.nl/~thebox/ghost/index.html

You will probably want a fixed horizontal bar.
0
Best Practices: Disaster Recovery Testing

Besides backup, any IT division should have a disaster recovery plan. You will find a few tips below relating to the development of such a plan and to what issues one should pay special attention in the course of backup planning.

 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 100 total points
ID: 7003213
I think what you need will go something like this:

The stuff you want at the bottom has to be in a layer (absolutely
positioned div for compatibility) like this:
<div id="thediv" style="position:absolute;top:0;left:0;visibility:hidden">

The do the body tag this way:

<body onLoad="positionit()">

This goes in the head:

<script language="JavaScript">
<!--
   var obj;
   var H;
   var divH;
   var T;

   function positionit()
   {
      if (document.all)
      {
         obj=document.all['thediv'];
         H=document.body.clientHeight;
         divH=obj.clientHeight;
      }
      else
      {
         if (document.layers)
         {
            obj=document.layers['thediv'];
            H=window.innerHeight;
            divH=obj.documentHeight;
         }
         else
         {
            obj=document.getElementById('thediv');
            H=window.innerHeight;
            divH=obj.offsetHeight;
         }
      }
      T=H-divH;
      if (NS4)
      {
         obj.top=T;
         obj.visibility="visible";
      }
      else
      {
         obj.style.top=T;
         obj.style.visibility="visible";
      }
    }
//-->
</script>

I don't have time to play with it, but it should be pretty close.  Might
need some adjustments for margins and such.

Cd&
0
 

Author Comment

by:vlg
ID: 7003349
Seems to work!
Cd& - any good links to learn more about layers?

thanks

v
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 7003367
A good place to start with layers in dynamic HTML is:

http://www.dansteinman.com/dynduo/index.html

They have clear explanations and good examples that can be applied to a lot of different situations.

Glad we could help.  Thanks for the A. :^)

Cd&
0

Featured Post

VMware Disaster Recovery and Data Protection

In this expert guide, you’ll learn about the components of a Modern Data Center. You will use cases for the value-added capabilities of Veeam®, including combining backup and replication for VMware disaster recovery and using replication for data center migration.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
how to handle long text strings in javascript or ajax 1 32
CSS: Making responsive table look nicer 7 27
Else condition 9 19
key press alert 2 16
This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

777 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