WordPressのテーマEasy AllのリストタグのCSSバグを回避する方法

CSSとInternet Explorerによるバグ

IE＋CSSで様々なバグが発生しますが、 WordPressのテーマ（テンプレート）である「Easy All」を使用する上で、リストタグ（ul、ol）によるバグを回避する方法をやっと見つけたのでご紹介。

ulタグとolタグのバグ

Easy AllのCSSを初期状態のまま使用し、ulタグを挿入するとリストマークが文章の中央に位置しません。また、その状態でolタグを使用するとリストマークの数字が全て「1」になってしまいます。

liタグに対するCSSの一部を変更することにより、この症状は改善されます。

【解決法】
#content div.post div.storycontent li {
　margin-left: 30px;
　width: 85%;
}

width: 85%;を下記に変更

#content div.post div.storycontent li {
　margin-left: 30px;
　margin-right: 10px;
}

10pxという値は任意の数字で結構です。

なぜwidth: を削除することによりバグが直るのか良く分かりませんが、直ったので良しとしましょう。

今回のバグはCSSをいじっていて偶然解決法を見つけられたので良かったのですが、これ以外にもバグが多いのでホントＩＥは疲れます。

これで心置きなくolタグが使えます。

WordPress Japan閉鎖

WordPressME終了ですかぁ。当ブログもMEなんですよね。はぁ残念です。

今回の件が出るまでWordPress Japanが、一般の方により運営されていたとは知りませんでした。

それにしてもページランク7のサイトを閉鎖してしまうとは・・・

今後のWordPressのアップグレードは、WordPress 日本語にて行うことになります。

タグ

CSS、WordPress