一昨日の日記で「棋譜ろだ」の機能を使ってブログに碁盤を貼り付けた様子をデモしましたが、表示が崩れてしまうというコメントを頂きました。確かに使われるフォントを変えたりすると再現するので、少し調整してみました。
下に全く同じように見える2つの碁盤を並べたつもりなのですが、どう見えるでしょうか? (上のはボタンが機能しますが、下のはただの画像です)
追記(5/13): IE7またはそれ以前だと全然駄目ですね。そちら向けの調整は後回しにします(今月中には対応したいと思っていますが)
追記2(5/15): IE6/IE7での表示調整の目処が付きました。5/16(日曜)の夜に新しくIEにも対応した碁盤を貼った記事を投稿予定です
追記3(5/16) ここに再生可能な碁盤を貼っていましたが、サーバ仕様改訂のために削除しました

フォントサイズをピクセル単位で指定しているのですが、フォントの種類によって実際の高さは変わってしまうので、想定よりも高くなるフォントを使用して見ると崩れてしまいます。
フォントサイズを余裕を見て十分小さくしてしまえば問題はなくなるのですが、出来るだけ大きくした方が見やすいと思うので悩みどころです。
ともかく、リリースまでにはブラウザやフォントの種類も変えてみて調整したいと思います。
今回行った変更:
- 使用するフォントをMSゴシックに(今まではsans-serif)
- フォントサイズを18pxから16pxに変更
最初の変更はWindows環境でないと利かないと思いますが、2番目の変更で何とかなってないでしょうか? (単に指定を小さくしてしまうのは悔しいのですが…)
上の2つを比べてみて、上の方が崩れて見える方はコメントしていただけると助かります。その際、ブラウザで使用するフォントの種類やサイズなどの設定を自分で変えている方はそれについても追記をお願いいたします。
(ごく簡単でかまいません。例:「ヒラギノ、最小サイズ指定:18pt」)
RSS
はじめまして(^^)
僕の場合、上の方の画像は右に大きくずれています。
「Object Error」と表示されて、上の画像が表示されなかったりもします。
フォントやサイズの設定はデフォルトのままです。
以上、参考になったでしょうか?
あと、KGS Analyticsはいつも使わせていただいていますm(_ _)m
コメント by マイケリ — 2010年5月13日 @ 23:15
コメントありがとうございます。
IE7ですね。こちらでも確認できました。参考になります。
古いIEで問題が多いの把握しているのですが、対応は後回しになると思います。
今月中にはなるべく対応したいと思っていますが。
コメント by かずひろ@KGS — 2010年5月13日 @ 23:30
デモで、表示が崩れるとコメントした者です。
現在はきちんと表示されています。
(Vista、Firefox、崩れた時のフォントはメイリオ)
対応ありがとうございます。
コメント by yowa — 2010年5月15日 @ 01:18
試していただいてありがとうございます。
なかなか色々のな状況でのテストは一人では大変なので、今後もおかしいところがあったら教えてもらえると嬉しいです。
コメント by かずひろ@KGS — 2010年5月15日 @ 09:57