NamePros
Welcome, Guest! Ready to make a name for yourself in the domain business? We welcome both the hobbyist and professional domainer to join the discussion as part of the NamePros community.

Click here to create your profile to start earning reputation for posting, and trader ratings for buying & selling in our free e-marketplace. Build your trader rating with each successful sale. Our system has tracked over 100,000 sales and counting!
FAQ & TOS Register Search Today's Posts Mark Forums Read

Go Back   NamePros.com > Website Development Discussion Forums > Programming
Reload this Page CSS Footer

Programming PHP, Perl, Ruby on Rails, AJAX, HTML, XHTML, CSS, JavaScript, MySQL and any other coding topics.

Advanced Search


Closed Thread
 
LinkBack Thread Tools
Old 06-23-2008, 06:42 AM THREAD STARTER               #1 (permalink)
NamePros Regular
 
Tomi-gwc's Avatar
Join Date: Apr 2007
Location: England
Posts: 429
Tomi-gwc has a spectacular aura aboutTomi-gwc has a spectacular aura about
 




CSS Footer


Hello, I'm learning to code in XHTML/CSS. So far, (my first coding project) I have this: http://jrcdesigns.co.uk/test/Leafy/index.html
????: NamePros.com http://www.namepros.com/programming/484942-css-footer.html

The problem I am having is getting the footer image (The Leafy thing at the bottom) to be at the bottom. Right now it is set to absolute positioning, however this is just a short term fix that I am not happy with.

How can I have the footer not positioned absolute, with 100% width at the bottom of the page?

I have tried putting it outside the container however doing this makes it appear near the top of the page.

Any ideas?
__________________
|Design Portfolio
|LinkedIn
|Twitter
Tomi-gwc is offline  
Old 06-26-2008, 10:49 PM   #2 (permalink)
New Member
Join Date: Jun 2008
Posts: 3
silverdown is an unknown quantity at this point
 



Looks like you have the image CSS position
Code:
position:absolute;
try
Code:
position:relative;
I am not sure this will work since I cannot test it out myself. However it is worth a try. Then just add
Code:
width:100%;
for the width above or under Position. I hope it works for you!
silverdown is offline  
Old 06-27-2008, 11:48 AM   #3 (permalink)
DNOA Member
Join Date: May 2004
Posts: 5,040
mholt has a brilliant futuremholt has a brilliant futuremholt has a brilliant futuremholt has a brilliant futuremholt has a brilliant futuremholt has a brilliant futuremholt has a brilliant futuremholt has a brilliant futuremholt has a brilliant futuremholt has a brilliant futuremholt has a brilliant future
 


Autism Marrow Donor Program 9/11/01 :: Never Forget Multiple Sclerosis Adoption Alzheimer's Lou Gehrig's Disease (ALS)
For your div#leaf styles, do:

Code:
position: absolute;
bottom: 0px;
z-index: 10;
width: 100%;
(make z-index value greater than the z-indexes of all other divs)
????: NamePros.com http://www.namepros.com/showthread.php?t=484942

Maybe want to add a padding:0px or margin:0px or both if you still have issues.

EDIT: I know you said you don't want absolute positioning, but I'm assuming you want them to be at the bottom... if you positioned relative, it would be stuck to the bottom of the content and not the frame and it would look kinda bad...
mholt is offline  
Old 07-04-2008, 03:04 AM   #4 (permalink)
New Member
Join Date: Dec 2006
Location: New Jersey
Posts: 12
spyke100 is an unknown quantity at this point
 



--- Post Deleted
Last edited by spyke100; 07-04-2008 at 08:48 AM.
spyke100 is offline  
Closed Thread


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools


Liquid Web Smart Servers  
All times are GMT -7. The time now is 06:42 AM.

Managed Web Hosting by Liquid Web
Domain name forum recommended by Domaining.com Powered by: vBulletin® Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.6.0 Ad Management plugin by RedTyger