Hey People

I've been looking around to try and decrease the space between the top of my middle content and header so that it aligns with the top of my left and right sidebars. I had a look at the css but haven't had much luck so far.

Anyone can help me?
You can clearly see my problem here
http://www.hkactivity.com/main/

Comments

derjochenmeyer’s picture

you need to use firefox with the firebug plugin... here is your problem

style.css (Linie 420)

#navigation-breadcrumb {  
  background-image:url(img/bg_breadcrumb.gif);
  background-repeat:repeat-x;
  border-top:1px solid #FFFFFF;
  margin-bottom:10px;
  padding:20px;
}

change it to

#navigation-breadcrumb {  
  background-image:url(img/bg_breadcrumb.gif);
  background-repeat:repeat-x;
  border-top:1px solid #FFFFFF;
  margin-bottom:0px;
  padding:0px;
}
zevinar’s picture

I have a similar problem (but I don't have a relevant style.css file).
you can see it at:
http://nevemagen.co.il/ttlv/

I've added a border to the both the Header and The Content so it'll be easy to see the space between them (which I want to get rid off).
Also I'm using the Zen theme.
Any help would be appreciated.

derjochenmeyer’s picture

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

I found an answer.
in html-elements.css I had to comment out margin: 1em 0
and in zen.css, comment out the margin-bottom