html - Japanese unicode character is reversing CSS float left -


please check out following js fiddle in ie (i'm using 10)

http://jsfiddle.net/bf65u/1/

.inlinecol2 { width: 50%;     }     .option {         float: left; }   <div id="div_a799f1fc-ccbb-4c85-b367-a20300fe5a64" class="div_ " >     <div class="errormsg"></div>     <div class="surveyelementcontent" title="">         why '箱' japanese character mess floats?     </div>      <div class="surveyelementoptions">          <div class="surveyelementoption option inlinecol2 ">             <input type="radio" value="1" />              <label>1</label>         </div>          <div class="surveyelementoption option inlinecol2">             <input type="radio" value="2" />              <label>2</label>         </div>          <div class="surveyelementoption option inlinecol2">             <input type="radio" value="3" />              <label>3</label>         </div>          <div class="surveyelementoption option inlinecol2">             <input type="radio" value="4" />              <label>4</label>         </div>          <div class="surveyelementoption option inlinecol2">             <input type="radio" value="5" />              <label>ゴミ箱</label>         </div>          <div class="surveyelementoption option inlinecol2">             <input type="radio" value="6" />              <label>6</label>         </div>          <div class="surveyelementoption option inlinecol2">             <input type="radio" value="7" />              <label>7</label>         </div>     </div>    </div>  

the radio button divs should floated left, floating right instead. if remove last japanese character in 5th radio button floats correctly left. happens in ie. can offer work around?

what happens here not alignment right disturbance in alignment left: if add more li elements @ end, set.

i cannot analyze ultimate cause of problem, seems related fonts, perhaps due fact ie picks japanese characters font other 1 used texts in general. means problem can fixed setting font 1 contains japanese characters needed, e.g.

li { font-family: ms pgothic; } 

in practice, need study commonly available fonts on windows contain japanese characters , write suitable list, rather single font family name, cover different setups.


Comments

Popular posts from this blog

java - Intellij Synchronizing output directories .. -

git - Initial Commit: "fatal: could not create leading directories of ..." -