hello,

can somebody tell me how to remove the top margin of the page using zen? i mean there is always some space left on the top, n i would like to put a picture close to the top of the page, but there is a space between the picture and the browser there. i have removed the "skip-nav" already.

thanks a lot.

Comments

akahn’s picture

Make sure div#page has its margin-top set to 0, and then set body's padding-bottom to 0. That should do the trick.

sisyphus’s picture

thank you. but i found that that is related to :

.block .content
{
margin: 0.5em 0;
}

change 0.5em to 0 fixed the problem.

kmonty’s picture

Status: Active » Closed (fixed)
zappi’s picture

I am still tottaly stuck here :(

http://sandbox.ktit.dk/moentendk/?q=node/3

I need to align the pic to top....

My
.block .content
{
}
looks like that, but even if I edit it to say what the one from above says 0em there is still a margin up there.. I have not remvoed skip-nav whatever that is ;)

zappi’s picture

#content-header /* Wrapper for breadcrumb, title, messages, tabs, and help */
{
margin:-14px 0px 0pt;
}

fixed it :D

koffer’s picture

i delete #content-header

so i put the value direct in

  #page,
  #closure-blocks
  {
    /*
     * If you want to make the page a fixed width and centered in the viewport,
     * this is the standards-compliant way to do that. See also the ie.css file
     * for the necessary IE5 hack to center a div.
     */
    margin-left: auto;
    margin-right: auto;
    width: 749px;
	 margin-top:-14px;
  }

in layout-fixed.css

JohnnyMoney’s picture

Version: 6.x-1.0-beta3 » 6.x-1.0
Component: Subtheme: Zen Classic » layout.css

The margin-top:-14px fixed it for Firefox 3 and Opera 9.6 but spoils it for IE 7, as IE7 didn't have the problem of those 14px on top...

hozt’s picture

Make sure padding for your css body tag is 0.

body {
padding: 0;
}

rukaya’s picture

I had moved my secondary nav up into the header and it had margin: 1em 0; which was causing it for me.