Removing padding b/w header and body

Removing padding b/w header and body

Mark Girona -
回帖数：2
This is driving me nuts... I have tried figuring it out for a couple days now but I can not figure out how to implement the code to obtain the desired outcome.

My temporary site is located here (and yes..this is for TiVo =P) and I am trying to remove the space between the header and the first block "main menu".

My goal is for the "purple bar" in the header to fall flush with the first block "main menu" (I will have to take the border off the blocks too, but I haven't tried doing that yet.)

My goal is for it to be similar to the TiVo logo guy and the menu's on the TiVo homepage

I am assuming its somewhere in the CSS code; any help being pointed in the right direction is appreciated.
平均分： -
回复Mark Girona

Re: Removing padding b/w header and body

Patrick Malley -
Your header.html file contains two divs that need to be removed:

<div class="clearer">&nbsp;</div>
<div class="clearer">&nbsp;</div>

Then, add the following to your CSS to get rid of the layout table top margin:

#layout-table {margin-top:0;}
平均分： -
回复Patrick Malley

Re: Removing padding b/w header and body

Mark Girona -
Very awesome, Thanks! I put in your code and it helped a ton. There is still this 1-2px light blue line separating the two; If anyone can think of a way to get rid of that, I would appreciate it.

Thanks for the help!

sidenote - I receive the above results when I use IE7. When I tried it in firefox, the "gap" between the top left logo and the "main menu" block seems to plague me.
平均分： -