Appreciate if anyone could give advice on this. I have a template with CSS code. Here is what happened, when am trying to add more content at on the template, it doesn't allowed to go furthermore where the content area size of will remain the same. This cause it to overlap this bottom. This issue encountered on the side navigation button as well. It seems that the area is constraint by the size that already been set. Anyone could help? Thank You!
If a container has a set height, for example: #containerID{ height: 100px; } then your content will spill out the bottom of the container if your content is greater than the height of the container. The solution is to either increase the height of the container or completely remove the height property from the container letting the content inside dictate the height. Either one of these options may or may not cause more problems depending on your layout.
Without a URL or sample code nobody's going to be all that much help, though I suspect what you have is a template designed by one of the 'draw a pretty picture in photoshop and call it a layout' ****tards... Some element as jwitt98 suggested has a fixed height on it, which is a complete and miserable *** /FAIL/ in web design, and depending on how prevalent and pervasive that type of design choice might be, you may have to have the template recoded from scratch just to change the amount of content on it. (Which I'm seeing WAY too much of lately!!!)