Div Overlap - I'm going crazy here! (3 posts)

  1. abovegrnd
    Posted 6 years ago #

    Man, I've never had a problem like this that I haven't been able to track to something and solve it quickly.

    I have two pages that use the exact same php include header, but for some reason the header displays with a div overlap on one page, and it displays correctly on the other.

    I've validated the site, removed everything on the page with the overlap using Firebug, etc. I can't track down what's causing this issue! Can anyone check out the two pages and help me? The issue is at the very top -- there should be a 26px bar along the top with a link to our Twitter page (as displayed in the second page) on both of the headers. For some reason the banner and ad at the top overlaps the Twitter link on the first page.

    This one has the overlap: http://abovegroundmagazine.com/category/the-leak/

    This one displays correctly: http://abovegroundmagazine.com/jobs/

    I'm guessing it has SOMETHING to do with the gap between the nav and the content, which is intentional (I want one to look more like a blog, and one to look more like a magazine). But, I just can't seem to track it down. Hoping that a fresh perspective can figure it out for me.

    Thanks in advance,

  2. Michael
    Forum Moderator
    Posted 6 years ago #

    look at the files calling the header, and make sure there is nothing before the get_header.

    although you may like it better for showing the twitter icon, i think it is actually the /jobs/ page that has problems:
    the validation check of the /jobs/ file seems to pick up a character before the doctype: http://validator.w3.org/check?uri=http%3A%2F%2Fabovegroundmagazine.com%2Fjobs%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
    the /jobs/ also has alignment problems in IE7.

  3. abovegrnd
    Posted 6 years ago #

    Okay, I see your point.

    My next question is then, how do I correct the overlap on the first page?


Topic Closed

This topic has been closed to new replies.

About this Topic