How to eliminate space at top of header?

  • Hi,

    I’d like to eliminate the space at the top of my header, so the header butts up against the edge of the browser window. I’m using Kubrick and 2.0. The relevant web site is https://www.thunderbug.com.

    I’ve searched high and low, but nothing has worked. I know I can do it using position: absolute; margin-top: 0, but then the rest of the page starts underneath my header.

    Help!

    Thanks, -Pete

Viewing 9 replies - 1 through 9 (of 9 total)

  • You mean something like this:
    https://www.vindictivebastard.net/kubrickfixed/

    I know it’s not technically butt up against the top, but that can be adjusted using either GIMP or Photoshop… It took me awhile to get it like that…

    If you’d like that copy, I’ll zip up the files and post the link here then. But you’ll have to just upload those files over your existing files in the Default theme folder… don’t upload the whole folder as a new theme..

    spencerp

    Besides some image adjustments, I had to do some margin adjustments and such..

    Also, that copy of it includes the following fixes.

    1) The search button will be up beside the search input field in both IE and FF.

    2) The 1px footer/header issue will be fixed for in both IE and FF.

    3) You will have everything in the sidebar, listed on all the pages, instead of just the index page.

    4) You will also have the same imagery as I do on there now. =)

    spencerp

    Thread Starter knadles

    (@knadles)

    That looks good, but I’ve done a bunch of customizing of my graphics. I’d rather not have to start again at square one.

    The 1px issue drives me crazy as well. It’s nice to know that someone out there can code better than the Kubrick guy.

    ??

    -Pete

    That looks good, but I’ve done a bunch of customizing of my graphics. I’d rather not have to start again at square one.

    Oh ok, well..it’s not really just the images that were changed, it’s some code settings and such. If you’d like, I could get a copy of your imagery, and try to implement it the way you’d like it to be. =)

    It’s nice to know that someone out there can code better than the Kubrick guy.

    LoL! Nah..I’m NOT a better coder then he is hahaha.

    spencerp

    In your css put

    #page {
    background-color: white;
    margin: 0px auto;
    padding: 0;
    width: 760px;
    border: 1px solid #959596;
    }

    The change is to the margin value – now 0px

    Thread Starter knadles

    (@knadles)

    spencerp: I appreciate the offer, but I’m afraid my sense of guilt gets in the way of my taking you up on it. I don’t know whether that’s funny, or just sad.

    Thread Starter knadles

    (@knadles)

    ebusiness: My CSS doesn’t look that way. Maybe it’s a difference between 2.0 and 1.5. This is what I have:

    #page {
    background-color: white;
    border: 1px solid #959596;
    text-align: left;
    }

    I’ve tried adding margin: 0, but that doesn’t have any effect.

    have a look further down the css-file. there should be a second #page. there you can adjust the margin.

    the first #page is for color and typography, the second #page defines the structure. because the second #page overrules the first #page, changes in the first #page that are defined in the second #page as well have no effect.

    Thread Starter knadles

    (@knadles)

    That’s it! Although it didn’t work until I removed the “px” from margin: 0px auto;

    Thank you all!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How to eliminate space at top of header?’ is closed to new replies.

Tags