Posted 2 years 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 http://www.thecostmag.com
Any help is appreciated.
Thanks!
Posted 2 years ago #
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
Posted 2 years ago #
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.
Posted 2 years ago #
@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.
Posted 2 years ago #
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.
Posted 2 years ago #
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.
Posted 2 years ago #
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.
Posted 2 years ago #
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.
Posted 2 years ago #
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?
Posted 2 years ago #
solved.
I had to add the
clear: both;
back into the .postmetadata
YESSSSSSS
This topic has been closed to new replies.
