お蔵入り
<li>の箇条書きがIEとfirefoxでずれる
livedoorブログの記事内で頻繁に箇条書きをします。IEで表示する際は問題ないのですが、firefoxで見ると左にずれてしまいます。調べてみてスタイルシートで変えるという手段があるところまでは分かったのですが、実際どうすればいいのか分からないので教えてください。ブログはplain diaryの２カラムを使用しています。
2008-02-28 20:56の質問
この質問は、３０日間解決しなかったために自動的に質問が一旦閉じられました。
Ads By Google
回答
まだ回答がありません
コメント(2)
#1. BLUEPIXY
2008-02-28 22:13:08
IE7 と Firefox2 で見比べてみたけど、それほど違いがわからなかった。
CSSハックというのもあるけど、
ol {margin-left:expression("30px");margin-left:0px }
ol li{ padding-left:expression("0px");padding-left:3px}
てな感じにすると、expression側の値がＩＥになって、後ろがFirefox の値になるので、微調整すればいいような気がします。ただ、ＩＥ６とＩＥ７で表示が違ってくるかも・
ブログでなくて自サイトでＣＳＳが自前で準備できるなら
条件付きコメントでＣＳＳを切り替えるという方法もあるかと思うけど・
いずれにしても、すべてのブラウザで見栄えをきっちり同じにするのはムリだと思う。
そういうことでコメントで。
#2. hir
2008-02-28 22:22:30
>>BLUEPIXYさん
コメントありがとうございます。確かに単体で見比べると微妙な違いなのですが、画像の右に箇条書きを書くと画像と箇条書きの●がかぶってしまって気になります。微調整でがんばってみようと思います、ありがとうございました。
