[resolved] Content drops below sidebar & splits post (4 posts)

  1. jimfusco
    Posted 4 years ago #

    Hello everyone! I've tried to figure this out on my own and now I give up- I need your help!

    Lately, I've noticed a strange phenomenon on my blog at http://laptopsessions.com. It's tough to describe, but I'll try.

    On posts that are shorter than my sidebar, you'll see that it makes the bottom of the post jump to the bottom of the sidebar, causing a large blank space. For the life of me, I can't figure out why. Here's a good example for you: http://laptopsessions.com/archives/342

    Here's what I've tried:

    - Removing the Adsense ad
    - Removing the "Share This" add on

    It's gotta be something in the sidebar that's making this happen. But, I haven't changed anything in the sidebar, so I'm not sure why. Any help would be greatly appreciated!


  2. manifestcreative
    Posted 4 years ago #

    Hi Jim,

    There seems to be two different <div> elements that are causing this. The first is the div immediately following your AdSense content. Because it's style is set to clear:both; it is pushing the content below your sidebar. When I changed it to clear:none, the 'Share This' content comes back up below the Google Ad.

    The second div has a class of 'sharing-clear'. When I set this to clear:none; the content comes back up where it should.

    Let me know if this helps!

  3. jimfusco
    Posted 4 years ago #

    Thank you do much for the response- it worked perfectly! It's very frustrating they would put that code there. I never, ever would've found it without your help. I really appreciate it.


  4. manifestcreative
    Posted 4 years ago #

    Glad I could help, Jim. You might look into the Firebug extension for the Firefox web browser. It's always helpful in these types of situations.

Topic Closed

This topic has been closed to new replies.

About this Topic