14. 個別記事のレイアウト崩れを直す

変更前
=> 変更後のイメージ

わたしは普段、Windows XP + Opera9.23 で滋賀咲くBlog を見ているんですが。
例えば、コメントを書こうと「Comments」のリンクをクリックして、個別記事の表示にした時に。
記事の右下の部分の文字が、重なってしまっているのが気になっていました。

ブラウザとして Opera を使っていますと。
Intermet Explorer などでは正常に表示されるサイトでも、レイアウトが崩れることがあったりしまして。
滋賀咲くBlog もそうなのかな? と、今まで勝手に思い込んでいました。

が。
Internet Explorer や Firefox でも、レイアウト崩れが起こっていたんですね。

Windows XP + Internet Explorer 7
　　 Windows XP + Firefox 2

これは、ちょっとイタダケナイなぁ～と思いまして。
文字が、重ならないようにしてみました。

やるべき作業は、個別記事のテンプレートの変更です。

個別記事のテンプレートの編集は、
　1)　滋賀咲くBlog にログイン
　2)　左メニューの「テンプレート」をクリック
　3)　「カスタマイズ」をクリック
　4)　「個別記事」を書替える
　5)　「登録」をクリック

で行います。

「個別記事」のテンプレートは、つぎのように書替えました。

個別記事 変更前
内容 <a name="trackback"></a> 変更後
行の最後に、<br> を入れてください。
内容 <a name="trackback"></a><br>
書替える場所は、オリジナルの「2カラム　マリーン」では 39 行目でした。
わたしは、今までにスタイルシートを変更していますので、58 行目になっていました。