6 replies [Last post]
newdude
newdude's picture
Offline
Enthusiast
Last seen: 2 years 50 weeks ago
Timezone: GMT-5
Joined: 2008-11-29
Posts: 187
Points: 285

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
Offline
Guru
Last seen: 35 weeks 5 days ago
Timezone: GMT-4
Joined: 2009-10-09
Posts: 2040
Points: 2262

Try adding hr { clear: both; }

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

newdude
newdude's picture
Offline
Enthusiast
Last seen: 2 years 50 weeks ago
Timezone: GMT-5
Joined: 2008-11-29
Posts: 187
Points: 285

that did the trick. thank

that did the trick. thank you!!!

newdude
newdude's picture
Offline
Enthusiast
Last seen: 2 years 50 weeks ago
Timezone: GMT-5
Joined: 2008-11-29
Posts: 187
Points: 285

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
Offline
Guru
Last seen: 35 weeks 5 days ago
Timezone: GMT-4
Joined: 2009-10-09
Posts: 2040
Points: 2262

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

newdude
newdude's picture
Offline
Enthusiast
Last seen: 2 years 50 weeks ago
Timezone: GMT-5
Joined: 2008-11-29
Posts: 187
Points: 285

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
Offline
Guru
Last seen: 35 weeks 5 days ago
Timezone: GMT-4
Joined: 2009-10-09
Posts: 2040
Points: 2262

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.