Div Overlapping Div

[k_mcminn]

Hello, everyone.

I know I’m overlooking something very minor here.

On this page…
My Reference Link

…I have a div that holds tags, fp_tag_div myclearingdiv

I can’t figure out how to keep that inside of the main div, fp_articles

specifically, you can see where the tags overlap the main div for the “Exclusive Keldeo GameStop Event” article toward the bottom.

Any help is much appreciated!

[TheDoc]

By putting a class of ‘myclearingdiv’ on it, you’ll be clearing any floats that occur before your tags, not including your tags.

You can replace that with ‘clearfix’ and then add the following to your CSS: https://css-tricks.com/snippets/css/clear-fix/

[k_mcminn]

Thanks for the quick reply, Doc.

I already have a clearfix property in my CSS and it looks like this, which should work.

.clearfix:after {

clear: both;

content: ".";

display: block;

height: 0;

visibility: hidden;

}

…but when I change this:

to this, in Firebug:

…nothing seems to change.

[TheDoc]

Sorry, you’ll want to add the clearfix class to . fp_articles

[k_mcminn]

Genius!

Thanks, Doc. I really appreciate the diligence! Love you guys. :)

[Author]

Posts