「マイフレンド」の名称が長い場合、日記詳細の「～の日記」と公開範囲の「マイフレンドまで公開」の文字がかぶる

[kiwa]

■現象

「マイフレンド」の名称が長い場合、日記詳細(pc_page_fh_diary)の「～の日記」と公開範囲の「マイフレンドまで公開」の文字がかぶる

■発生バージョン

• 2.12.2
• 2.13.1

■再現手順

■環境

WindowsXP SP2

• Firefox1.5
• Firefox3
• Safari3
• !InternetExplorer6
• !InternetExplorer7
• Opera9

■原因

タイトル欄のCSSがposition: absolute;となっていた為、長文になった時に文字が重なってしまった。

■修正内容

position: absolute;を削除し、適当な幅で折り返すよう修正。

■関連情報

#2693動作テスト中に発見

[kiwa]

再現画像

[takai]

この問題はXHTML化したときに想定していましたが、positionで配置するより適当な幅で折り返した方が好ましいと思われるので、#2687と同じ構造（スタイル）にすることで対応します。

xhtml_style.php

修正前

/*==============================================================================
 * 8. diaryDetailBox（日記詳細ボックス）
 *----------------------------------------------------------------------------*/
.diaryDetailBox .partsHeading {
	zoom: 1;
	position: relative;
}
.diaryDetailBox .partsHeading p.public {
	position: absolute;
	right: 3px;
	bottom: 2px; /* ※#2876で修正予定 */
}
.diaryDetailBox dl {
// 以下省略

修正後

/*==============================================================================
 * 8. diaryDetailBox（日記詳細ボックス）
 *----------------------------------------------------------------------------*/
.diaryDetailBox .partsHeading {
	zoom: 1;
	overflow: hidden;
	overflow: -moz-scrollbars-none;
}
.diaryDetailBox h3 {
	float: left;
	width: 66%;
}
.diaryDetailBox .partsHeading p.public {
	float: right;
	width: 33%;
	margin: 0;
	text-align: right;
}
.diaryDetailBox dl {
// 以下省略

この内容で修正をお願いします。この対応に不備、改善案があればお知らせください。

• この修正を行うと、#2876での修正は不要になります。

[shingo]

以下のリビジョンで修正しました。ご確認ください。

• 2.12.x - r8315
• trunk - r8314

[ebihara]

xhtml_style.php への修正で、インデントが4スペースになってしまっています。

[shingo]

以下のリビジョンで修正しました。ご確認ください。

• 2.12.x - r8323
• trunk - r8324

[kiwa]

確認しました。問題ありません。