6 replies [Last post]
newdude
newdude's picture
User offline. Last seen 15 weeks 18 hours ago. Offline
rank Enthusiast
Enthusiast
Timezone: GMT-5
Joined: 2008-11-29
Posts: 176
Points: 265

if you look on this page (http://bankingwiththebeard.com/wordpress/?p=219), you'll notice that the posting heights are not including the pictures, which are spilling over into the posts below the ones where they belong.

please advise how to fix. thanks!

Verschwindende
Verschwindende's picture
User offline. Last seen 15 weeks 5 days ago. Offline
rank Guru
Guru
Timezone: GMT-5
Joined: 2009-10-09
Posts: 2037
Points: 2256

Try adding hr { clear: both; }

Basically, you are not clearing/containing your floats. As an experiment try adding
hr { clear: both; }

yet again.

newdude
newdude's picture
User offline. Last seen 15 weeks 18 hours ago. Offline
rank Enthusiast
Enthusiast
Timezone: GMT-5
Joined: 2008-11-29
Posts: 176
Points: 265

that did the trick. thank

that did the trick. thank you!!!

newdude
newdude's picture
User offline. Last seen 15 weeks 18 hours ago. Offline
rank Enthusiast
Enthusiast
Timezone: GMT-5
Joined: 2008-11-29
Posts: 176
Points: 265

on second thought, making all

on second thought, making all the hr's have that clear creates complications elsewhere. for instance, on the homepage (http://www.bankingwiththebeard.com/wordpress/), there's now a big space before the first hr in the middle of that page.

how can i get this clear to happen on just the post pages??? or perhaps there's a different approach to take to solve my original issue???

Verschwindende
Verschwindende's picture
User offline. Last seen 15 weeks 5 days ago. Offline
rank Guru
Guru
Timezone: GMT-5
Joined: 2009-10-09
Posts: 2037
Points: 2256

There are other ways to

There are other ways to contain your floats. That is just one way. Not a particularly great way but it shows what the issue is.

http://gtwebdev.com/workshop/floats/enclosing-floats.php

yet again.

newdude
newdude's picture
User offline. Last seen 15 weeks 18 hours ago. Offline
rank Enthusiast
Enthusiast
Timezone: GMT-5
Joined: 2008-11-29
Posts: 176
Points: 265

thanks. that helped. i put

thanks. that helped. i put each product in a div and gave those divs this css code: {border-bottom:1px solid; overflow:hidden;}

Verschwindende
Verschwindende's picture
User offline. Last seen 15 weeks 5 days ago. Offline
rank Guru
Guru
Timezone: GMT-5
Joined: 2009-10-09
Posts: 2037
Points: 2256

newdude wrote:thanks. that

newdude wrote:

thanks. that helped. i put each product in a div and gave those divs this css code: {border-bottom:1px solid; overflow:hidden;}

That's probably very similar to what I would have done.

yet again.