How do I get my footer positioned at the bottom of the content?

site - http://projects.zanalysts.com/hearin...0/default.aspx
css - http://projects.zanalysts.com/hearin...css/styles.css
js - http://projects.zanalysts.com/hearin...erPositionA.js
and setFooterPositionR.js
javascript - http://www.alistapart.com/articles/footers (example 5 and
6)

I am in desparate need of a solution for a page footer. From googling
it seems that using javascript is the best approach so I tried the
above scripts from alistapart.com. My css contains a content id and a
footer id to match the script requirements. Currently the footer id is
set to use absolute positioning and the 'A' suffixed javascript. When
I use relative positioning the footer is at the top of the page in the
foreground. When I use absolute positioning the footer is at the top
of the page in the background. You can see the black bar hanging out
on the right side of the logo area.

I have attempted footer positioning without the javascript too but get
the same results.

Your help is truly appreciated!!
Tim

On Nov 16, 6:31 am, Big Moxy <bigm... (AT) gmail (DOT) com> wrote:

site -http://projects.zanalysts.com/hearingaids1000/default.aspx
css -http://projects.zanalysts.com/hearingaids1000/css/styles.css
js -http://projects.zanalysts.com/hearingaids1000/JScript/setFooterPositi...
and setFooterPositionR.js
javascript -http://www.alistapart.com/articles/footers(example 5 and
6)

I am in desparate need of a solution for a page footer. From googling
it seems that using javascript is the best approach so I tried the
above scripts from alistapart.com. My css contains a content id and a
footer id to match the script requirements. Currently the footer id is
set to use absolute positioning and the 'A' suffixed javascript. When
I use relative positioning the footer is at the top of the page in the
foreground. When I use absolute positioning the footer is at the top
of the page in the background. You can see the black bar hanging out
on the right side of the logo area.

I have attempted footer positioning without the javascript too but get
the same results.

Your help is truly appreciated!!
Tim

The CSS file should be - http://projects.zanalysts.com/hearin...ss/hearing.css

On Nov 16, 9:31 am, Big Moxy <bigm... (AT) gmail (DOT) com> wrote:

site -http://projects.zanalysts.com/hearingaids1000/default.aspx
css -http://projects.zanalysts.com/hearingaids1000/css/styles.css
js -http://projects.zanalysts.com/hearingaids1000/JScript/setFooterPositi...
and setFooterPositionR.js
javascript -http://www.alistapart.com/articles/footers(example 5 and
6)

I am in desparate need of a solution for a page footer. From googling
it seems that using javascript is the best approach so I tried the
above scripts from alistapart.com. My css contains a content id and a
footer id to match the script requirements. Currently the footer id is
set to use absolute positioning and the 'A' suffixed javascript. When
I use relative positioning the footer is at the top of the page in the
foreground. When I use absolute positioning the footer is at the top
of the page in the background. You can see the black bar hanging out
on the right side of the logo area.

I have attempted footer positioning without the javascript too but get
the same results.

Your help is truly appreciated!!
Tim

What you are seeking can be accomplished quite readily with CSS only.
Do a Google search for "sticky footer". The first few results
(particularly that from themaninblue.com should provide you with all
you need.

On Nov 16, 7:25 am, Kevin Scholl <ksch... (AT) comcast (DOT) net> wrote:

On Nov 16, 9:31 am, Big Moxy <bigm... (AT) gmail (DOT) com> wrote:





site -http://projects.zanalysts.com/hearingaids1000/default.aspx
css -http://projects.zanalysts.com/hearingaids1000/css/styles.css
js -http://projects.zanalysts.com/hearingaids1000/JScript/setFooterPositi...
and setFooterPositionR.js
javascript -http://www.alistapart.com/articles/footers(example5 and
6)

I am in desparate need of a solution for a page footer. From googling
it seems that using javascript is the best approach so I tried the
above scripts from alistapart.com. My css contains a content id and a
footer id to match the script requirements. Currently the footer id is
set to use absolute positioning and the 'A' suffixed javascript. When
I use relative positioning the footer is at the top of the page in the
foreground. When I use absolute positioning the footer is at the top
of the page in the background. You can see the black bar hanging out
on the right side of the logo area.

I have attempted footer positioning without the javascript too but get
the same results.

Your help is truly appreciated!!
Tim

