Hey Folks:
I'm probably dreaming here, but perhaps there's a way...
I just gave a presentation. It's in XHTML and uses CSS for making things
look nice. Right now there's a small navigation system on top and the
main text area. The presentation is about to be put on the web, so I'd
like to add a footer on each page with the presentation name and a link
back to the main site.
The quest here is:
1) On pages where the main text doesn't fill the whole screen, put the
footer at the bottom of the browser window.
2) But, on pages where the main text is long enough to scroll down below
the bottom of the window, to place the footer below the bottom of the
text.
Doing something like this:
div.bottom {
position: absolute;
bottom: 0;
}
works fine for short pages, but on longer pages, the footer winds up
covering the main text at the bottom of the current screen.
While this can kind of be dealt with via "overflow: scroll" on the main
section, that's not the greatest. It blows the ability to use the page
up/down keys to scroll the main text area (at least on a very current
build of Mozilla as well as IE 6). Plus it introduces scroll bars in both
axes, even if they're not needed which is unsightly.
Using straight XHTML is okay for the long pages, but then it doesn't have
the nice touch of being at the absolute bottom on short pages.
Thanks for your thoughts,
--Dan
--
FREE scripts that make web and database programming easier
http://www.analysisandsolutions.com/software/
T H E A N A L Y S I S A N D S O L U T I O N S C O M P A N Y
4015 7th Ave #4AJ, Brooklyn NY v: 718-854-0335 f: 718-854-0409