Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Random space above image?

Discussion in 'Website Coding & Programming Forum:' started by ParrotBoy, Mar 4, 2011.

  1. ParrotBoy

    ParrotBoy New Member

    I'm doing a website for a friend, I've been working on it for a few days now but I've one into one very minor but very annoying problem.
    testforcram - Home
    Just beneath the header image and between the banner, there is a tiny gap which I can't seem to remove no matter what. I have tried so many different fixes, but none have prevailed (just to point out, I'm only using weebly because my friend doesn't want to pay to host the site properly and it also acts as a good CMS)

    Weird thing is it only occurs in Firefox and Chrome, seems to display fine through Internet Explorer (that's a first haha)

    Here's my HTML:
    And my CSS:
    If anyone could help fix this it'd be greatly appreciated.

    Last edited: Mar 4, 2011
  2. djb

    djb Member

    I might be stating the obvious but have you tried giving #headerwrp a height of 157 and also setting the margin and padding to 0? If I look at it with Firebug it definitely seems to be #headerwrp making the gap.
  3. Corrosive

    Corrosive Moderator Staff Member

    Tidying and optimising your HTML might make it easier to debug;

    <div id="topbg"></div>
    <div id="whitespace"></div><div id="nav-wrap"><div id="navigation"> 
    <div id="nav-content">
    <div id="whitespace"></div> <div id="header"><div id="headerwrp"><img src="/files/theme/header.jpg" width="1022" height="157" /></div>
    <div id="headimg"></div>
    Do you really need all those divs and are you sure that your header image shouldn't be in the div called 'headimg'?
  4. ParrotBoy

    ParrotBoy New Member

    *doy* Setting the height fixed it. Thanks so much! I feel like an idiot haha.

    Sorry about the messy html, this is only my second website and I need to learn a thing or two. Thanks anyway.

Share This Page