A LIST Apart: For People Who Make Websites

No. 170

Discuss: Exploring Footers

Pages

« First  <  10 11 12

111 Re:Re: Container width

To be more clear, the first point should say:
1. Apply the fixed width to the content (and footer) block instead of to the main container block

posted at 01:21 am on March 12, 2004 by Bobby van der Sluis

112 Thanks!

Thanks for the second part, that is just what I needed for a project I’m working on. I now am able to keep the form’s reset and submit buttons in the viewport while the user scrolls through the form. You really should put a note in the article about this and not keep it buried in the comments. At first I tried the code from the article and it didn’t appear to do anything, since the form was longer than the viewport. Then I remembered sometimes revised methods are posted in the comments and I found what worked for me:
http://www.bobbyvandersluis.com/articles/ala_footer_variation2.html

posted at 09:51 am on March 24, 2004 by Will Rickards

113 printing?

When trying to print it only prints the viewport contents and not the entire page. Is there a way to fix this?

posted at 10:13 am on March 26, 2004 by Will Rickards

114 Re: printing?

Will, you can customize your print-outs by using a print style sheet.

With something like:

<style type=“text/css”>
<!—
media print { #content { height: 100%; } #footer { display: none; } } media screen { …current style rules…
}
—>
</style>

you should be king again.

posted at 03:01 am on March 29, 2004 by Bobby van der Sluis

115 IE

MS IE is big piece of …. :-)

posted at 08:04 am on April 13, 2004 by PNDesign

116 OK.... I'm getting confoozed....

I was trying to hack this to get a floating navigation menu. While the theory is good, I don’t seem to be able to make it work in practice. (And perhaps I’m putting the elephant in the cart, coding-wise.)

Working sample is at:
http://www.hedgewizard.net/test/PA-test.htm

(and yes, I know the rest of the site is a mess… I’m working on cleaning it up.) <grin>

Grant
grant@hedgewizard.net

posted at 07:39 pm on April 19, 2004 by Grant Hogarth

117 Very helpful

I had been looking for something similiar for quite a while. As more design orientated myself, as my JS skills are limited, having a footer placed in such a manner helps the look of the site, but yes it is a headache.

Just a comment on my issue and how I resolved it for people who may come across it themselves. My content is not at the edge, it is offset by using the position absolute, and a left and top value. This posed a major issue with the script as it would obviously not see this and the footer would go over the text. If you defined a top value it would make the footer vanish completely. I tried using margins, margin-top would cause an issue too. I used   (no break white space) to position it properly, which is bad obviously as a web designer! But I managed to come up with a solution, so for anyone with the same issue.. just change the following line in the function setFooter(); … var contentHeight = document.getElementById(‘content’).offsetHeight + document.getElementById(‘content’).offsetTop; … it adds the offsetTop and pronto works. Sorry post is a bit long!

Thanks again for such a great solution to a simple problem!

posted at 09:53 am on April 21, 2004 by Pete

118 text resizing

Great article, but one slight glitch, when you resize the text.

Especially bad in Mozilla and Netscape, no scroll bar, when you resize the text, no way you can see footer when it moves down the page.

posted at 08:35 am on May 6, 2004 by howai

119 all browser works fine except opera :-((

hi,
i’m not programmer at all, just designer,
my problem is simple as possible:
i have 2 tables : the first must be center dead, the second must be footer all time and disapear behind the centering table if height not enought…
the page here :
www.portfolio360vr.com/folios/test8.htm

checked with
http://www.danvine.com/icapture/
and “ie capture” on same page..
seems good behaviors on all browser except opera…

i’ve tried way of table inside of table(old method) and your css+jscript but my knowledges with programming is very poor and if someone could help me , peep a look inside the source page to see what’s wrong with opera wich keep the footer as header

thanxs for help very much appreciated

posted at 04:15 am on May 10, 2004 by david

Pages

« First  <  10 11 12

Discussion Closed

New comments are not being accepted, but you are welcome to explore what people said before we closed the door.

Got something to say?

Discuss this article. We reserve the right to delete flames, trolls, and wood nymphs.

Create a new account or sign in below if you’d like to leave a comment.

Remember me

Forgot your password?

Subscribe to this article's comments: RSS (what’s this?)