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 6 of 6
  1. #1
    Regular Coder
    Join Date
    Apr 2010
    Posts
    220
    Thanks
    116
    Thanked 1 Time in 1 Post

    Body/Content overlapping Footer (CSS issue)

    Hello,

    Ok, I know this has to be a simple solution, but I have been playing with this for over an hour now and google search isn't returning much results.

    The problem is, the footer isn't 'sticking' down at the bottom of the page, and the content from the body is overflowing and overlapping the footer. Here is a example of what I am talking about:

    (this is a dev. site)
    REMOVED

    And here is a link to the .CSS file: REMOVED

    Any help would be greatly appreciated on this
    Last edited by BlackReef; 11-21-2010 at 02:14 AM.

  • #2
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    You have quite a few coding validation errors. You should really work through them and fix as much as you can then see what you have.

  • #3
    Regular Coder
    Join Date
    Apr 2010
    Posts
    220
    Thanks
    116
    Thanked 1 Time in 1 Post
    Quote Originally Posted by teedoff View Post
    You have quite a few coding validation errors. You should really work through them and fix as much as you can then see what you have.
    Hi teedoff,

    Thanks for the response. I will start going through and correcting these errors.

    I do believe the specific issue I am having though is CSS related. Any ideas on how to resolve this?

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,692
    Thanks
    22
    Thanked 1,830 Times in 1,814 Posts
    Hello BlackReef,
    You should try not specifying so many heights. A divs natural behavior is to enclose whatever it contains so just let it.

    Try these changes highlighted in red -
    Code:
    #wrapper #body {
    	width: 998px;
    /*height: 1000px;*/
    	border-right-width: 1px;
    	border-top-style: none;
    	border-right-style: solid;
    	border-bottom-style: none;
    	border-left-style: solid;
    	border-right-color: #333;
    	border-left-color: #333;
    	border-left-width: 1px;
    	background-color: #000000;
    }
    
    #wrapper #footer {
    	height: 80px;
    	width: 1000px;
    clear: both;
    	background: #000 url(http://dev.addaxtactical.com/store/pc/images/footerbg.png) no-repeat;
    }
    #wrapper #body #main {
    /*height: 800px;*/
    	width: 768px;
    	top: 5px;
    	position: relative;
    	float: left;
    	padding-top: 0px;
    	padding-right: 5px;
    	padding-bottom: 5px;
    	padding-left: 5px;
    }
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    BlackReef (11-21-2010)

  • #5
    Regular Coder
    Join Date
    Apr 2010
    Posts
    220
    Thanks
    116
    Thanked 1 Time in 1 Post
    Excavator,

    Thank you sir very much for your time and help. I applied the changes you requested to the layout.css, and it fixed the issues I was having. You are very helpful and you have been very helpful in the past and it is greatly appreciated. Thank you very much

  • #6
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,692
    Thanks
    22
    Thanked 1,830 Times in 1,814 Posts
    Wow, thanks
    Glad we solved it and learned something as well - always glad to help.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    BlackReef (11-21-2010)


  •  

    Posting Permissions

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