Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 267
  • Last Modified:

footer positioning?

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
vlg
Asked:
vlg
1 Solution
 
brunoCommented:
use server side includes if you can, and just put it at the bottom of the page...
0
 
vlgAuthor Commented:
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
 
dorwardCommented:
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
What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

 
COBOLdinosaurCommented:
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
 
vlgAuthor Commented:
Seems to work!
Cd& - any good links to learn more about layers?

thanks

v
0
 
COBOLdinosaurCommented:
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
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.

Join & Write a Comment

Featured Post

What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now