how to make my content fit my web page WordPress
- SOLVED
Hi,
I find that the more content i add on my web page, the more it over laps my footer. What can I do to always make my content fit the height of my page no matter how much content I have?
[[LINK href="http://www.hawriandmandy.com/bio/"]][[/LINK]]
If you click on the "read more" button that's when you will see it overlaps my footer.
Answers (3)
AdamGold answers:
Post here the URL please.
ddoodnath comments:
[[LINK href="http://www.hawriandmandy.com/bio/"]][[/LINK]]
http://www.hawriandmandy.com/bio/
AdamGold comments:
In your CSS, find:
.footer {
clear:both; overflow:hidden; height:100%;
font-size:1.2em;
line-height:1.5em; color:#00FF66;
margin:-80px 0px 0px 0px;
}
Replace with:
.footer {
clear:both; overflow:hidden; height:100%;
font-size:1.2em;
line-height:1.5em; color:#00FF66;
margin:20px 0px 0px 0px;
}
ddoodnath comments:
thanks...that made it fit my footer, but my content is cut off?
http://www.hawriandmandy.com/bio/
AdamGold comments:
Yes, from some reason you have a fixed height to your content. Find:
.content { clear:both; overflow:hidden; height:1697px; padding:0px 0px 0px 0px;}
Replace with
.content { clear:both; overflow:hidden; padding:0px 0px 0px 0px;}
ddoodnath comments:
yes thats worked! However I have another problem now...on my home page my content and sidebar is cut off...I will post a new question for this.
Victor Teixeira answers:
On your style.css (line 112) you have this:
.content {
clear: both;
overflow: hidden;
height: 1697px;
padding: 0px 0px 0px 0px;
}
Just remove: height: 1697px;
ddoodnath comments:
okay, I will try it
takycardia answers:
Istead you can try
.content {
clear: both;
overflow: auto;
height: 1697px;
padding: 0px 0px 0px 0px;
}
It will generate scrollbars when needed :-)