Extra Space in 1st post and Single Posts

  • Resolved etothemajor

    (@etothemajor)


    15 years, 3 months ago

    Hey All,

    This is my first post here. I haven’t been able to find an answer to this by searching.

    I have been editing the default template for a friend of mine and for some reason I am getting a TON of extra spacing on the first post on the front page and on the single post pages. This isn’t happening on the subsequent posts nor is it happening on page posts.

    The site is https://www.thecostmag.com

    Any help is appreciated.

    Thanks!

Viewing 12 replies - 1 through 12 (of 12 total)

  • I’m not seeing any on the spacing you are referring to…on home page or single posts..?

    @rvoodoo: scroll down on the Home page. There’s a huge empty space after the image in the first, non-featured, post called “Paused in Time”.

    @etothemajor: Remove .postmetadata {clear:both;} in style.css

    Thread Starter etothemajor

    (@etothemajor)

    I’m checking to see if it’s showing like that on IE too but I’m definitely getting a ton of spacing on Firefox and Safari. Driving me crazy.

    Thread Starter etothemajor

    (@etothemajor)

    @esmi Thanks I actually did that cause I just saw you offered that advice to someone else on here. It didn’t work for me.

    Try again. It will work but you have to remember to press CTRL and F5 simultaneously when viewing the updated page/site. Or try emptying your browser cache. This should ensure that your web browser fetches a fresh copy of the page rather than serving up an out-dated copy from your own cache.

    Thread Starter etothemajor

    (@etothemajor)

    I used browsershots.org to check across some browsers. Doesn’t seem to be happening in IE for some reason. IS still happening in Firefox and Safari even after clearing the cache.

    Thread Starter etothemajor

    (@etothemajor)

    Ah ha! It has something to do with me changing the placement of the sidebar and floating it to the right. Working on it.

    Bingo! The clear:both; on .postmetadata meant that the end of the post extended to just below the right-floated sidebar.

    Thread Starter etothemajor

    (@etothemajor)

    Finally, I got it worked out. It was the .postmetadata issue along with the fact that I had the sidebar floated right and didn’t have the main content div floated left. I don’t exactly understand why that caused it to clear at the point beneath sidebar like you said but it did and thankfully it’s fixed now.

    esmi, thanks for your time and for helping me work through that.

    Hello!
    I am having the exact same issue as etothemajor did.

    I deleted {clear: both;} from style.css but nothing happened just the same as for him.

    I am wondering what was the second step he did to actually get the problem corrected. I too have a fight floated sidebar.

    https://plaidmustache.com

    Ok so,
    I almost got it fixed…
    I added

    float: left;

    to #content

    the space disappeared (yay), however the background for the main content area also disappeared and the footer is now at the top of the page.

    arg. any suggestions?

    solved.

    I had to add the

    clear: both;

    back into the .postmetadata

    YESSSSSSS

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Extra Space in 1st post and Single Posts’ is closed to new replies.