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
Comment #1
akahn commentedMake sure div#page has its margin-top set to 0, and then set body's padding-bottom to 0. That should do the trick.
Comment #2
sisyphus commentedthank you. but i found that that is related to :
.block .content
{
margin: 0.5em 0;
}
change 0.5em to 0 fixed the problem.
Comment #3
kmontyComment #4
zappi commentedI 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 ;)
Comment #5
zappi commented#content-header /* Wrapper for breadcrumb, title, messages, tabs, and help */
{
margin:-14px 0px 0pt;
}
fixed it :D
Comment #6
koffer commentedi delete #content-header
so i put the value direct in
in layout-fixed.css
Comment #7
JohnnyMoney commentedThe 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...
Comment #8
hozt commentedMake sure padding for your css body tag is 0.
body {
padding: 0;
}
Comment #9
rukaya commentedI had moved my secondary nav up into the header and it had margin: 1em 0; which was causing it for me.