What you are seeking can be accomplished quite readily with CSS only.
Do a Google search for "sticky footer". The first few results
(particularly that from themaninblue.com should provide you with all
you need.- Hide quoted text -

- Show quoted text -

Thanks for the reference Kevin! After implementing themaninblue.com
solution the footer moved from the top of the page to approximately
the middle. Several of the other top Google results referenced
http://ryanfait.com/sticky-footer/ however that didn't work at all as
my footer is positioned at the top again.

Help!
tim

Big Moxy wrote:

site - http://projects.zanalysts.com/hearin...0/default.aspx

404 not found

--
Berg

On Nov 16, 12:18 pm, Big Moxy <bigm... (AT) gmail (DOT) com> wrote:

On Nov 16, 7:25 am, Kevin Scholl <ksch... (AT) comcast (DOT) net> wrote:



On Nov 16, 9:31 am, Big Moxy <bigm... (AT) gmail (DOT) com> wrote:

site -http://projects.zanalysts.com/hearingaids1000/default.aspx
css -http://projects.zanalysts.com/hearingaids1000/css/styles.css
js -http://projects.zanalysts.com/hearingaids1000/JScript/setFooterPositi...
and setFooterPositionR.js
javascript -http://www.alistapart.com/articles/footers(example5and
6)

I am in desparate need of a solution for a page footer. From googling
it seems that using javascript is the best approach so I tried the
above scripts from alistapart.com. My css contains a content id and a
footer id to match the script requirements. Currently the footer id is
set to use absolute positioning and the 'A' suffixed javascript. When
I use relative positioning the footer is at the top of the page in the
foreground. When I use absolute positioning the footer is at the top
of the page in the background. You can see the black bar hanging out
on the right side of the logo area.

I have attempted footer positioning without the javascript too but get
the same results.

Your help is truly appreciated!!
Tim

What you are seeking can be accomplished quite readily with CSS only.
Do a Google search for "sticky footer". The first few results
(particularly that from themaninblue.com should provide you with all
you need.- Hide quoted text -

- Show quoted text -

Thanks for the reference Kevin! After implementing themaninblue.com
solution the footer moved from the top of the page to approximately
the middle. Several of the other top Google results referencedhttp://ryanfait.com/sticky-footer/however that didn't work at all as
my footer is positioned at the top again.

Help!
tim

That would suggest to me that you have some CSS somewhere that is
conflicting with the sticky footer CSS declarations (or maybe some
orphaned Javascript?). This method is rather precise, so it wouldn't
take much to mess it up.

On Nov 16, 10:49 am, Kevin Scholl <ksch... (AT) comcast (DOT) net> wrote:

On Nov 16, 12:18 pm, Big Moxy <bigm... (AT) gmail (DOT) com> wrote:





On Nov 16, 7:25 am, Kevin Scholl <ksch... (AT) comcast (DOT) net> wrote:

On Nov 16, 9:31 am, Big Moxy <bigm... (AT) gmail (DOT) com> wrote:

site -http://projects.zanalysts.com/hearingaids1000/default.aspx
css -http://projects.zanalysts.com/hearingaids1000/css/styles.css
js -http://projects.zanalysts.com/hearingaids1000/JScript/setFooterPositi...
and setFooterPositionR.js
javascript -http://www.alistapart.com/articles/footers(example5and
6)

I am in desparate need of a solution for a page footer. From googling
it seems that using javascript is the best approach so I tried the
above scripts from alistapart.com. My css contains a content id and a
footer id to match the script requirements. Currently the footer id is
set to use absolute positioning and the 'A' suffixed javascript. When
I use relative positioning the footer is at the top of the page in the
foreground. When I use absolute positioning the footer is at the top
of the page in the background. You can see the black bar hanging out
on the right side of the logo area.

I have attempted footer positioning without the javascript too but get
the same results.

Your help is truly appreciated!!
Tim

What you are seeking can be accomplished quite readily with CSS only.
Do a Google search for "sticky footer". The first few results
(particularly that from themaninblue.com should provide you with all
you need.- Hide quoted text -

- Show quoted text -

Thanks for the reference Kevin! After implementing themaninblue.com
solution the footer moved from the top of the page to approximately
the middle. Several of the other top Google results referencedhttp://ryanfait.com/sticky-footer/howeverthat didn't work at all as
my footer is positioned at the top again.

Help!
tim

That would suggest to me that you have some CSS somewhere that is
conflicting with the sticky footer CSS declarations (or maybe some
orphaned Javascript?). This method is rather precise, so it wouldn't
take much to mess it up.- Hide quoted text -

- Show quoted text -

New url, sorry it no longer needed to be .net -
http://projects.zanalysts.com/hearin...000/index.html

It's probably the css declarations as the only javascript was what I
introduced from alistapart.com

I don't know where to begin but I'll have to figure something out.

Thanks,
Tim

Big Moxy wrote:

I have attempted footer positioning

http://projects.zanalysts.com/hearin...000/index.html

Ah, the evils of absolute positioning. You don't really understand how
it is *supposed* to work, hence the "misplaced" footer.
http://brainjar.com/css/positioning/

To fix it, start by dropping all the absolute positioning. Get rid of
the explicit px heights on text elements, too. If you can't see why,
load the page in Firefox and zoom text up a few notches, then see what
happens (to the navigation menu in particular). It's not pretty, nor
readable.

You should drop the puny font-sizes while you're at it.
http://k75s.home.att.net/fontsize.html

--
Berg