議論掲示板/艦娘のセリフ一覧における外国語の表記について/表に謎のグレー線が表示される不具合について

Last-modified: 2019-12-10 (火) 18:49:23

関連ページ

表に謎のグレー線が表示される不具合について

艦娘ページのボイス表にルビを使用した場合、ブラウザの種類によっては謎のグレー線が表示されることがあります。



こんなの↓(画像)
リベchrome.png

表示される環境

議論板有志がイベントチャット(2019-12-05 (木) 11:16:43~)・雑談掲示板(21872番ツリー)の利用者さん達に協力してもらったところ、表示される環境がある程度判明しました。


  • 表示される環境
    chrome(Mac,win7,win8.1)、sfari(iOS13.2)、Iron(win8.1)
  • 表示されない環境
    IE(win7、win10)、edge(win10)、firefox(win10)

あなたの環境が不具合の対象かどうかは、下の表に異常があるかないかで判定できます

母港/詳細閲覧【Xmas】Buon Natale(ブォンナターレ)*1 提督さん! Panettone(パネトーネ)*2いっしょに食べよー!
母港/詳細閲覧【年末】なんて皆バタバタ忙しそうなの? シーワースー? 何のイベント? え、何この布? ゾーキン? リベ、掃除イベント嫌い―!
母港/詳細閲覧【秋刀魚】Sanma……サンマ祭り! うん、私も頑張る! 獲るぞー! 武器はHedgehog(ヘッジホック)*3でいい? ……え、それはダメ? そ、そなの?

原因と対処法

  • 左カラムの幅を固定して文字列を折り返さないようにする
#region(CV:鬼頭明里、イラストレーター:じじ (クリックするとセリフ一覧が開きます))
|180||c
|セリフ|CV:鬼頭明里、イラストレーター:じじ|



上記のように、

|180||c

という書式指定行を挿入することである程度は回避可能です。


wikiwiki運営さんによる解説

ブラウザの幅を小さくすると、左のカラム幅も小さくなります。
文字列の折り返しが発生し、自動で高さ調整が行われます。
右カラムでルビを使用していると、右カラムの高さ調整に不具合が発生、
左カラムの高さとの差違ができ、グレーの線が表示されるようです。



今後、左列の文章が更に伸びた場合(例えば、母港/詳細閲覧【鎮守府真冬の雪まつり&イルミネーション鑑賞会】みたいなの) が来てしまった場合には、書式指定行の数値を見直す必要があります。
当面はこのやり方で対処できそうです。


*1 メリークリスマス
*2 刻んだドライフルーツを混ぜて焼き上げたイタリアの発酵菓子パン パネットーネとも
*3 連合国海軍で広く採用されたイギリス開発の対潜迫撃砲のこと。本来は「ハリネズミ」を意味する