Links inactivated when "float" applied

• 

  squibstress · Member · Dec 4, 2012 at 7:30 pm

  • Copy link
  • Add topic to favorites

  In the Text Widget, when I try to apply a float to a div, my links become inactive (unclickable.) They work fine when the float is removed.

  Any suggestions?

  The blog I need help with is: (visible only to logged in users)

• 

  squibstress · Member · Dec 4, 2012 at 8:17 pm

  • Copy link

  Resolved. The issue was only with FF and Chrome and was fixed by adding a “clearing” element after the divs:

  I added this to the CSS:
  .clear {
float: none;
clear: both;
font-size: 0;
line-height: 0;
height: 0;
}

  And added this after the divs in the html:
  <b class="storywidget clear"></b>