I am trying to set up a web page with tabs that bring up different “pages”. The problem I am having is with the footer. The “pages” associated with each tab are different lengths, and I want the footer to move up and down as the pages get shorter and longer. The tabs and associated pages are all divs, and I am locating the divs using position:abosolute. I could locate them using position:relative, and then the footer drops down where it belongs, but then if I change something on a page I will have to adjust the location of all the pages (divs) that come after that. But with position:absolute I can’t get the footer down underneath the tabbed pages.

Any ideas - at this point even a different approach would be welcome!

Here is the page

thanks!
Anne

The issue is most likely the height of the div, try using auto. An alternative approach would be to use a table.
____________________
sudoku - social - puppies

Sorry, I have solved this problem - I thought I needed to use position absolute in order to assure that the tabs and the pages stayed together, but it turns out that this was not necessary. When I got rid of the position absolute stuff this problem went away.

thanks
Anne

That’s a nice looking site, really dig. I always try to avoid position absolute personally, because its so unstable with different browser types. You can also use browser shots to see how your site will look in different operating systems and browsers - really nice tool to make sure that you get the exact look that you want under every possible scenario.
potbelly pig

You could use jQuery. It has a very elegant tab interface that works as you want.
_____________________________________
Sudoku - Play Flash Games - Play Flash Games

If a header or footer is printed, the top or bottom margins may be set accordingly, leaving enough space for the header and/or footer.

By including some special tags in the HTML file, HTML files may be printed as headers or footers.

If the footer does include the Privacy and About Application page links, then these links are persistent throughout all the page footers of the entire application.

The Absolute option will release the footer box from any automatic positioning.

The Footer tab contains the tools for editing the footer text that you input while in the Content window.

he footer is positioned so that it’s top is directly below the print job text, between the page edge and the value specified as Print Margin Bottom.  In this case, excessive text will flow off the bottom of the page. Because footer links are used to visually close the page, when a user has accessibility mode set to use a screen reader, the page footer links (the tabs in the tab bar plus the global button navigation links) will be removed.
______________________________________
-_____CSS drive_____-

The tabs and associated pages are all divs, and I am locating the divs using position:abosolute. I could locate them using position:relative. This is true regardless of the amount of text.  Thus if there is too much text, the early text will disappear off the top of the page.
______________________________________
_____Kohler Generators_____

I would just use tables for this and maybe a little CSS, but I don’t understand why you are having trouble with the footer. That shouldn’t be affected at all.
google redirect virus removal

It looks like you solved your issue. You’re doing a re-post when clicking on a tab. You might want to look into using jQuery to avoid the post back.
_____________________________
Sudoku - Flash Game - Flash Game
Flash Game - xnxx - Flash Game

Why is this post still open when the guy has solved the problem??? I wonder if there are any moderator or admin of this forum or not??