CSSテクニックコミュのli の左揃え

ログインして参加する

li の左揃え

mixiユーザー 2006年02月01日 02:44

初めまして。
MOVABLETYPEにてAllCSSに初挑戦中なのですが、
どうにも上記画像のようにFireFoxで不具合が・・・

liを使いメニューを作成した所、FireFoxでは
何故か左側に余白が出来てしまいます。

記述しているCSSは

h1,h2,h3,h4,h5,h6,p,dl,ul,li,form {
margin: 0px;
}

#menu li {
list-style-type: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dddddd;
padding-bottom: 4px;
background-image: url(../images/common/icon01.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 18px;
padding-top: 5px;
}

なのですが、何処がおかしいのでしょうか・・・
もし何方か、この謎を解ける方がいらっしゃいましたら
何卒、お力添えをよろしくお願いいたします。

サイトURL：
http://www.idv-lab.com/take/blog/

コメント(5)

最初
全て
最新の40件

1

[2] mixiユーザー 02月01日 02:58

SHARULさんの言うとおりだと思われます。
#menu ulにpadding: 0;で直るかと。

[4] mixiユーザー 02月01日 16:39

皆様有難う御座います！
今会社なので、自宅に戻ったら早速チャレンジしてみたいと
思います。

本当に有難う御座いました。

[5] mixiユーザー 02月01日 17:15

ついでにブラウザ間のデフォルトスタイルの差を埋めるべく、
CSSの一番先頭に

*{
margin:0;
padding:0;
}

なんてやっておくのも一つですね。

ログインすると、みんなのコメントがもっと見れるよ

最初
全て
最新の40件

1

mixiユーザー: ログインしてコメントしよう！

CSSテクニック更新情報

CSSテクニックのメンバーはこんなコミュニティにも参加しています

星印の数は、共通して参加しているメンバーが多いほど増えます。

CSSテクニック

人気コミュニティランキング

困ったときには

関連ワード

mixiで趣味の話をしよう: 新規登録（無料）; ログイン

このページの上部へ