I've noticed that there appears to be an inconsitency with how text is rendered in elements on IE7. I have a web page that is encoded in utf-8, and contains japanese code points. All text looks fine except text in select elements. In a select element the text is rendered as squares. I can fix the problem by explicitly selecting a font that contains these code points (e.g. MS Gothic) However, that doesn't seem to be required for any other element.
So what gives Is this a bug If it is, is there any chance we'll see a fix
Thanks.
Here's a test page that shows the error...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Test Page</title>
</head>
<body>
<h1>Test Page</h1>
<p>This test contains the same string in different contexts. The file is encoded in utf-8.</p>
<h2>paragraph element</h2>
<p> </p>
<h2>select element</h2>
<select>
<option> </option>
</select>
<h2>intput (text) element</h2>
<input type="text" value=" "></input>
<h2>textarea element</h2>
<textarea> </textarea>
</body>
</html>
IE Font Rendering Inconsitency on Select Elements
wolf777
Did anyone come up with a solution for this We have a site that shows content in Japanese and whilst on the page it displays fine, in all the dropdowns the same text is displayed as square boxes - this only happens in IE7 and only in the drop downs.
Thanks in advance
Al Christoph
Hi Rob,
Thanks for the quick response. I tried your code but IE still wasn't liking it. What encoding did you use I've tried UTF-8 (with and without signatures) and also some of the default Japanese ones to no avail.
Can a solution be this hard It works fine in IE6 and Firefox, just not sure what happened with 7
phanf
Actually the problem was diagnosed late yesterday as being a language pack issue. Someone else at work has the far east language pack installed and they could display the drop downs just fine.
Still weird that it displays the page content okay just some elements are off. Thanks everyone for your help.
Morrissey99
h1
Hi
<h2>select element</h2>
<select>
<option value="1234" lang="ja" xml:lang="ja"> </option>
</select>
Regards.
rwbogosian
Hi jased,
Here are the code snippets from the wikipedia.org homepage
Header----------
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
<title>Wikipedia Side Search Bar</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
Language selection listbox ---------------
<select name="language">
<option value="de" lang="de" xml:lang="de">Deutsch</option>
<option value="en" lang="en" xml:lang="en" selected="selected">English</option>
<option value="es" lang="es" xml:lang="es">Espanol</option>
<option value="fr" lang="fr" xml:lang="fr">Francais</option>
<option value="it" lang="it" xml:lang="it">Italiano</option>
<option value="ja" lang="ja" xml:lang="ja">日本語</option>
<option value="nl" lang="nl" xml:lang="nl">Nederlands</option>
<option value="pl" lang="pl" xml:lang="pl">Polski</option>
<option value="pt" lang="pt" xml:lang="pt">Portugues</option>
<option value="ru" lang="ru" xml:lang="ru"> </option>
<option value="sv" lang="sv" xml:lang="sv">Svenska</option>
<option value="zh" lang="zh" xml:lang="zh">中文</option>
</select>
---------------
I have a unicode font selected in the IE fonts selection. It appears to render properly here in this edit box.
Regards.