Click here to Skip to main content
15,887,135 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
Hi All,

I am facing issue in displaying the Japanese font properly in dropdown menus on IE8. The issue is "Font size is appears big on IE8 when compared to the font size appears on FireFox and others". On IE8 as the font size is big the Japanese string overflows the <li> which is defined with a fixed width, where as in FF,Chrome it exactly fits into the <li> as the font-size appears as expected.

Iam using the following CSS.
CSS
ul.menu ul li{
               position:relative;
               border-bottom:1px solid #056063;
               white-space:nowrap;
               width:100%;
    }
  
    ul.menu ul li a{
      padding:4px 12px;
      font-size:.92em;
      font-weight:normal;
      font-family:Arial,sans-serif;
      text-decoration:none;
      color:#086F6F;
      width:auto;
    }


Could anyone help me in identifying the cause for the issue.

Thanks in advance
Yashwanth.
Posted

1 solution

If it is a IE 8 related issue, then reduce the font-size only for IE 8, by detecting the browser version like explained in this example - Target IE9 or IE8 but not both using CSS[^].

So, for IE 8, you will reduce this size as per your requirements.
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900