PLS need help about styesheet

[zico]

first just want to say i'm really new with Zen.. my problem is i do turn off search , menu, and login option..(erased) but in this case there is still blank gap space. i do try and try to get header fit on top with out Gap..but i do still cannot if some one know how and can teach me PLs helping me out..i already siting and editing more than couple days..still cannot i really want to fix this problem and thanks alots

[s_t_e_v_e]

Hi zico,

If you give a link to your page, then we can take a look and answer your question...

unexpected blank gaps are usually caused by CSS padding and margin values.

I recomend firefox with the web developer extension

[zico]

thanks you very much steve..here my test site... www.cool-cool.nl/Test2

username= zico1
pass= thailand

thanks you again..i will wait for answer

[stevesh]

If you mean the space above your header, in your stylesheet:

Add the part in red

#navMainWrapper{ margin: 0 0 3px 0; color: #333333; width: 100%; display:none;}

[zico]

hi steve and stevesh..thanks you both to helping me out along.. i do try added the code in my stylesheet and it's work but not total solved the problem, the menu HOME LOGIN is turn off it's true but the blank gap there the text menu have to be still there..i mean before i added code the gap is wild =2 cm after is wild = 1 cm but i really love to remove it out let my header fix to the top.. i think this case there is alots of friend whould love to find out as wel..anyway..thanks you both every much..it's nice to know there is person who know better.. and you can always ask for advice..Greeting zico

[stevesh]

Do you want to move the sideboxes closer to the header, or the 'Welkom' text closer to the 'Home' breadcrumb, or both?

[gjh42]

You have several things that are taking up space:

#logoWrapper { margin: 0; padding: 0; width: 100%; display: block; background: url('../images/header-bg.jpg') center no-repeat; height: 220px; }
#logo { padding: 30px 0 10px 40px; }
#logo a, #logo a:visited { font-family: Trebuchet MS; font-size: 40px; text-decoration: none; color: #ffffff; font-weight: normal; }

#taglineWrapper{ font-size: 20px; padding: 10px 0 10px 60px; margin-top: -30px; text-align: left; }

#logoWrapper is 220px high, but the background image is not large enough to fill it.

#logo and #taglineWrapper have lots of padding, but no content. If you don't want to show anything in them, set them to
display: none;

[s_t_e_v_e]

to remove the white space above and below the header image...

#logoWrapper
background:transparent url(../images/header-bg.jpg) no-repeat scroll center center;
display:block;
height:170px;
margin:0;
padding:0;
width:100%;

[zico]

wow, just simple thing now i really shame my self stupid me, the problem is i set up header to big 220, but the image not fit it you guy right, i just changed to 170 then just fit perfectly..just small thing take me than 2 days.. thanks you guys very much, now i leaning something, that small thing can be improtant, thanks you guy thanks you very much
greeting
zico