[advanced search]
Results from the most recent live auction are here.
15 members in the live chat room. Join Chat!
Register Rules & FAQ NP$ Store Active Threads Mark Forums Read
Go Back   NamePros.Com > Design and Development > Programming
Reload this Page CSS Footer
User Name
Password

Old 06-23-2008, 05:42 AM   · #1
Tomi-gwc
NamePros Regular
 
Trader Rating: (5)
Join Date: Apr 2007
Posts: 327
NP$: 25.00 (Donate)
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

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?


Please register or log-in into NamePros to hide ads
Tomi-gwc is online now   Reply With Quote
Old 06-26-2008, 09:49 PM   · #2
silverdown
New Member
 
Trader Rating: (0)
Join Date: Jun 2008
Posts: 3
NP$: 0.00 (Donate)
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   Reply With Quote
Old 06-27-2008, 10:48 AM   · #3
mholt
DNOA Member
 
Name: Matthew Holt
Location: 127.0.0.1
Trader Rating: (75)
Join Date: May 2004
Posts: 4,867
NP$: 17.21 (Donate)
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)

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...
__________________
FREE: Help With Code

Includes other technical topics:
programming, development, Windows, domain names, and Internet
mholt is offline   Reply With Quote
Old 07-04-2008, 02:04 AM   · #4
spyke100
New Member
 
Name: Brandon
Location: New Jersey
Trader Rating: (0)
Join Date: Dec 2006
Posts: 12
NP$: 50.00 (Donate)
spyke100 is an unknown quantity at this point
--- Post Deleted
Last edited by spyke100 : 07-04-2008 at 07:48 AM.
spyke100 is offline   Reply With Quote
Reply

NamePros is a revenue sharing forum.
« PHP: Download php code from server | Looking for a CSS programmer who can quote me a price »

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


Site Sponsors
Hunting Moon Domain Tasting Proof is in the Parking
Advertise your business at NamePros
All times are GMT -7. The time now is 05:52 AM.

Advertise At NamePros - Contact Us - NamePros.Com - Archive -Privacy Statement -Top

Powered by: vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 2.4.0