Sandbox v1.6 & Header Top Margin.

  • Resolved sepoto

    (@sepoto)


    14 years, 1 month ago

    I am trying to get rid of the white space gap at the top of my screen above the header area. I have tried adding to my style.css:

    body {
    margin-top: 0;
    }

    To no avail. Has anyone done this before with Sandbox v1.6?

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

  • Check the margins on the #page id in your style.css. It would help to have a link.

    Thread Starter sepoto

    (@sepoto)

    There is no #page in my style.css. Here is a link to my site:

    https://www.sepsserver.com/sandbox/

    Also I am assuming at this point that maybe I should add a #page and set the margins to zero. Could you please clarify?

    You have a div id=”wrapper” that has no style attributes assigned to it. You also don’t have any style attributes assigned to the body. You don’t need to add #page to your stylesheet since there is no div in your template with that ID.

    If you have Firefox, get the Firebug add-on. It lets you see what is going on and also lets you see what happens if you change the CSS without actually committing the changes.

    Thread Starter sepoto

    (@sepoto)

    I have looked at the page with FireBug and I see #wrapper and have tired applying margin 0 and padding 0 to both that ID as well as body. To no avail. Does anyone know how to remove the gardang space there at the top in Sandbox 1.6?

    Alwyn Botha

    (@123milliseconds)

    Did you clear your browser cache; old css might be used?

    If you look at the head profile in Firebug it says that the position is static and the top, right, bottom and left positions are all auto.

    try changing

    <head profile="https://gmpg.org/xfn/11">

    to just <head>

    in your header.php and see what happens.

    Thread Starter sepoto

    (@sepoto)

    I tried that this morning. It didn’t really seem to have any visible effect. I’m thinking about trying a different framework where I can have my header at the actual top of the screen. It seems like Sandbox v1.6 does not make it real easy to do that. Anyone have framework suggestions?

    #blog-title { margin-top: 0; }

    You might also want to set your body’s top margin to 0 if you want to completely remove margin.

    Thread Starter sepoto

    (@sepoto)

    That actually had an effect! I did that and the page moved up! There is still a tiny roughly 10px margin on all sides. Can this be removed?

    https://www.sepsserver.com/sandbox/

    Yes, like I already mentioned it, change body’s margin.

    body { margin: 0; } will remove margin on all the sides.

    Thread Starter sepoto

    (@sepoto)

    Yachtzee! Thanks a bunch! I’m way stoked!

    Good call Andrei.

    Sepoto, in Firebug if you hover your mouse over that div element you will see that it does in fact extend to the very top of the screen and it is still showing as having top & bottom margins of 21.4333px each. For me (in Firefox) the title itself has moved up but there is still a space at the top of the page.

    You may just need to add

    margin: 0;

    to the #blog-title div attributes. Worth a try IMO.

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Sandbox v1.6 & Header Top Margin.’ is closed to new replies.