win ieで ol li 数字が増えず1が並ぶ対策

コメント欄で「ol li」を使用し連番を振っているが
「win ie」で、1が並び数字が増えない状態だった。

Firefox Chrome では正常だったので、IE のバグとして
下記の設定を行ったが改善されなかった。

* { zoom: 1; }
ul, ol, li { zoom: normal; }

参考サイト:本当に苦しめられた、win ieで、ol li に
list-style-type: decimalを書いても、数字が増えず、
1が並んだり、表示がヘンになるバグ。
原因は別にあったようで
CSSのカウンタはjQuery内では(どうやら)使えないらしい。
参考サイト:[作りました]olの通し番号を丸や四角付きにするjQueryプラグイン

こちらのサイトから「orderedListRounded.js」をお借りして表示してみた。

【追記】(H27.524)
IEで1行目だけ、番号が重複して表示されていたが、下記を設定し解消した。

.olRounded li:first-child {
list-style-type:none!important;}


その他の修正
(1)ページナビの調整
  「/page-××.html」ページに設置してあるページナビの CSS を調整
  ページ数が864頁と多いので横幅を短縮出来るように調整
  参考サイト:ページ送りナビゲーションに枠を付ける
         ページ分割の、ページングナビゲーションはこうして作るの巻
         ページ送りナビゲーション風なリスト
(2)はてなコメント欄のタイトル色変更
  青色が濃いのでCSSにて薄緑色に変更
  参考サイト:FC2ブログにはてなブックマークコメントを表示する
関連記事
  関連商品のご紹介
【スポンサーリンク】

最終更新日時: 2015年05月24日(日)21:39:25
ブログパーツ

Comment 0

There are no comments yet.

Leave a comment