パンヤGMS表示ずれの件(補足)

皇紀2669年7月25日

 以前、記事で紹介したGMS(Guild Management System)の
パンヤGMSのS4対応についてと、
FireFoxでの表示ずれの件(その2)
について、
●ブラウザの文字サイズを「中」、「大」、または「最大」に変更した場合の表示崩れ
についての補足です。

 Internet Explorerブラウザの文字サイズを「中」、「大」、または「最大」に変更した場合、特に「愛用クラブセット」と「最高スコア★★★★★」の項目が二行にわたってしまう場合には、以下の設定を行ってください。
(行番号は参考程度で・・・w)

 (1) 
 ● 修正するファイル:style.css(skinディレクトリ)
 ● 場所:

【A】400行目付近

td.right table.date td.left-date { width: 180px; }
の上の行に以下を追加します。
[css]table.date td.content {
font-size: 11px;
}[/css]

【B】390行目付近

table.date td.right{・・・}
の{}内に次の一行を追加します。
[css]
/* フォントサイズ指定 */
font-size: 11px;
[/css]

font-size: 11px; を調整することによって文字の大きさをブラウザの設定によらず固定化することが出来ます。

 (2) 
 ● 修正するファイル:main.html(skinディレクトリ)
 ● 場所:

【A】83行目~130行目

[html num="1″]

  ・
  ・
  ・

好きなモード: ★:

[/html]
までの間を以下と入れ替えます。
[html num="1″]

好きなモード:
ログイン時間:
メインキャラクター:
雇用キャディ:
雇用マスコット:
愛用クラブセット:
好きなコース:
得意なクラブ:
苦手なクラブ:
パンヤショット成功率: %
パット成功率: %
最長飛距離: y
最長パット距離: y
最長チップイン距離: y
ホールインワン回数:
アルバトロス回数:
最高スコア ★★★★★:
★★★★:
★★★:
★★:
★:

[/html]

 他の部分の二行になってしまう箇所も、同じようにして修正します。

【注】この変更を実施すると、画面解像度やブラウザによっては文字が小さすぎて見づらくなる場合があります。

ご指摘いただいた方に感謝(ぺこ)

HTML(CSS)

Posted by まっちゃん