livedoor ナレッジ

コメント欄のプレビューについて。

コメント欄の一番下にプレビューを入れてみましたが変になります。

　　

●何も文字を入れてない状態のとき
　・「評価」「顔」「星」が右へずれています。
　・「プレビュー：」と「ここにコメントのプレビューが表示されます。」が
　　　２行になります。

●文字を入れると
　・「評価」「顔」「星」が元の位置に戻ります。
　　　但し、８文字以上１行に入れると１文字入れるごとに
　　「評価」「顔」「星」「投稿」が少しずつ右へずれていきます。
　・「プレビュー：」が１行になります。

１、「評価」「顔」「星」「投稿」を固定させるには、どうすればいいでしょう。

２、「プレビュー：」と「ここにコメントのプレビューが表示されます。」を
　　１行で表示させるには、どうすればいいでしょう。

３、絵文字がプレビューに反映されません。
　　例えばピンクの♪ですが、と表示されます。
　　絵文字をプレビューに反映させるには、
　　どうすればいいでしょう。

よろしくお願いします。
（質問の一部を変更しました。）

おそらくうちの記事を参考にされたのだと思いますが……

この記事を書いてからだいぶ(1年半近く)経ってしまっていて、最近のテンプレートにはきちんと対応できていませんでした。すみません。
対応策のようなものをを追記させていただきましたのでご確認ください。
あと、下のコメント(#2)で絵文字のプレビューは難しいと書いてしまいましたが、そちらの方法も追記させてもらいました。

コメントのリアルタイムプレビューをlivedoorBlogで!
http://blog.livedoor.jp/cie/archives/18868925.html