• melanieberezan

    (@melanieberezan)


    Hi there,
    I am having a problem getting rid of the space between my top of page and my header. Both are pink, but there is a white band in between.

    For some reason the band only appears on my homepage, when I go to static pages the white band disappears and everything is fine.

    http://www.girlgetstrong.com

    Thanks for your assistance

    ps – am a newbie…

Viewing 9 replies - 1 through 9 (of 9 total)
  • Thread Starter melanieberezan

    (@melanieberezan)

    Can anyone provide assistance on this?

    Thank you very much!

    kennethwatt

    (@kennethwatt)

    Don’t bump posts. People will respond in time.

    Check your stylesheet – see if your div section for header appears different in index.php rather than page.php – for padding/margins.

    Thread Starter melanieberezan

    (@melanieberezan)

    Oh, sorry! Won’t do that again – didn’t realize that was rude, just am so darn frustrated.

    I tried what you said (did try that myself as well) and couldn’t see a difference in the stylesheet.

    I just used XRAY on my two pages. I can SEE the difference, but I still can’t fix it. Any thoughts?

    On the home page:
    my top reads: 77px (86px) – where do the brackets come from and why is that number so different?

    On the Meet the Girls page:
    my top reads: 77px (76px)- – so there is a 10px diff. in brackets

    So somehow, whatever is in the brackets seems to be the discrepancy.
    BUT in my stylesheet.css, they both read 77px and I can’t find where that 10px difference is coming from. What are those brackets?

    I am thinking I must have done something somewhere else that is affecting it?

    Thank you for replying even though I was rude. Won’t do it again!

    kennethwatt

    (@kennethwatt)

    Really not sure to be honest. Hopefully another more CSS fluent person can help.

    Sorry about that.

    Kenneth

    esmi

    (@esmi)

    First you need to validate your home page. Then, if you have been editing your theme, stop using a word processor such as MS Word. There are stylised quotes in your markup which are not valid in XHTML and could severely mess up your displayed page.

    You also need to validate your CSS.

    When the errors have been sorted and the stylised quotes removed, you may find that the problem has disappeared. If not, come back and we can have another look.

    Thread Starter melanieberezan

    (@melanieberezan)

    Okay. Thanks. I have been using the appearance editor in WordPress. No idea how to edit otherwise.

    I have printed the home page validation. How do I correct it? Where do I go? Do I go to my browser/ View/ page /and then “save as” after I have corrected? If so, what do I save as?

    If there is documentation somewhere, obviously if you point me at it I will read it… I have searched the codex but can’t find how you go about doing that.

    Thanks.

    jteknet

    (@jteknet)

    melanieberezan

    You need to open style.css in notepad++ (http://notepad-plus.sourceforge.net/uk/download.php)

    and edit your #top section change your height: 77px to 0px;

    also, to put your menu lower on the page to not be over your banner, you need to change the #absnav section and change your “top:” attribute to 276 px;

    This should make it look nice, does to my eyes anyway.

    jteknet

    (@jteknet)

    That puts your navigation BELOW your header (which I prefer)
    OR if you prefer it above the header edit it this way:

    #top
    height: 22px;

    #absnav
    top: 0px;

    This will also make it look right.

    Thread Starter melanieberezan

    (@melanieberezan)

    BRILLIANT!!!! Love it.

    Thank you all VERY much. Now am going to go work on my errors.

    Happy Easter.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘space between my top and header – only on homepage’ is closed to new replies.