Take the 2-minute tour ×
WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

This div element is causing a big gap on my wordpress page, specifically on the single post page. It's nowhere in the themes, I can't seem to find where this div element is coming from. Have you encountered this before (the highlighted element)? alt text

PS: Happens on chrome only. UPDATE: Still having this problem even with the stable chrome. Help anybody?

UPDATE2: I think its the syntax highlighter plugin. And I also found out all other wordpress blogs (that I've checked) have this div. And the code's height in the post adds to the height of the div.

share|improve this question
    
The image is a little difficult to read. Can you add just the source of that DIV html to your question? –  hakre Nov 23 '10 at 19:56
add comment

3 Answers

up vote 0 down vote accepted

It looks to me like JavaScript for your lightbox.

  • edit

If this only happens in Chrome, there is a rendering bug that has gone unfixed for quite some time.

Add height:100%; to the body or html element in your css.

share|improve this answer
    
deactivated lightbox, and still the same problem. –  Ruel Nov 23 '10 at 2:09
    
Is this only showing up in chrome? NM I saw you edit above, I added to me answer above. –  Wyck Nov 23 '10 at 17:19
add comment

I agree, your lightbox plugin generated it

share|improve this answer
    
I deactivated lightbox and its still there. –  Ruel Nov 23 '10 at 2:13
    
I would deactivate all plugins and see if one is causing it. Otherwise check your footer.php file and also your footer widgets. –  at least three characters Nov 23 '10 at 2:26
    
@user1613 I think its the syntax highlighter plugin. And I also found out all other wordpress blogs (that I've checked) have this div. And the code's height in the post adds to the height of the div. –  Ruel Nov 23 '10 at 4:56
add comment

I had a similar issue with lightbox or shadowbox. Set the div css to display: inline. That's a chrome-specific stylesheet element.

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.