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  当ブログ内の関連記事をタグで検索出来ます。

コメントの投稿 [0件]

非公開コメント

 商品検索

タグ [上位30件]



カテゴリ&月別一覧
 
最新記事一覧
『ドント・ブリーズ』 2017/08/17
『メカニック:ワールドミッション』 2017/08/16
『ホワイト・バレット』 2017/08/15
『淵に立つ』 2017/08/15
『シェル・コレクター』 2017/08/14
『君の膵臓をたべたい』 2017/08/14
『殺されたミンジュ』 2017/08/13
『ボーダーライン』 2017/08/12
『嗤う伊右衛門』 2017/08/12
『偉大なるマルグリット』 2017/08/12
週間人気記事
Trackback
Comment 

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

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

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


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

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