•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the HTML and CSS section within the Web Development category of DaniWeb, a massive community of 402,884 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,073 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our HTML and CSS advertiser: Lunarpages Web Hosting
Views: 2393 | Replies: 13
 |
•
•
Join Date: Jun 2007
Posts: 6
Reputation: 
Rep Power: 0
Solved Threads: 0
Newbie Poster
CSS Footor - Please Stay at the Bottom!!! Can anyone please help me figure out why my footer will not position at the bottom of my HTML and CSS page?
I have been banging my head against my monitoring trying to figure this out for hours. My page is located here:
http://www.thesummitagency.com/Wheel...page-test.html
Here is a list of things I have checked in order to fix the problem:
1.) Put all the HTML inside of a global-container div.
2.) Applied a float left to all of the elements on the page.
3.) Applied a clear both rule to the footer wrapper.
Many thanks in advance,
Anthony
I have been banging my head against my monitoring trying to figure this out for hours. My page is located here:
http://www.thesummitagency.com/Wheel...page-test.html
Here is a list of things I have checked in order to fix the problem:
1.) Put all the HTML inside of a global-container div.
2.) Applied a float left to all of the elements on the page.
3.) Applied a clear both rule to the footer wrapper.
Many thanks in advance,
Anthony
•
•
Join Date: Oct 2005
Location: Northampton UK
Posts: 1,142
Reputation:
Rep Power: 6
Solved Threads: 9
It is probably because you haven't closed a div. That is what it is normally down to. I would suggest that you have a hard look through your page and validate it to make sure nothing is closed in the wrong place and that everything is closed.
hope that helps
hope that helps
•
•
Join Date: Jun 2007
Posts: 6
Reputation:
Rep Power: 0
Solved Threads: 0
Newbie Poster
Thank you for your post. I figured out the footer problem. I followed your feedback and re-examined my HTML.
After reexamining the HTML markup, i realized that it was not well coded...i had nested divs and so forth. So i proceeded to clean up the sloppy code and stumbled upon the fix. I realized all the CSS elements of the site were positioned absolute to my global container div. So I proceeded to change the the CSS elements to be relative to my global container div and the footer moved into place (at the bottom where it belongs).
In closing, position all CSS container elements relative to the global container and presto - you have a Self-clearing CSS footer, no matter which column is longer, the footer stays at the bottom. Time for a cocktail!
Hope this helps the next person that may experience a similar problem.
All the best,
A-train
After reexamining the HTML markup, i realized that it was not well coded...i had nested divs and so forth. So i proceeded to clean up the sloppy code and stumbled upon the fix. I realized all the CSS elements of the site were positioned absolute to my global container div. So I proceeded to change the the CSS elements to be relative to my global container div and the footer moved into place (at the bottom where it belongs).
In closing, position all CSS container elements relative to the global container and presto - you have a Self-clearing CSS footer, no matter which column is longer, the footer stays at the bottom. Time for a cocktail!
Hope this helps the next person that may experience a similar problem.
All the best,
A-train
•
•
•
•
Originally Posted by roryt 
It is probably because you haven't closed a div. That is what it is normally down to. I would suggest that you have a hard look through your page and validate it to make sure nothing is closed in the wrong place and that everything is closed.
hope that helps
•
•
Join Date: Oct 2005
Location: Northampton UK
Posts: 1,142
Reputation:
Rep Power: 6
Solved Threads: 9
•
•
Join Date: Jan 2007
Posts: 2,537
Reputation:
Rep Power: 7
Solved Threads: 111
It seems to still be doing it. I think the problem is that you are adding content through a script after the footer is rendered.
Daylight-saving time uses more gasoline
•
•
Join Date: Oct 2005
Location: Northampton UK
Posts: 1,142
Reputation:
Rep Power: 6
Solved Threads: 9
Looks fine to me in bothe ie and ff.
You may like to add the to the footer contain
Because it is a bit close in ie
You may like to add the to the footer contain
*margin-top: 10px;
Because it is a bit close in ie
•
•
Join Date: Jan 2007
Posts: 2,537
Reputation:
Rep Power: 7
Solved Threads: 111
It helps to be looking at the right file.
Daylight-saving time uses more gasoline
•
•
Join Date: Oct 2005
Location: Northampton UK
Posts: 1,142
Reputation:
Rep Power: 6
Solved Threads: 9
•
•
Join Date: Jun 2007
Posts: 6
Reputation:
Rep Power: 0
Solved Threads: 0
Newbie Poster
I have fixed the footer problem since my initial post. Thank you all for taking an interest in helping me solve the problem. Here is a link to the page
http://www.thesummitagency.com/Wheel...list-page.html
This link will only be active for a couple more days as all the web files are being transfered over to a development server for beta testing.
A-train
http://www.thesummitagency.com/Wheel...list-page.html
This link will only be active for a couple more days as all the web files are being transfered over to a development server for beta testing.
A-train
|
•
•
•
•
•
•
•
•
DaniWeb HTML and CSS Marketplace
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Linear Mode
- Previous Thread: how to make a CSS file
- Next Thread: Css floating problem
