Thread Starter
chanel
(@chanel)
The negative space I speak of is that “gap” between the header and the WordPress content. You can see the background image through it. I hope my explanation is clear.
Your blog page has a <body class=”blog”> tag, but this is nowhere referenced as such in your style sheet. (Contrast other pages: <body class=”page” etc>)
Try ‘classing’ your blog like any other page, or creating a style rule for .blog that closes the gap, by using negative top or bottom margins between the elements that create that area of the page.
Thread Starter
chanel
(@chanel)
Thanks for responding itproxy.
What should the .blog style rule be for me to remove the gap?
Thread Starter
chanel
(@chanel)
I notice this is only happening with Firefox. On safari and Internet Explorer it looks fine.
Thread Starter
chanel
(@chanel)
I fixed it.
In the css, I added margin-bottom:-10px; to the #header class:
#header{
background: url(‘images/bg_top.png’) no-repeat top;
height:215px;
padding:0px 18px 0px 18px;
position: relative;
margin-bottom:-10px; }
}
