雑が喰おう

リストに画像を使用してズレるなら、list-style-position:outside;を入れておく

いい加減、ブログのスタイルシート(CSS)を修正しようと一念発起して頑張ってみたものの、リスト表示の際に、画像を使用すると、InternetExplorerとFirefoxで表示のズレがあり、marginやpaddingを指定してみたり、0にしてみたりしてみたがうまいこといかなかった。

人様のCSSを覗かせてもらってもらってみても、いまいち理解できないし、丸写ししても同じように表示はできず、どうしたものかと途方に暮れていたところ、崖っぷちWEBデザイナーブログ | CSS「ul li」IE Firefox ズレ解消メモを発見。

そこに書かれているように、list-style-position:outside;とliの部分にしていしてやると、思い通り、IEでもFirefoxでも同じように表示されました。

スポンサード リンク

スポンサード リンク

»関連してそうな記事
タグ: , ,