Annoying Anomaly Space that I cannot get rid of.

The site is https://www.listen2three.com by the way.

The problem appears to be a combination of two things: the height of the div with ID=header and the padding-top of div with ID=top_bar.

In other words, looks like your styles need tweaking. Try adjusting the padding-top first, then adjust the height as needed.

Where can I adjust these settings? Where is it in the code?

These are set in your theme style sheet. In the Dashboard, go to Appearance > Editor, and make sure your theme is the one that is selected. Look in the files “style.css” and “original.css”.

Are you familiar with editing style sheets?

Here’s the section of the code i think i need to edit taken from my Style.css file:

/* LAYOUT */
#wrapper{margin:0 auto;text-align:left;}
h1#logo,h1#logo a{font-family:Helvetica,Georgia;padding:0;margin-top:7px;font-size:36px;color:#FFF;text-decoration:none;text-transform:uppercase;}
h1#logo small{color:#FFF;font-size:12px;display:block;margin:-2px 2px 1px;height:20px;}
h1#logo small a{font-size:12px;border-bottom:1px solid #FFF;}
#rss-feed{float:right;width:190px;font-weight:700;position:relative;left:7px;color:#FFF;text-decoration:none;}
#header{height:113px;}
#top{z-index:-1;cursor:pointer;display:block;margin-left:5px;position:relative;bottom:-55px;margin-top:-55px;min-height:56px;}
#top_cufon{cursor:pointer;display:block;margin-left:5px;position:relative;bottom:-55px;margin-top:-55px;min-height:56px;}
#top strong{display:none;}
#top_bar{padding 73px 23px 0 20px;}
#searchform{float:right;width:191px;height:26px;background:url(images/searchbox.png) no-repeat;position:relative;top:1px;}
#header #s{border:1px solid #000;float:left;border:0;width:154px;background:none;color:#ACACAB;margin:4px 0 0 4px;}
#header #go{float:right;width:25px;height:25px;background-color:transparent;border:0px;cursor:pointer;}
#content{padding:0 10px 15px 15px;margin-left:7px;}
#content-body{display:inline-block;min-height:300px;height:auto !important;margin-right:25px;}
* html #content-body{float:left;margin-right:24px;} *+html #content-body{float:left;margin-right:28px;}
#footer{height:8px;}
#footer .text{color:#8D837B;font-size:10px;display:block;padding:12px;}
#footer .top{position:relative;right:5px;top:-5px;display:inline;float:right;}
* html #footer .top{top:-20px;} *+html #footer .top{top:-20px;}
#footer em, #footer em a{font-style:normal;color:#41413E;}

What line do i need to edit.

Anyone?

Bump – Help please. My site looks like doo-doo because of this.

JPry?

Your problem is indeed the CSS, if you do not already use it I would recommend using FireBug which is a very good debugging addon for FireFox.

Also, maps are (in my opinion) rather useless. It is usually a better idea to use images on a layer on top of the base image.

To fix the CSS problem you need to change the margin of the header. There are probably better ways to do this, but I played about for a few minutes in firebug and found that setting the padding and margin to 0 only worked for half of it. This way does work:

#header {
     height:113px;
     margin-top:-55px;
}

I hope it helps.
~Shane Hudson

How can I do the layering of images?
I also cannot find that line of code.

The line of “code” I gave you is in the extract you posted earlier.

Change

#header{height:113px;}

to

#header {
     height:113px;
     margin-top:-55px;
}

In regard to the layering of images. You could (as most should but I must have misread your code) create a div to store the social icons and preferably (for SEO purposes) a h1 tag with the title hidden so that only spiders can see it.

The image currently there would be the background of the div.

Take a look at most websites, this is a very common method.

I hope that helps clear things up,
~Shane Hudson

The solution is probably CSS, as Shane points out, but you’ve also got broken tags in your header that will cause browser display problems. See: [Invalid]Markup Validation of listen2three.com – W3C Markup Validator. Scroll down in the validation report to see line numbers and source code.

Thanks Guys. Shane you’ve fixed my problem.

Now where can i find more info on creating that div. not sure i know how to do that.