There's a negative space appearing underneath my header when you access http://kisschanel.com/blog. When you view other pages and single posts on my site however, that negative space is gone.
Can someone guide me to where I can correct this? I have a feeling it's in my css. See below:
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.
Posted 1 year ago #
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.
Thanks for responding itproxy.
What should the .blog style rule be for me to remove the gap?
I notice this is only happening with Firefox. On safari and Internet Explorer it looks fine.
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; }
}
This topic has been closed to new replies.
