win ieで ol li 数字が増えず1が並ぶ対策 2013年11月12日(火)23:19:08

コメント欄で「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ブログにはてなブックマークコメントを表示する
【スポンサーリンク】
【拍手確認】 【記事の編集】
【関連タグ】 jQuery  当ブログ内の関連記事をタグで検索出来ます。
最終更新日時: 2015年05月24日(日)21:39:25ブログパーツ このページのトップへ

コメントの投稿 [0件]

非公開コメント

 商品検索

タグ [上位30件]



 カテゴリ&月別一覧
 
 最新記事紹介
『スタンドオフ(2016) 』 2017/10/19
『金メダル男』 2017/10/15
『ブラック・ファイル 野心の代償』 2017/10/14
『探偵ミタライの事件簿 星籠の海』 2017/10/13
ペイントで丸枠写真を移し替える方法 2017/10/12
博物館 明治村 (2017年) 2017/10/09
『ロング・トレイル!』 2017/10/06
コメント・トラックバック欄の表示変更 2017/10/04
『シークレット・デイ』 2017/10/02
H29年9月鑑賞メーター 2017/10/01
 週間人気記事
 Trackback
 Comment 

コメント、トラックバック大歓迎。
但し、記事と無関係と思われるものは、
削除させて頂きます。

FC2ランキング
[ ジャンルランキング ]

映画:第81位
アクセスランキングを見る>>


[ サブジャンルランキング ]

レビュー:第39位
アクセスランキングを見る>>