Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    Senior Coder
    Join Date
    May 2005
    Posts
    2,137
    Thanks
    96
    Thanked 72 Times in 72 Posts

    Small footer question

    On almost all pages, the footer is perfect.

    However on the last 2 pages buy and sell. I need the footer to move all the way to the bottom of the scroll bar. I am not so good with CSS so I need help please.

    We'd have to make a new code for it instead of #footer because it'd alter all the other pages as well. Any help?

    http://www.rodgame.org/downloads/na2/buy.html

    Code:
    /* Footer */
    
    #footer {
    	clear: both;
    	height: 50px;
    	background: #40C1D4 url(images/img07.gif);
    	color: #FFFFFF;
    	position: absolute;
    	bottom: 0px;
    }
    
    #footer p {
    	margin: 0;
    	padding: 0 20px;
    	line-height: normal;
    }
    
    #footer .legal {
    	float: left;
    	height: 32px;
    	padding-top: 18px;
    	background: url(images/img08.gif) no-repeat;
    }
    
    #footer .credits {
    	float: right;
    	height: 32px;
    	padding-top: 18px;
    	background: url(images/img09.gif) no-repeat right top;
    }
    
    #footer a {
    	color: #FFFFFF;
    }

  • #2
    Senior Coder rangana's Avatar
    Join Date
    Feb 2008
    Location
    Cebu City, Philippines
    Posts
    1,752
    Thanks
    65
    Thanked 372 Times in 365 Posts
    See if removing highlighted helps:
    Code:
    #footer {
    	clear: both;
    	height: 50px;
    	background: #40C1D4 url(images/img07.gif);
    	color: #FFFFFF;
    	position: absolute;
    	bottom: 0px;
    }
    Learn how to javascript at 02geek

    The more you learn, the more you'll realize there's much more to learn
    Ray.ph

  • Users who have thanked rangana for this post:

    masterofollies (11-14-2008)

  • #3
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    You could try by making the 'page' div overflow:scroll? The for most of your pages, it would be as is now but for the longer (but.php) page, it would add a vertical scrollbar which you could force to be at the right of your window, where the normal bar would be if there was one.

    bazz
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link

  • Users who have thanked bazz for this post:

    masterofollies (11-14-2008)

  • #4
    Senior Coder
    Join Date
    May 2005
    Posts
    2,137
    Thanks
    96
    Thanked 72 Times in 72 Posts
    Changing the footer name to buyfooter and changing it only on that page works perfect. Thanks!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •