473,239 Members | 1,480 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,239 software developers and data experts.

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
Nov 16 '07 #1
7 2270
On Nov 16, 6:31 am, Big Moxy <bigm...@gmail.comwrote:
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
Nov 16 '07 #2
On Nov 16, 9:31 am, Big Moxy <bigm...@gmail.comwrote:
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.
Nov 16 '07 #3
On Nov 16, 7:25 am, Kevin Scholl <ksch...@comcast.netwrote:
On Nov 16, 9:31 am, Big Moxy <bigm...@gmail.comwrote:


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
Nov 16 '07 #4
Big Moxy wrote:
site - http://projects.zanalysts.com/hearin...0/default.aspx
404 not found

--
Berg
Nov 16 '07 #5
On Nov 16, 12:18 pm, Big Moxy <bigm...@gmail.comwrote:
On Nov 16, 7:25 am, Kevin Scholl <ksch...@comcast.netwrote:
On Nov 16, 9:31 am, Big Moxy <bigm...@gmail.comwrote:
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.
Nov 16 '07 #6
On Nov 16, 10:49 am, Kevin Scholl <ksch...@comcast.netwrote:
On Nov 16, 12:18 pm, Big Moxy <bigm...@gmail.comwrote:


On Nov 16, 7:25 am, Kevin Scholl <ksch...@comcast.netwrote:
On Nov 16, 9:31 am, Big Moxy <bigm...@gmail.comwrote:
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
Nov 16 '07 #7
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
Nov 16 '07 #8

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

3
by: Tony Benham | last post by:
I've added a footer div to a website, which I've positioned using div#footer {width : auto ; border : 0 ; position : absolute ; bottom : 0 ; margin : 1.33em 1.33em 1.33em 1.33em ; background :...
2
by: Tristan Miller | last post by:
Greetings. I have a two-column web layout, where the first column is just the regular body text with a "marign-right" of 16em, and the second column is an "absolute"-positioned div with a width...
60
by: A.Translator | last post by:
The footer on my page stays where I want it to be (at the bottom of the screen) as long as the content has enough volume to push it down. The moment I take out content, the container obviously...
6
by: Quintus Snapper | last post by:
Hi everyone. I'm just making new HTML pages for a site. This time round I've brushed up on my CSS and trying to use as much of it as possible and as well as trying to keep it W3C compliant. So...
2
by: David | last post by:
Guys, I have made an asp.net web user control and I am having difficulty in trying to position it at the absolute bottom How do I do this. The control is displayed in the middle of the page...
4
by: sonya11 | last post by:
hi all, sorry I realize the topic is well known, anyway is there a way without using javascript to have a footer always under a 3 column layout with Absolute Positioning ? I don' t want to...
17
by: Cerebral Believer | last post by:
Hi all, I would like to know how to get two rows of text links to appear at the bottom of a page. Generally I have been using <div> tags with the id attribute and CSS to place blocks of text,...
11
by: Grischa Brockhaus | last post by:
Hi, I'm trying to produce a div layout containing a header on the top with fixed height, a footer on the bottom using fixed height and a content layer using what's left of the browsers window. ...
4
by: john | last post by:
Hi to All, I am new to html authoring, so sorry if my terminology is not correct or exact. I would like to position a footer div to the bottom of the browser window. As I research in the web...
3
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 3 Jan 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). For other local times, please check World Time Buddy In...
0
by: jianzs | last post by:
Introduction Cloud-native applications are conventionally identified as those designed and nurtured on cloud infrastructure. Such applications, rooted in cloud technologies, skillfully benefit from...
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 7 Feb 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:30 (7.30PM). In this month's session, the creator of the excellent VBE...
0
by: fareedcanada | last post by:
Hello I am trying to split number on their count. suppose i have 121314151617 (12cnt) then number should be split like 12,13,14,15,16,17 and if 11314151617 (11cnt) then should be split like...
1
by: davi5007 | last post by:
Hi, Basically, I am trying to automate a field named TraceabilityNo into a web page from an access form. I've got the serial held in the variable strSearchString. How can I get this into the...
0
by: MeoLessi9 | last post by:
I have VirtualBox installed on Windows 11 and now I would like to install Kali on a virtual machine. However, on the official website, I see two options: "Installer images" and "Virtual machines"....
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: Aftab Ahmad | last post by:
Hello Experts! I have written a code in MS Access for a cmd called "WhatsApp Message" to open WhatsApp using that very code but the problem is that it gives a popup message everytime I clicked on...
0
by: Aftab Ahmad | last post by:
So, I have written a code for a cmd called "Send WhatsApp Message" to open and send WhatsApp messaage. The code is given below. Dim IE As Object Set IE =...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.