公開デザイン修正　２

公開デザインを再度修正しますた。
この修正だけで１日が終わっていった(；´Д｀)

→　【更新履歴　2007/11/24】

引用元は最初から右寄せにしたかったんだけど不具合多くて諦めてますた(´・ω・｀)

今のオイラんとこのデザインで、text-align: right;　じゃ右に寄ってくれないから　float:right;　でムリヤリ右に寄せてたら、Firefoxで見たら引用の枠内からはみ出していたｗｗ(ノ∀｀)

IE	Firefox

ググったら、display: block;　と　text-align: right;　のセットで右寄せに出来るとの事。

左の端まで緑色orz

早速試したら、カーソル合わせた時の動作が…。・゜・(ノД`)・゜・。
文字のない部分まで背景色が広がってまする。。。

なので、諦めて放置してたんだけど、オイラの書き方が悪かった事に気が付いて修正したら上手く出来た(人´∀｀)♪

で、今日、公開デザインの方を修正しようとしたら･･････

なんか、引用部分から下の表示がおかしくなってるi|||i＿|￣|○i|||i

自分とこでは上手くいったのに、なんで？
どうやら、引用部分の幅の指定の仕方が悪かったようで(-∀-；)
あれこれやって、最終的には思い通りに出来たので、公開デザインの方も修正しますた(｀・ω・´)

他にも、Firefoxで見た場合、はまぞうとコメント記入欄に不具合があったので修正しますた。

引用元の右寄せ方法

div.section blockquote {
 _width: 100%;
 margin: 20px 55px 20px 50px;  /* 引用部分の横幅は左右のmargin（４つ目と２つ目）で調整  */
 padding: 10px 3px 10px 10px;  /* お好みで */
}

cite {
 display: block;
 text-align: right;
 margin: 20px 10px 0px 10px;  /* お好みで */
 padding: 0px;
}