WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Footer and Div Overlap (5 posts)

  1. cdolan
    Member
    Posted 2 years ago #

    Community,

    I'd appreciate some help here. I've been working at this for almost two hours and cannot seem to figure out the problem. Here is where I stand:

    I spend some time making custom pages to import my blog posts, so that I may keep the custom feel of my site's template. I mostly have a functioning "proof of concept" going, but when i enable comments, it seems to break. the footer and 'round-box" container are interacting improperly.

    please see this webpage for an example of what my footer "should" look like.

    here is the page I am currently working on.

    Can anyone give me some pointers on how to combat this styling error?

    I'm happy to provide any details or code (incase you cannot find them through firebug). Any help is appreciated!

    Charlie

    Container CSS:

    .round-box{
    	background-color: #ffffff;
    	padding: 20px 20px 20px 20px;
    	position: relative;
    	width: auto;
    	-webkit-border-radius: 20px;
    	-moz-border-radius: 20px;
    	border-radius: 20px;
    	min-height:427px;
    	margin: 0 auto;
    	height:auto;
    	max-width: 900px;
    }
    
    #footer{background:url(images/footer-bk.png) repeat; width:100%;height:230px; float:left;  margin-top: 25px;}

    Single Post Page
    [Code moderated as per the Forum Rules. The maximum number of lines of code that you can post in these forums is ten lines. Please use the pastebin]

  2. Aaron
    Member
    Posted 2 years ago #

    Try changing

    <div class="bg-bottom">

    to

    <div class="round-box">

    in your template file. Looks like you are using the wrong class to me.

  3. WPyogi
    Volunteer Moderator
    Posted 2 years ago #

    You probably need to start with a bunch of mark-up errors:

    http://validator.w3.org/check?uri=http%3A%2F%2Fsequoiawaste.staging.wpengine.com%2Ftest-blog-post%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

    Unclosed tags or extra ones can cause major layout problems.

  4. cdolan
    Member
    Posted 2 years ago #

    Thanks for the tip, WP Bum.

    I took it out and redid some padding and margins related to my "round-box" container and its working great. Never would have thought of that being the problem!

    Charlie

  5. cdolan
    Member
    Posted 2 years ago #

    WPyogi,

    Those are all errors related to the search function on my site, which didnt seem to be perfectly implemented by my developer. Its something I'll have to sort through, although it does look like an absolute mess of errors :-(

    For the most part, I do not think they are harming the page. However, it is certainly something that needs to be tackled. Thanks for pointing that out to me

Topic Closed

This topic has been closed to new replies.

About this Topic