WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:リストの左マージン

0:[投稿] .+ [2005/02/12 21:03 ][環境:IE5以上、NS6以上、Opera6以上、Firefox1.0以上  ]

今、リストを以下のようにCSSで制御したいと思っているのですが、Netscape、Firefoxでは左のマージンが消えません。
なにかいい方法ってありますか?

<ul class="abc">
<li>01</li>
<li>02</li>
<li>03</li>
</ul>


ul {    margin: 5px 0px; }
.abc li {
    list-style-type: none;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #999999;
    margin: 0px;
    padding: 3px;
    }    


1:[回答] ミツ [2005/02/12 22:01 ]

ULのpaddingが在るようです。

ul {
margin: 5px 0;
padding-left:0;
}


2:[回答] [2005/02/12 23:36 ]

ブラウザによって、デフォルトスタイルの実装方法は様々です。
まずは、関係のありそうなプロパティを調整してみることです。

ある特定のブラウザ実装のデフォルトスタイルに依存しないように、
なるべく完全な制作者スタイルシートを実現するようにしてください。

http://www.mozilla.gr.jp/standards/webtips/webtips0034.html


3:[完了] .+ [2005/02/14 02:02 ]

padding0にしたら修正されました。
ありがとうございます。

CSSをもっと勉強します。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World