掲示板/スタイルシート質問板/過去ログ/一覧/ NN4.78とIE6.0の<ul>タグの表示について

0 名前：コロ： 2006/03/20 18:55: NN4.x系のバグなのか、それともちゃんと表示できるが
できることをやっていないのか知りたいのでよろしくお願いします。

<ul type="square" style="margin: 0 0 0 1.5em; padding: 0;">
　<li>A</li>
　<li>B</li>
　<li>C</li>
　<li>D</li>
　<li>E</li>
</ul>

このようなソースなのですが、これだと NN で square にならないどころか
指定以上（IEに比べて）の左マージンが空いてしまいます。

修正して
<ul type="square" marginleft:1.5em; padding: 0;">
にしたところ NN でも square 表示にも対応してくれましたし、若干違いますが
妥協の範囲のレイアウトになります。

style 指定は NN では別シートで対応しないといけないのでしょうか？
style の属性を変えて対応できれるならそのように書きたいのです。
よろしくお願いいたします。

1 名前： S ： 2006/03/20 18:55: 　Netscape Navigator 4.x系は、CSS解釈に欠陥があるグラフィカルブラウザとして広く知られている。
　たとえば下記の通り。

http://cssbug.at.infoseek.co.jp/detail/nn4x.html
http://hp.vector.co.jp/authors/VA010341/css.html
http://www.remus.dti.ne.jp/~takahisa/flm/OWTXML/NN40x.html

余談）
　その結果、ブラウザ競争に敗退し、以前は主力ブラウザとして「Netscape Navigatorでご覧ください」サイトが多かったのが「Microsoft Internet Explorerでご覧ください」サイトが主流となった・・・という話（真偽の程は定かではないが）。

http://www.scollabo.com/banban/tips/browser.html

2 名前：コロ： 2006/03/20 18:55: ＞Sさん

やはりそうなんですね。
この類のHPは全て検索し、見ていたのですが
私の場合に当てはまるような具体的なケースがなかったので
聞かせていただきました。

ありがとうございました。

3 名前： S ： 2006/03/20 18:55: 　さすがに"負の遺産"4.xと比較するのは酷じゃないかな。Netscape7.1も一応あるし。

http://e-words.jp/w/WebE38396E383A9E382A6E382B6.html
http://wp.netscape.com/ja/

　なお、ブラウザといっても過去のものも含めるとさまざまなものがあるので参考まで。
＃厳密にはHTMLで書いてWWWで公開するということは、これら全ての閲覧環境を考慮しなければならない。

http://www.cyanworks.net/archives/browsers/

4 名前：コロ： 2006/03/20 18:55: 7.1では動作確認済みでしたので、省略しました。

そうですね。
考慮は必要かと思いますが、今回は一部の制限された（ブラウザが）
ところでの公開ですので、最低限にしました。

4.xは負の遺産なんですね…。

5 名前： S ： 2006/03/20 18:55: >>4を最初にいってもらえば、>>3のコメントも不要だったかもしれない。
　でも、イントラネットなど閲覧者が限定されている環境ならば、なぜ今更Netscape Navigator 4.x系？より新しいグラフィカルブラウザに置き換えるだけで解決できそうな気がする。

http://lan.rgr.jp/essay/teach
http://www.linux.or.jp/beginners/question.html
http://1st-q.jpn.org/

6 名前： Pid ： 2006/03/20 18:55: >>5
リプレースしたくてもできない場合も実際あるですよ。私の知っているところでも未だに Windows 3.1 や WinIE3，MacNN4 が現役です。

とはいえ，基本的に情報（まともな HTML）さえ得られれば良いので，無理してスタイルやスクリプトを用意してもらう必要は感じません（むしろ，重いからいらない (^^;)）。

というのはさておき，今手元に NN4 がないのと，>>0 のソースに誤植（たぶん）があるので確認できませんが，いくつかコメントさせて下さい。

(a). NN4 は list-style-type に対応しているはず。

(b). ul，li 要素の初期 margin/padding はブラウザによってバラバラ（border を引いてみれば分かる）ですので，あらかじめ ul, li { margin: 0; padding: 0; } にしておくことをおススメします。

(c). (b) でうまくいかない場合，（根本的な解決ではありませんが）NN4 だけを弾くのは簡単（link 要素に media 属性を指定する）です。ですから，最初に NN4 用の margin を指定し，その後で NN4 を弾き，他のブラウザ用のスタイルで margin を微調整することも可能だと思います。

7 名前：コロ： 2006/03/20 18:55: ＞ S さん
> >>4を最初にいってもらえば、>>3のコメントも不要だったかもしれない。
タイトルで質問を限定しているつもりでしたが、説明不足でした。
大変失礼いたしました。

> 　でも、イントラネットなど閲覧者が限定されている環境ならば、なぜ今更Netscape Navigator 4.x系？
> より新しいグラフィカルブラウザに置き換えるだけで解決できそうな気がする。
サポート対象のブラウザに Netscape Navigator 4.x 系があるので
対応しなければならないだけです。
閲覧者が限定されているのではなく、ブラウザが限定されているのです。
※厳密に言えば限定はされていないが。
　サポート対象外のブラウザの動作は動けば良い程度です。
これは S さんがおっしゃったこと
＃厳密にはHTMLで書いてWWWで公開するということは、これら全ての閲覧環境を考慮しなければならない。
に反してますが、そこは突っ込まないでください…。
Netscape Navigator 4.x系を使っている人もまだまだいるようですから。
（全ての人が新しい version を使っているわけではない。）

＞ Pid さん
情報が少なすぎですね、申し訳ありませんでした。
そんな中でも回答ありがとうございます。

>NN4 は list-style-type に対応しているはず。
type="square" では、>>0 の修正前のソースでは square 表示されないんです。修正後は square 表示。
（これについては、CSS 解釈に欠陥があるグラフィカルブラウザだからという結論でいいんでしょうか？）
バグのことなんで、質問することじゃないのかもしれませんが…。
list-style-type での対応してみます。

(b) についてはあらかじめ別シートで用意した方が良いということでしょうか？
3案ありがとうございました。
参考にさせていただきます！

8 名前： Z ： 2006/03/20 18:55: >>　サポート対象外のブラウザの動作は動けば良い程度です。
　”仕事で作る”Webページなのであれば、そうおっしゃらずにアクセシビリティについても配慮したほうがいいと思います。

http://www.jsa.or.jp/domestic/instac/W3C-WCAG/WCAG20-ja-20050630/
http://www.zspc.com/documents/wcag10/
http://www.usability.gr.jp/alertbox/
http://www.kanzaki.com/docs/html/accessible.html
http://nekoshiki.poke1.jp/
http://www.rju666.com/web/
http://www.aao.ne.jp/
http://www.asahi-net.or.jp/~SD5A-UCD/rec-html401j/cover.html