recent_list.rb UL、LI要素のインデント

"いろは"の先のCSS 第1回から引用

問題は、ブラウザによって左インデントの実現方法がまちまちだということです。
IE6ではli要素に左margin【外側余白】が設定されています。
だからCSSでli要素の左marginを0にすれば、IE6ではli要素の左インデントが消えます。
ところがMozillaではul要素の左padding 【内側余白】で左インデントを行っている(デフォルト設定の場合)ので、li要素の左marginは最初から0です。
Mozillaでli要素の左インデントを消すには、ul要素の左paddingを0にしなければなりません。

うげ。append_cssに追記

ul.recent-list,
ul.recent-list-item {
 font-size: 90%;
 padding-left: 0;
 margin-left: 0;
 line-height: 1.8em;
 list-style-type: none;
}
ul.recent-list li,
ul.recent-list-item li {
 margin-left: 0;
}

追記:現在のテーマに反映して、日付部のバックに水面の画像を出すようにしてみた。

タイトルとURLをコピーしました