livedoor ナレッジ

デザイン変更したら…

デザインを変更して再構築したら、
日記が崩れて全体のバランスが非常に悪くなりました。全てのページでの再構築も確実に行いました。ちなみに「Blackframe」から「デフォルト2003」に変えました。両方とも同じ２カラムなのになぜこのようになるのでしょうか？よろしくお願い致します。非常に困ってます・・・・。

左サイドカラムのフリーエリアに貼ってある、『 (´-`).｡ｏＯ（ランキング！） 』 内の、バナーのタグが原因です。

すべてをセンター表示させたいが為に <center> タグを使用されていますが、閉じ忘れ </center> や、付け忘れ、必要でない所に <center> が入っているなどぐちゃぐちゃです。ここを綺麗に整理しましょう。

すべてのタグから <center> もしくは </center> を削除して下さい。注意してみてくださいよ。また削除し忘れると、同じ現象がおこります。

そしてフリーエリアの中の、バナーのタグの前と後ろを <div> で囲みます。

<div aligin="center">
・
・ （ バナー表示のタグ ）
・
</div>

これですべてセンター表示になります。念のため、正しい全体のタグをここに表記しておきます。参考にして下さい。（ ここでは、URL などは自動短縮表示されるので注意して下さい。また短縮された表示の右横にそれをあらわす、; セミコロンが付きます。それはいらない記述です。）

<div aligin="center">
<a href="http://university.blogmura.com/">;
<img src="http://university.blogmura.com/img/university88_31...; border="0" alt="にほんブログ村 大学生日記ブログへ" width="88" height="31" /></a><br>
<A HREF="http://blog.with2.net/link.php?248439">;
<Img Src="http://image.blog.livedoor.jp/paper_wings/imgs/f/1...; Border="0" Width="85" Height="30"></A><br>
<a href="http://www.student-blog.com/univ/ranklink.cgi?id=y...;
<img src="http://www.student-blog.com/sblog88.gif"; border=0 width="88" height="31"></a><br>
<a href="http://blog.rankingnet.com/14/ranklink.cgi?id=yatt...;
<img src="http://img.rankingnet.com/blog14.gif"; alt="ブログランキング" border="0" width="125" height="35"></a>
</div>