html - In IE, anchor text is overflowing/overlapping instead of wrapping, but not other text -
i running annoying problem have yet solve. before far point out doing in drupal 7 (so no need comment excessive wrapper elements, know).
the problem in versions of ie (11 , on down) question text (which anchor tags) seems spill on past edge of parent container. in case, since has top 5 widget box right, text overlaps widget box.
the problem not seem happen in other browsers (at least rest can standardization right). have tried setting parent position relative. have tried fiddling text-overflow , word-wrap properties. have tried setting sub-container widths , positioning.
nothing have done far seems prevent text overlapping in version of ie. want behave in ie in chrome/firefox/safari/etc.
here link recreation of problem (which replicates issue in ie have verified):
http://jsfiddle.net/pthurmond/zn23jvap/1/
the problem ones long text such this:
<a class="fieldset-title" href="#"> <span class="fieldset-legend-prefix element-invisible">show</span> <span> <span class="question" url="/someone-used-my-social-security-number-open-credit-card-account-can-i-get-new-social-security-number"> used social security number open credit card account. can new social security number? </span> </span> </a>
does have ideas how fix this?
the issue caused <legend>
element. there bug in internet explorer causes legend displayed without word wrap. see article more information.
i recommend using header tag instead.
Comments
Post a Comment