By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
424,948 Members | 795 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 424,948 IT Pros & Developers. It's quick & easy.

Footer Problems

P: 5
hi all

I have something of a quandary I'm trying to create a footer that has rounded corners

using the code on this page http://www.cssplay.co.uk/boxes/snazzy.html

I managed to get the effect I was looking for and I started filling the box with the footers contents but Iím having problems because this brakes when I try to apply a float to the contents

here is what I have so far http://h1.ripway.com/Bethrezen/demo/Footer.html

now as you can see everything works just fine until I try to apply

#footleft li {float: left;}
#footright li {float: right;}

at this point everything goes haywire and the whole thing brakes

here is a quick screenie of what it should look like



now despite my best efforts I cant seem to get this to work correctly anyone have any idea what I'm doing wrong ??? and how to fix it ???
Oct 15 '06 #1
Share this Question
Share on Google+
3 Replies


P: 5
hi all

I sussed out what the problem and have now achieved the desired effect

however there is 1 small glitch I haven't worked out yet and that is the vertical positioning of the footer I'm not sure how to get this to stick to the bottom edge of the body element I have read a few articles in regards to this however I cant seem to get them to work any ideas ?

here is where im at so far

http://h1.ripway.com/Bethrezen/demo/Footer.html
Oct 17 '06 #2

jaymanson
P: 29
If all you want to do is make the footer stick to the bottom of the browser, all you need to do is insert the following into your CSS...

Expand|Select|Wrap|Line Numbers
  1. #footer {
  2.     position: absolute;
  3.     bottom: 0px;
  4. }
Obviously, renaming the footer div to suit your own and adding any other styling you require.

It's more common to align the footer with the bottom of your container div instead of the body. If that's what you are after, it may be better to post a link to your page so I can better see what you're trying to do :-)

Jay
Oct 17 '06 #3

P: 5
It's more common to align the footer with the bottom of your container div instead of the body. If that's what you are after, it may be better to post a link to your page so I can better see what you're trying to do :-)
hi

if you look you will see that I did post a link I just forgot to wrap it in url tags

now granted that itís only a construct and the page doesn't actually have any contents yet but the footer should still be positioned at the bottom of the window and when contents is added that exceeds the height of the window it should dynamically shift position so that it stuck to the bottom of the contents instead of the window

now what usually happens to me when I try this is that I get it positioned at the bottom of the window but as soon as I add some contents that exceeds the height of the window firefox incorrectly positions the footer is on top of the contents
Oct 18 '06 #4

Post your reply

Sign in to post your reply or Sign up for a free account.