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
    New to the CF scene
    Join Date
    Aug 2010
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Body content overlapping footer

    How can i make it so my footer can extend to the bottom of the page with ought having my body overlap it?

    I'm new to all this and would appreciate some quick help. ^_^

    Code:
    /* footer */
    
    #templatemo_footer {
    	clear: both;
    	width: 780px;
    	height: 75px;
    	padding: 30px 90px 0 90px;
    	text-align: center;
    	color: #3b3838;
    	background: url(images/templatemo_footer.jpg) no-repeat;
    	
    }
    
    #templatemo_footer a {
    	font-weight: bold;
    	color: #000000;
    }
    
    #templatemo_footer .footer_menu {
    	margin: 0 0 5px 0;
    	padding: 0px;
    	list-style: none;
    }
    
    .footer_menu li {
    	margin: 0px;
    	padding: 0 20px;
    	display: inline;
    	border-right: 1px solid #000000;
    }
    
    .footer_menu .last_menu {
    	border: none;
    }
    
    /* end of footer */

  • #2
    New Coder
    Join Date
    Aug 2010
    Posts
    20
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I love this method: http://boagworld.com/technology/fixe...out-javascript

    Here's a really well commented/barebone example I made for you: http://blog.pressedweb.com/demos/fixed_footer/

  • #3
    New Coder
    Join Date
    Jul 2008
    Posts
    71
    Thanks
    7
    Thanked 3 Times in 3 Posts
    Quote Originally Posted by Aple View Post
    I love this method: http://boagworld.com/technology/fixe...out-javascript

    Here's a really well commented/barebone example I made for you: http://blog.pressedweb.com/demos/fixed_footer/
    this method is good too. less code, as well.

    http://ryanfait.com/sticky-footer/
    If i was of any help, dont forget to click the 'thank' button =]

  • #4
    New Coder
    Join Date
    Aug 2010
    Posts
    20
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I remember disliking something about Ryan Fiat's version, but after skimming it's code over, it still looks like hacks and garbage. !important, empty .push div.. Dunno, Boag's version just seems so much cleaner to me.


  •  

    Posting Permissions

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