Auto-adjust page height, footer overlap

Is there any way to make it so the height adjust automatically

Unless you provide a link to a page demonstrating the problem, no one will be able to offer much in the way of assistance.

there are no field descriptions in the text boxes,

Remove display: inline-block; from:

.label {
    display: inline-block;
    font-style: italic;
    height: 0;
    letter-spacing: 1px;
    margin: 0;
    padding-top: 3px;
    vertical-align: top;
    width: 0;
}

in style.css

It’s above but it didn’t turn into a link. Thank you for the first one, the link for the page demonstrating the problem is https://www.lifeafterhealth.net/contact

I just added some text to push everything down so it’s affecting the footer. My main concern is when I go to write a blog post that the ‘Main’ height will not adjust with the size of the post. I want the ‘Main’ height to remain where it is so everything looks tight on the front page, but there’s got to be a way to make it adjust depending on length of post?

Try adding clear:both'; to #footer in style.css.

esmi, you are f***ing awesome. thank you!

I am facing the similar problem. The footer overlaps the content that I posted as it does not autoadjust when posted new content.

Please help.

My website blog.worksure.org

Hello there,

I was wondering if I may receive some help with this situation as well please?

My site is located at the-elites.org

It is an “elite” self-improvement membership organization (non-profit) that I am in the works of starting, I have everything on paper and such, but nothing online.

My footer on the site overlaps as well. If I can receive some help it would be greatly appreciated. I am even willing to give you access to content for free for the first 2 months.

I just need to get a move on this, and the footer makes things harder to work with and overlaps extremely.

Thank you for your time and help.

The footer CSS is below.

/**********************************
    FOOTER CSS
***********************************/

#footer
{
    background-image:url(../img/backgrounds/Background_footer_BrownLeather.jpg);
    background-position: left top;
    min-height:185px;
    width:999px;
    margin:auto;
    margin-bottom: 20px;
    margin-top:10px;
    clear:both;
    position: relative;
    left:1px;
    padding-top:45px;
}

#footer .links-info-container
{
    padding:0px 40px 0px;
    width:920px;
    margin-bottom:40px;
}

#footer .links-info-container  a
{
    color:#777;
    font:11px/20px Verdana;
}

#footer .links-info-container a:hover
{
    color:#fff;
}

#footer .links-info-container .links
{
    width:139px;
    margin-right:24px;
    border-left:0px solid #111;
    padding:3px 0px 3px 10px;
    float:left;
    background-image:url(../img/common_files/Spliter_Footer.png);
    background-position: left 0px;
}

#footer .links-info-container .info
{
    width:213px;
    border-left:0px solid #222;
    padding:3px 0px 3px 10px;
    float:left;
    background-image:url(../img/common_files/Spliter_Footer.png);
    background-position: left 0px;
}

#footer .links-info-container .info p
{
    color: #aaa;
    margin: 0px;
    font:11px/16px Verdana;
    text-indent:0px;
}      

#footer-bottom
{
    padding:6px 40px 60px;
    width:920px;
    text-align:center;
    margin:auto;
    color:#666;
    font:10px Verdana;
    background-image:url(../img/common_files/Spliter_BlogPostTop_border.png);
    background-position: top;
}

#footer-bottom img
{
    border:none;
}

As per the Forum Welcome, please post your own topic. Your problem – despite any similarity in symptoms – is likely to be completely different.