2008年3月7日(金) 20:00:02 @ Charlie

CSS の li に width を指定すると不具合が起こる

Category : 設定

ol li タグが連番にならない不具合

EasyAll 1.1 の CSSで、

CSS:
  1. #content div.post div.storycontent li {
  2.     margin-left: 30px;
  3.     width: 85%;
  4. }

などと width を指定しているようだが、そんなことをすると不具合が起こりまくってしょうがない。

たとえば、 ol タグで番号が連番にならず、

1. ああああ
1. ああああ

のようになってしまうわ、 ul でリストマークがこんなところにはいっちゃったり。

● 1 行のリストなら問題ないが・・・

  今日はとても良い天気ですね。明日もいい天気に決まってます。さらに
● 文章は続きますよ、ここは折り返された行と思ってもらえれば。

見づらくてしょうがない。

何がいいたいかというと、 li に width は指定するなってことだ。

1件のコメント »

  1. [...] 記事「CSS の li に width を指定すると不具合が起こる」とは逆に、 width を指定しないと不具合が起こるというのだからどっちやねん。 [...]

    ピンバック by CSS で文字が消える不具合 | Bloody-Mary - blog — 2008/11/29 土曜日 @ 3:31:38

この投稿へのコメントの RSS フィード。 TrackBack URL

コメントする

お名前 (必須)
email (必須)
WebSite
本文
 

XHTML: 使用可能なタグ: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt="">

Counter : Access
ログイン