...

View Full Version : Body/Content overlapping Footer (CSS issue)



BlackReef
11-19-2010, 04:35 AM
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

teedoff
11-19-2010, 04:47 AM
You have quite a few coding validation (http://validator.w3.org)errors. You should really work through them and fix as much as you can then see what you have.

BlackReef
11-20-2010, 10:29 PM
You have quite a few coding validation (http://validator.w3.org)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?

Excavator
11-21-2010, 12:07 AM
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 -
#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;
}

BlackReef
11-21-2010, 12:45 AM
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

Excavator
11-21-2010, 01:47 AM
Wow, thanks :thumbsup:
Glad we solved it and learned something as well - always glad to help.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum