View Single Post
  #1  
Old 04-13-2007, 06:49 AM
  NightFire's Avatar 
NightFire NightFire is offline
 

X-Adept
  
Join Date: Jul 2004
Location: The Netherlands
Posts: 561
 

Default How to get a table positioned at the bottom of the page

Hi All,

Couldn't find a solution anywhere. Searched the internet and also nothing.
This is what I want to do.

Under every page I want to show a table with some helpful links, like help section, contact us, terms and conditions etc.
This page will be shown above the footer. As my layout is a 2 colum layout I want to have this table positioned at the bottom of the page, no matter how long the page is. Sometimes there will be some white space between the products and the table, but that is ok.

I've tried different ways. Wrapping the table with a div. Using a css style to get it to the bottom. But when I try to do that, it just shows the table somewhere in the middle of my shop pages.

Here is the code I've tried to work with:

Code:
{*<div style="position:absolute;bottom:0px;> *} <style> #footer { bottom: 0; position: absolute; width: 100%; vertical-align:baseline; padding: 0% 0%; } </style> <div id="footer" align="center"> <table> ...... </table> </div>

But all of these doesn't seem to work. Maybe someone has a better idea to get this solved.
Thanks.
__________________
Best regards,
Niki Buitenrust Hettema

X-Cart Gold 4.1.8 (Live & Loaded)
Royal Bhaktapur: Handmade products from Nepal - Pashmina's, scarfs, shawls, stola's and more...
Reply With Quote