ボールド体の文字列が前後の文字列と重なる

症状

両端揃え(text-align:justify;)またはletter-spacingプロパティに0より大きい値を指定した要素内では以下の条件のいずれかに該当する場合に、ボールド体の文字列が重なる現象が発生する。

  • ボールド体の文字列とボールド体でない文字列が隣接しているときに、隣接部分で文字が重なる。
  • リンク文字列とリンクに後続する文字列とが重なる(後続する文字列がボールド体の場合でも発生)。

例示

<div style="text-align:justify;">
<span style="font-weight:bold;">boldboldboldbold</span>normal</div>
<div style="letter-spacing:2px;">
<span style="font-weight:bold;">boldboldboldbold</span>normal</div>
<div style="font-weight:bold;">→
<a href="...">Mozilla Mozilla</a>←</div>
<div style="font-weight:bold; text-align:justify;">→
<a href="...">Mozilla Mozilla</a>←</div>
<div style="font-weight:bold; letter-spacing:2px;">→
<a href="...">Mozilla Mozilla</a>←</div>
boldboldboldboldnormal
boldboldboldboldnormal

前から2つはボールド体文字列と後続の文字列とが重なる場合の例、後から2つはリンク文字列と後続の文字列が重なる場合の例です。

スクリーンショット

Ns7.1Netscape7.1標準モード(WindowsXP)

Ns7.1Netscape7.1標準モード(WindowsMe)

補足

Bugzilla-jpでは以下の項目が該当します。

修正状況

  • Netscape7.1をWindows9x/Meで実行したときに不具合の発生を確認しました。
  • Netscape7.1(WinNT系)、Mozilla1.5以降(Win9x系/NT系)でこの不具合は発生しません。

スポンサーリンク

関連記事

スポンサーリンク

Apacheを起動するときに、ほかのプロセスによってポートが使用されていた場合

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る