SitePoint Sponsor |
|
User Tag List
Results 1 to 5 of 5
Thread: Footer problem
Hybrid View
-
Sep 12, 2006, 02:53 #1
- Join Date
- Sep 2006
- Posts
- 6
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Footer problem
Hi,
I have a problem with my footer, When there is not enough content on the page, The footer appears halfway up the screen.
I have 2 test pages to illustrate the problem:
Example 1 - This is good, the desired effect. The content has pushed the footer right to the bottom.
Example 2 - This is bad. There is not sufficient content to push the footer down, And so it (the footer) appears half way up the page.
I think it would be much nicer if the table could stretch 100% and always rest the footer at the bottom.
Note: I am not looking for the kind of solution where the footer is statically fixed to the bottom of the viewport and the content scrolls independatly in the middle. I want the table to stretch when there is enough content like in example 1.
I have tried a few things such as setting the body,html and table height to 100%, but this seems to invoke an unnescessary scrollbar: exampleLast edited by Sojurn; Sep 12, 2006 at 04:33.
-
Sep 12, 2006, 05:59 #2
- Join Date
- May 2006
- Location
- Aurora, Illinois
- Posts
- 15,476
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
You are going to want to view Paul O'B's demo then:
http://www.pmob.co.uk/temp/3colfixedtest_4.htmSave the Internet - Use Opera | May my mother rest in peace: 1943-2009
Dan Schulz - Design Team Advisor | Follow me on Twitter
SitePoint References: HTML CSS JavaScript | Become A Guru
WordPress SEO Checklist | What WordPress Plugins Do You Use?
Web Standards Curriculum | Image Free Equal Height Columns
-
Sep 12, 2006, 06:36 #3
- Join Date
- Sep 2006
- Posts
- 6
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Thank you, I just came across that myself.
I had hoped that this could be done without CSS positioning, As I don't own a Mac and am unable to test my work on anything but Windows & Linux browsers.
The solution is exactly what I want, however, I am averse to using all the browser specific CSS hacks which come along with that kind of advanced CSS positioning.
I've come to the conclusion that this is a rare column layout which cannot be done with tables.
-
Sep 12, 2006, 06:38 #4
- Join Date
- May 2006
- Location
- Aurora, Illinois
- Posts
- 15,476
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
It's one of those rare situations that requires browser-specific hacks, yes; however it is one of those rare situations where they are warranted.
Save the Internet - Use Opera | May my mother rest in peace: 1943-2009
Dan Schulz - Design Team Advisor | Follow me on Twitter
SitePoint References: HTML CSS JavaScript | Become A Guru
WordPress SEO Checklist | What WordPress Plugins Do You Use?
Web Standards Curriculum | Image Free Equal Height Columns
-
Sep 12, 2006, 15:17 #5
- Join Date
- Apr 2002
- Location
- Arkansas
- Posts
- 809
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
It's not the prettiest but it's not a browser specific hack either...
For the pages that the contnet is not long enough set up a class with enough padding or margin (depending on your structure) to make up for the lack of content and push the footer down.
Bookmarks