« 衝突判定とキーイベント | main | 鹿男あをによし »

CSS「ul li」IE Firefox ズレ解消メモ

WEBデザインメモ

2008年01月23日

久々CSSコーディングしてて、
どっぷりハマッてしまった部分メモ。

「li」部分に背景画像を指定した時、
margin,paddingを0に指定しても、
背景画像と文字部分がズレてしまって、
2時間ぐらいハマりました。。。

回避方法は、
「li」部分に

list-style-position:outside;

を指定するだけ。

trackbacks

trackbackURL:

li要素の左側マージン調整がうまくいかなかった原因 from Rain or Shine

解決した後に見つけたのですが、少し前にも俺と同じ理由で同じくらいの時間ハマってた人がいたようです。。。 崖っぷちWEBデザイナーブログ | CSS「ul ...

comments

  • フロ
  • 2009年04月07日 13:49

jQueryのblindエフェクトで、IEだけエフェクト終了直前までずれるのでハマってましたが解決しました! ありがとうございます!

  • y-tti
  • 2009年04月07日 18:28

お役にたてたようで光栄でございます!

comment form
Adobe Flash CS3 詳細! ActionScript 3.0 入門ノート (DVD-ROM付)
クラスで書けるようになった。配列のpushとかspliceとかsliceとかややこしい部分の辞書代わりにも使ってます。XML関係もこれで覚えた。
ActionScript 3.0 アニメーション
vx,Math,cos,sinとか???な数学的な部分をこの本で理解できた気がします。逃げたいジャンルだけどFLASHに必須なジャンルなのよね。。
Adobe Flash CS3 詳細! ActionScript3.0入門ノート2 (CD-ROM付)
ActionScript応用への第一歩。ただこれを読む前に入門ノート1を先に読んでおいた方がよさそう。ASの世界が広がった気がする本です。
Flash Creative Workshop
FLASHを始めて右も左も分からない時に救世主となった本。FLASHサイト制作法がなるほど!っと。ActionScriptバリバリの人はスルー。
FLASH OOP for ActionScript 3.0
FLASHの「今の主流」を知ることが出来る本。筆者の方々は総勢10人以上でかつ現在活躍中の方々ばかりなんでミーハー的な読み方もありかも。