CSS、スタイルシート質問用スレッド【 3 】

■ ２ちゃんねるは、ここのサーバを使ってるです。。。

　.jp ドメインお持ちのお客様大歓迎。maido3.jp
　.fm 取得代行します。(US) maido3.fm
　.ca 取得代行します。(US) maido3.ca
　.com .net .org 取得代行します。(US) maido3.com
　.cc .to .tv 取得代行はじめました。NEW

月々1,000円からの BinboServer.com

２ちゃんねるも使っている Big-Server.com

>> ２ちゃんねる、サーバ監視所

■掲示板に戻る■ ■過去ログ倉庫めにゅーに戻る■

1 名前： Name_Not_Found 投稿日： 2001/06/20(水) 08:23: Cascading Style Sheetsの事で尋ねたいことがあったらこちらへどうぞ。

[過去スレ]
　http://natto.2ch.net/test/read.cgi?bbs=hp&key=984113434

[関連サイト]
・CSS1の仕様書の原文(英語)
　http://www.w3.org/TR/REC-CSS1/
・CSS2の仕様書の原文(英語)
　http://www.w3.org/TR/REC-CSS2/
・CSS1の仕様書の翻訳(日本語)
　http://www.y-adagio.com/public/standards/css1/toc.htm
・CSS2の仕様書の翻訳(日本語)
　http://www.y-adagio.com/public/standards/tr_css2/toc.html

・ZSPCのStyle Sheets Reference(日本語)
　http://www.zspc.com/stylesheets/index.html
・とほほのスタイルシート入門(日本語)
　http://wakusei.cplaza.ne.jp/twn/wwwcss.htm
・ばけらの CSS リファレンス(日本語)
　http://www.ne.jp/asahi/minazuki/bakera/html/css/reference
・三日坊主＋＋の部屋(日本語)
　http://east.portland.ne.jp/~sigekazu/
・CSS1テストスイート(日本語)
　http://www.doraneko.org/css1test/
　
2 名前： Name_Not_Found 投稿日： 2001/06/20(水) 09:28: ・とほほのスタイルシート入門(日本語)
http://tohoho.wakusei.ne.jp/wwwcss.htm
3 名前： Name_Not_Found 投稿日： 2001/06/20(水) 12:16: CSSでフォントサイズの指定をします。
IEではフォントの大きさを変えようと思っても変わりませんが、
NNではフォントの大きさは変えられるんですよね？
4 名前： Name_Not_Found 投稿日： 2001/06/20(水) 12:31: idとクラスは何が違うんですか？
好みで好きな方を使うのですか？
または、使い分けが必要なのでしょうか？
5 名前： Name_Not_Found 投稿日： 2001/06/20(水) 12:44: >>4
idは、唯一つの場所に付けられる属性。
classは、条件を共有する複数の場所に付けられ得る属性。
idとclassは、下記例示のように同じ要素に同時に指定することが可能。

<h2 class="cat" id="gikoneko">ギコ猫</h2>
6 名前： Name_Not_Found 投稿日： 2001/06/20(水) 12:45: >>3
フォントサイズを絶対指定したときの話よね？
変えられるらしい．前スレッド 924-930 参照．
つーか，CSS でフォントサイズを絶対指定しないでください．

>>4
正しくはないが，大体
id: その HTML 文書中での位置付けのようなものを指定．
文書中に同じ id を持つものがあってはならない．
（例）id=section1 とか id=footer とか
class: id で指定しきれないもの（爆）．
文書中に同じ class を持つものはいくつあってもよい．
（例）class=center とか class=blue とか．
つーわけで，id の方がより（論理）構造をあらわしていると思う．
そういう使い分け方ではないかと．
7 名前： Name_Not_Found 投稿日： 2001/06/20(水) 12:51: >>6
> （例）class=center とか class=blue とか．

class=fontSize14px
などと醜悪な指定を平然としてしまうに至る誤解を与えかねないので、
例として好ましくないと思われ
8 名前： Name_Not_Found 投稿日： 2001/06/20(水) 12:53: >936
えーと，いらないというより charset=iso-8859-1（or latin-1）という指定が必要？
暗黙に仮定されるのかと思って調べてみたのだが，
http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/charset.html
を読むと指定したほうがいいのかな？と思って．識者の意見求む．
9 名前： Name_Not_Found 投稿日： 2001/06/20(水) 12:56: body { width:***px; }
としても横幅が***pxにはならないのですが、bodyの横幅ってCSSで指定す
ることはできないのですか？
10 名前： Name_Not_Found 投稿日： 2001/06/20(水) 12:57: >>3
＞IEではフォントの大きさを変えようと思っても変わりませんが
何をどうやって、そうだと思ったのだろう･･･不思議だ･･･

あと、どうでもよかったんだけど、
>>6
＞class: id で指定しきれないもの
確かに間違っては居ないと思うが、定義としては明らかに違う。
大まかに言えば同等の意義をもつもののグループ分けだろう
(とこれも推測なので間違ってたら指摘してちょ)
てか、classって語の意味わかってる？
11 名前： 6 投稿日： 2001/06/20(水) 12:58: >>7
確かに．鳥頭ではいい例を思いつけなかった．
うーん…対談形式のテキストを HTML にして
.speakerA{color: #f00;}
.speakerB{color: #00f; text-indent-1em;}
とかやれば，A さんと B さんの対談が
<p class="speakerA">...</p>
<p class="speakerB">...</p>
とかね，これでどう？
12 名前： Name_Not_Found 投稿日： 2001/06/20(水) 13:02: >>9
IEでは反映されん。バグか仕様か。
div要素に入れ子が手っ取り早いだろうね。
13 名前： Name_Not_Found 投稿日： 2001/06/20(水) 13:02: ４です。
わかりました！
つまり学校で言えばclassがその名の通り「クラス」で、
idは「氏名」の事ですね！
「３組」の「ひろゆき」みたいな！
だから同じhtml内で
「３組」の「ぞぬ」みたいな表記はOKって事ですね！
14 名前： 6 投稿日： 2001/06/20(水) 13:03: >>10
正しく意味を理解しているかと言われれば多分 No．
けど，6 に書いたことは明らかに自分でも間違っているとわかっているので．
11 に書いたような例でどうでしょう？
15 名前： Name_Not_Found 投稿日： 2001/06/20(水) 13:04: >>8
HTMLと同じ環境で書いたんなら問題ないだろうけど、
違う環境(文字コードが異なる)なら指定したほうがいいかもね
16 名前： 7 投稿日： 2001/06/20(水) 13:05: >>6＝11
その方が例としては相応しいよね。
つーか、おそらく6本人は右寄せにしたいからといって、
<div class="right">などとはしていないと思っているが、
ここを見た入門者が勘違いすると残念なので。ごめん。
17 名前： Name_Not_Found 投稿日： 2001/06/20(水) 13:06: >>14
＞6 に書いたことは明らかに自分でも間違っているとわかっているので
そんなことを書き込まないように(´ー｀)┌
君の発言はずーっと後までWWW上のいちリソースとして残るんだよ。
18 名前： Name_Not_Found 投稿日： 2001/06/20(水) 13:07: じゃ、
同じhtml内で
class="a" id="1"　と、
class="b" id="1"　ってのは、
クラスが違うからIDが同じでもいいんですか？
19 名前： Name_Not_Found 投稿日： 2001/06/20(水) 13:08: >>18
だめ。classとidは分けて考えましょう。
20 名前： Name_Not_Found 投稿日： 2001/06/20(水) 13:10: >>19
そうなんですか。
じゃ、html内で同じidがふたつ以上あってはいけないんですね。
21 名前： 6=14 投稿日： 2001/06/20(水) 13:13: >>17
すまん．あなたに謝っても意味がないが．

>>18
<div id="foo">
<p class="bar">...</p> <p class="hoge">...</p>
</div>
ならいいですが，
<div>
<p class="bar" id="foo">...</p> <p class="hoge" id="foo">...</p>
はだめです．
22 名前： 19 投稿日： 2001/06/20(水) 13:15: >>20
http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.2
＞id = name [CS]
＞この属性は、要素に名前を割り当てる。この名前は文書中で一意でなければならない。
「文章内では一意」←そういうこった。
23 名前： Name_Not_Found 投稿日： 2001/06/20(水) 13:15: デザインにはスタイルシート使えって事ですけど、
htmlの論理構造とデザインの境界線はどこなんでしょうか？
www3cってやつ見た事ないですけどそこに明記されているんですか？
例えば、フォントのカラーひとつ変えるのにもCSSを使わなきゃダメですか？
↓みたいに。
<font style="color : red;">フォントカラー</font>
24 名前： Name_Not_Found 投稿日： 2001/06/20(水) 13:18: >>23
<font></font>タグの使用は望ましくない。
25 名前： Name_Not_Found 投稿日： 2001/06/20(水) 13:18: >>23
HTML4.01であれば、<font>はダメ。
http://www.w3c.org/へ逝ってきな。
#てか、font使うんならcolor="red"でいいじゃん･･･
26 名前： Name_Not_Found 投稿日： 2001/06/20(水) 13:21: >>23
なぜ、「フォントカラー」という文字をredにしたいのかを考えるべき。
強調したいからredにしたいということなら、
強調するために用意されたem要素で括ればよい。

<em>フォントカラー</em>

その上で、em要素にCSSでredを設定すればよい。
27 名前： 25 投稿日： 2001/06/20(水) 13:21: >>23
あ～、境界線ね～、、
UAで実装しているHTMLの解釈プラスアルファってのが実際じゃない？
28 名前： Name_Not_Found 投稿日： 2001/06/20(水) 13:23: >>25
Transitional かもしれないし…．
29 名前： Name_Not_Found 投稿日： 2001/06/20(水) 13:25: >>26
わかったような気がします。
>>27
じゃ、今からw3c読んできます。
なんかw3c信者ってのになっちゃうのは嫌なんですが
平気ですか？
30 名前： 25 投稿日： 2001/06/20(水) 13:26: >>29
自制心をもって挑めば大丈夫。頑張れ（藁
31 名前： Name_Not_Found 投稿日： 2001/06/20(水) 13:36: >>23
「特に意味はないけど色を変えたい」のなら、無理せずfont要素
使えばいいんですよ。

何らかの意味や意図があって色を変えるなら>>26さんの言うとおり。
そういう場面で論理的HTMLとCSSが生きてきます。

あと、論理的マークアップをして、補助的にfont要素などで
色つけてもいいんだし。たとえば。
<h2><font color="red">赤い見出し</font></h2>

CSS使ったから論理的構造になるわけじゃないし、HTMLのfont等の
要素を使ったからと言って論理構造が壊れるわけでもない。

うちは限りなくStrictに近いTransitionalですが、「視覚的に
アクセントがつければ十分」な部分には無理に論理構造やCSSには
こだわりません。強調するわけじゃないのにemとかstrong使うと
かえって論理構造壊れるし、またspan+cssで指定するのも、fontで
指定するのも特定の論理的意味を持たないという点では目くそ鼻くそ
なので。
32 名前： Name_Not_Found 投稿日： 2001/06/20(水) 13:41: >>30
ちょっと英検３級の僕にはこの英語の量はきついような
気がするんですが。。。
33 名前： Name_Not_Found 投稿日： 2001/06/20(水) 13:43: >>32
訳文もあちこちに転がっている。
34 名前： Name_Not_Found 投稿日： 2001/06/20(水) 13:47: >>33
CSS１と２ってあるんですが、
バージョンの事ですか？
今からCSS覚えるんだったら１は必要ないですか？
35 名前： 8 投稿日： 2001/06/20(水) 13:52: >>15
なるほど．さんくす．
36 名前： 25 投稿日： 2001/06/20(水) 13:57: >>32
とりあえず２を読んで、余裕があれば１も読んどいたほうがいいかもね。
邦訳はw3ctop→css→translationsね。

>>31
「特に意味はないけど色を変えたい」のなら、無理せずspan要素
使えばいいんですよ。
37 名前： 25 投稿日： 2001/06/20(水) 14:06: ・・・何が言いたいかって言うと、
HTMLは視覚的な表現方法ではない方向へ向かっているのに、
わざわざ非推奨とされたfont要素を使って色等を決めるのだったら
span(css)で表現したほうがセンスがあるんじゃないの？ってこと。
38 名前： 名無しさん@MZ-2000 投稿日： 2001/06/20(水) 14:16: >>37
そういうのってセンスあるって言わないと思う。
概念を理解しないでうわっつらだけ仕様に沿わせてもしかたない。
それなら HTML3.2 で書いたほうがマシなんじゃないのかな。
39 名前： Name_Not_Found 投稿日： 2001/06/20(水) 14:34: >>38
何の概念？
少なくともHTML4(4.01)の概念の中に
http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1
というのはあるんだがな･･･
40 名前： Name_Not_Found 投稿日： 2001/06/20(水) 14:38: 38はうわっつらだけなんだよ（ｗ
41 名前： 39 投稿日： 2001/06/20(水) 14:43: >>38
あ～、それは漏れに対してじゃなくて
「概念を理解してないで上っ面だけ仕様にそわせてる」
人間に対してい言ってるのか？でもなぁ。
非推奨とされたfont要素を使うよりはspan要素のほうがいいだろうし、
hmtl3.2よりはhtml4(4.01)のほうがマシだと思うんだがなぁ。
少なくともセンスとしては。
42 名前： Name_Not_Found 投稿日： 2001/06/20(水) 14:43: StrictDTD宣言してる訳じゃないみたいだし、font使っても良いと思う。
37、38の言いたいことは両方わかるし。

ただ、やるならCSSオンリーか、HTMLオンリーのどっちかに統一した方がいいのではと思う。
変に混ざってるのはスマートとは言えないよね？
43 名前： Name_Not_Found 投稿日： 2001/06/20(水) 14:47: >>39
で、spanでマークアップして、CSSで色付けて、そういうメリットが出る？
44 名前： 39 投稿日： 2001/06/20(水) 14:51: メリットの話をしてるんじゃないんだけど（;´▽｀A
あくまでもセンスの話であって
45 名前： 名無しさん@MZ-2000 投稿日： 2001/06/20(水) 14:54: >>39
いやだから、「HTML は視覚的な表現方法でない」という概念。
「特に意味はないけど色を変えたい」という目的が本来変えなきゃ
いけない考えかた (意味がないならマークアップしようがないから)
なのに、 font は廃止だから span で色つけしようってのは手段が
変わっただけでやってることはなんら変わらないわけだよね。
ということが言いたかった。

HTML3.2 はマーク付けが即見栄えに反映するという点で、視覚系
のための HTML としてはいちばん使いやすいと思う。
4.01 Transitional は後方互換のための折衷案でしかないと思ってる。
46 名前： Name_Not_Found 投稿日： 2001/06/20(水) 14:55: カタチにこだわってメリットのないことをやることってセンスのないことだと思うのだけど。
逆に本当にセンスがよければ、CSSのメリットを最大限生かしつつも
非推奨要素を最低限交えることで最大限の互換性を維持するってことも
できるでしょう。
そのへんのバランス感覚こそセンスじゃないのかね。
47 名前： Name_Not_Found 投稿日： 2001/06/20(水) 14:58: □□□ 非推奨のタグを使わずに正しい文法で書くのが一番 □□□
48 名前： 39(コテハンっぽくていやづらなぁ) 投稿日： 2001/06/20(水) 15:49: >>45
視覚的な表現をするのはセンスがなく、メリットもないことなのか？
そんなWebページは漏れはつまらんなぁ。
どこに色をつけるかなんて、ページ製作者の勝手だと思われ。
そう言う意味じゃ、「色をつけたい」という意義はあるんだから、
spanも充分意義のあるマークアップだと思われ。

>>46
まぁ、
＞カタチにこだわってメリットのないことをやることってセンスのないことだと思うのだけど。
ってのは確かにそう。それは一つのセンスだとも思うんだが、
メリットが無いとも漏れは言ってないづら。
spanで書くことによってcssが生かされる。
そう言う意味では、
＞非推奨要素を最低限交えること
のほうがメリットは見えてこないづら。
49 名前： Name_Not_Found 投稿日： 2001/06/20(水) 15:53: span の方が CSS を切ったとき色が消えるからいいとおもうよん。
50 名前： 名無しさん@MZ-2000 投稿日： 2001/06/20(水) 16:06: >>48
んーと、なんかよくわからなくなってきたんですが、それなら
べつに SPAN に変える必要なくて、 FONT のままでいいんじゃ
ないの?
FONT 要素が非推奨になった理由を (XHTML1.1 で style 属性
が消えた理由も) 考えれば、単に「色をつけたい」というマーク
アップ自体が否定されているということだよね。
その流れに中途半端に迎合して非推奨要素を置き換える必要は
なくて、 HTML3.2 を使えば視覚表現のためのマークアップが思う
存分できるじゃない。

おいらも自分のサイトは XHTML1.1 + CSS だけど、仕事でウェブ
の画面作るときは HTML3.2 とか使うよ。
51 名前： Name_Not_Found 投稿日： 2001/06/20(水) 16:20: >>38に同意
>>39は>>38とか>>45とかちゃんと読んでるのか?
>>38は「視覚的な表現」を否定しているのではなくて、それはCSSで
やるべきでHTMLに持ち込む話じゃないって言ってるんだろ。

プレーンな文章に意味をマーク付けしたものがHTMLなんだから、
CSSを使おうと使うまいと、「特に意味はないけど色を変えたい」という
考え自体がおかしいってことだ。
CSSを使うためだけにdivやspanを使うのは物理要素を使うのとかわりが
ないと思う。
52 名前： 39 投稿日： 2001/06/20(水) 16:20: だからさ～、
>>27
＞FONT 要素が非推奨になった理由を (XHTML1.1 で style 属性
が消えた理由も) 考えれば、単に「色をつけたい」というマーク
アップ自体が否定されているということだよね。

いや、それはキミの勝手な思い込みだと思われ。
単に色をつけたいことは、製作者がそこを色分けしたいと思えばやればいい。
ただ、それをhtml言語でするなって言うことじゃないの？
それともどっかのリソースに上がってるの？(あったら教えてネ)
「htmlで」じゃなく、「cssで」やる「ほうが」センスがあるんじゃないかなって。

というか、センスなんて人それぞれなんだから議論してても無駄に思えてきた･･･鬱

html3.2は否定しないけどネン。
53 名前： Name_Not_Found 投稿日： 2001/06/20(水) 16:27: <table>
<tr><td valign="top">Ａ</td><td>Ｂ</td></tr>
<tr><td valign="top">Ｃ</td><tdＤ</td></tr>
</table>

上の「valign="top"」をclassを使って書きたいんですけど
<STYLE type="text/css">

</STYLE>
どうやって書けばいいんですか？
54 名前： 39 投稿日： 2001/06/20(水) 16:29: >>51
＞「特に意味はないけど色を変えたい」
それは製作者の考え方によるよ。
作るほうにとっては意味があっても見るほうには意味をなさないとか。
だいたい、何か意味があるから色をつけるんじゃないの？
言っとくけど、「全く意味が無いのに色を変えたい」ってことについては
漏れは今考えて発言してないからね。
55 名前： 39 投稿日： 2001/06/20(水) 16:30: >>53
.hoge {vertical-align:top}
56 名前： 39 投稿日： 2001/06/20(水) 16:34: あ～、ひょっとして皆さんは
「全く意味が無いのに色を変えたい」(←もちろん、色限定の話ではない)
っていう前提でレスしてたんだろうか･･･
だったら漏れが勝手に突っ走ってただけだな･･･鬱
57 名前： Name_Not_Found 投稿日： 2001/06/20(水) 16:37: >>55
ありがとうございました。
58 名前： 名無しさん@MZ-2000 投稿日： 2001/06/20(水) 16:43: >>54 >>56
＞何か意味があるから色をつけるんじゃないの？
そうそう、それがこの話のキモでした。
製作者がなんで色を変えたいと思ったのかはわからないけど、
なんか意味があるのならマークアップのしようがあるでしょ。
それが製作者以外にはまったく理解できないことでも、製作者
が意味があるならその意味でマークアップすればいい。
強調なら em とかでいいし、もちろん span でもいい。
で、そのマークアップに対して CSS で視覚表現を加えてやれば
よいということだよね。

「特に意味はないけど色を変えたい」というのが、本当に色を
変える以外に目的がまったくなくて、色を変えるためだけに
span を使うのなら、それは font を使っているのと変わりが
ないんだから、わざわざ書き換えてまで span にこだわらなく
てもいいんじゃない? というのがおいらの意見でした。

class で複数の場所の表現を一括して管理できるというメリット
はもちろんあるんだけど、それも意味あってのことなので。
59 名前： 39 投稿日： 2001/06/20(水) 16:47: あ～。はい。りょうかいでふ。
なんか２ｃｈでこうまともに論議が終わらせれたのって久しぶり。
ということで一人で突っ走ってた勢いで、そのまま逝ってきま～す。
60 名前： Name_Not_Found 投稿日： 2001/06/20(水) 16:48: >>48
＞＞非推奨要素を最低限交えること
＞のほうがメリットは見えてこないづら。

まあ月並みだけど古いねすけとかPDAとかゲーム機とかへの配慮ですな。
ほとんど無視しているんだけど、ちょこっとだけ補助的に
非推奨要素まじえてます。bodyの背景色とか。

いつでもStrictに変えようと思ったら変えれる状態だけど、その
メリットと、デメリットをテンビンにかけると、Strictにする
意義が見いだせないんですよね。
だから最低限の非推奨要素を交えたTransitionalからなかなか
抜け出せてません。
もちろん論理的なマークアップは可能な限りしてあります。

そういうわけで、特に論理上意味のないフレーズまで、ただ
文法にだけこだわってspan+cssで色付けるのって何の利点がある
のかなって思うんです。
61 名前： 51 投稿日： 2001/06/20(水) 16:49: >>54
そういうことなら問題ないです。
まさに>>56「全く意味が無いのに色を変えたい」っていう前提でレスしてました。

↓こういう人が実際にいるんだから…。
http://tohoho.wakusei.ne.jp/wwwcss1.htm#Basic
62 名前： 60 投稿日： 2001/06/20(水) 16:52: 書いてるうちに58さんに先を越された。
激しく同意です。

よくあるCSS論争とは違って、「論理的意味合いのないフレーズにおいて」
という局面に限定されてるというのが違ってました。

論理的マークアップそのものを否定した意見はこのスレにおいてはなかったと思われ。
63 名前： Name_Not_Found 投稿日： 2001/06/20(水) 16:56: .hoge {vertical-align:top}

align="right"
を表現した時はなんと書けばいいですか？
ごめんなさい、なかなか載っていないんです、、。
64 名前： Name_Not_Found 投稿日： 2001/06/20(水) 17:01: >>63
vartical-alignは縦のものなので、右はナイ。
65 名前： 39(戻ってきちゃったよ)汗 投稿日： 2001/06/20(水) 17:01: >>63
.geho {text-align:right}
66 名前： 64 投稿日： 2001/06/20(水) 17:02: つづり間違えた…鬱だ詩嚢
67 名前： 39(ホントにコテハンなりつつあるよ･･･) 投稿日： 2001/06/20(水) 17:12: >>61
ん？それは赤い部分のことを言っているんだろうか？
それともそこのURLの内容そのものを言ってるんじゃないよね？
(ここで間違えると同じことになりそうなので)
68 名前： 51 投稿日： 2001/06/20(水) 17:15: >>67
もちろん赤いとこ。
だけど以前ラウンジで赤くしたいから赤だというのを強硬に主張していたと思うが。
69 名前： 39 投稿日： 2001/06/20(水) 17:20: >>68
赤い部分のことを言っているのなら、
漏れはこの場合に限って言えば悪くないと思うけどなぁ。
だって、「前述した説明を具体的に示すための要素」
なんてのは存在しないわけだから、
それを示すために色を変えてってのはいいんじゃないだろうか。
まぁ、fontを使ってるのは褒められないけど。
70 名前： 39 投稿日： 2001/06/20(水) 17:21: ×褒められないけど
○褒めたくないけど
71 名前： 名無しさん@MZ-2000 投稿日： 2001/06/20(水) 17:23: あらためて
http://tohoho.wakusei.ne.jp/wwwxx088.htm
(の薄くなってる部分) を読むとスゴイよね。
72 名前： Name_Not_Found 投稿日： 2001/06/20(水) 17:25: っていうか、font要素は非推奨なんだから素直に従ってろよ。
73 名前： 51 投稿日： 2001/06/20(水) 17:27: 誤読したみたいだ。スマソ。
赤い部分の解説のこと。あの解説において当該部分を赤くすることについてではない。

<P STYLE="color:red">やH1, H2 { color:red; }
はいいとしても、
<SPAN STYLE="color:red">あいうえお</SPAN>
<DIV STYLE="color:red">あいうえお</DIV>
とか、
.red { color:red; }
.bold { font-weight:bold; }
は認められないでしょ。
74 名前： 39 投稿日： 2001/06/20(水) 17:28: >>72
信者さん布教活動中？
75 名前： 39 投稿日： 2001/06/20(水) 17:33: >>73
あ、そう言うことかぁ。
確かに、そこはセンシブルとは言えんね。
76 名前： Name_Not_Found 投稿日： 2001/06/20(水) 17:34: >>4
id属性は、リンクのアンカー等にも使われたりするんで、注意しようね。
77 名前：　投稿日： 2001/06/20(水) 17:40: spanもいいけど
時と場合によっては

.ahya { font-size: 12pt; color: #FF0000}
<FONT SIZE="4" COLOR="#0000FF" CLASS="ahya">あひゃあひゃ</FONT>

もイイとおもうＹＯ！

　元のＦＯＮＴに付け加えるだけで簡単でよいし、
スタイルシートに対応してないブラウザ（ＮＮ３とか）でも
サイズとカラー表現が生きてるし。。
でも、ダサイなぁ。。どかなぁ
78 名前： 77 投稿日： 2001/06/20(水) 17:42: わかりやすいように、
あかとあおにかわるようにしたＹＯ
79 名前： 39 投稿日： 2001/06/20(水) 17:42: >>77
classで指定してる値と属性値が違うんと思うんだがそれはどうだろう。
80 名前： Name_Not_Found 投稿日： 2001/06/20(水) 17:43: >>71
ものすごーく眼が疲れた．
81 名前： 51 投稿日： 2001/06/20(水) 17:49: >>77
自分はドキュメントの本質はあくまでHTMLで見栄えは付加情報だと
考えているのね。だから、CSS対応してないブラウザになんとかスタイルを
適用させようとは思わない。
見栄えもマークアップ並に大事だというならそういうのもありかもしれない。

CSSの利点を考えると、要素に付加したりヘッダ内に書いたりするよりも
外部シートにすべきだと思うのだけど…。
82 名前： Name_Not_Found 投稿日： 2001/06/20(水) 17:53: >>80
適当なユーザースタイルを指定して適用すべし。
83 名前： 80 投稿日： 2001/06/20(水) 17:56: >>82
む，確かに．そのためのスタイルシートであった．
84 名前： 名無しさん@MZ-2000 投稿日： 2001/06/20(水) 17:58: もっとお手軽に [すべて選択] でもよかったかも(w
85 名前： 77 投稿日： 2001/06/20(水) 17:58: ＞CSS対応してないブラウザになんとかスタイルを
　適用させようとは思わない。

>>81同意

あれは、時と場合によってはの対応策だＹＯ。
ＦＯＮＴタグは使いたくないのが心情だＹＯ。
86 名前： 39 投稿日： 2001/06/20(水) 18:01: それってネットスケープに対応してる？スレの問題のような･･･

それに、その場合どっちの色(フォントサイズ)を優先させるかが
UAの解釈によってちがう可能性あって、よろしくないと思われ。
87 名前： Name_Not_Found 投稿日： 2001/06/20(水) 18:03: >>77
それは意味無いよ、たぶん。
fontに対応してないUAはfontタグ自体を無視するはずじゃない？
88 名前： 87 投稿日： 2001/06/20(水) 18:07: 逆だった。勘違いしてたよ。スマソ
89 名前： 77 投稿日： 2001/06/20(水) 18:11: >>88
いえいえ。。
90 名前： 82 投稿日： 2001/06/20(水) 18:31: >>84
ぬかったYO！　確かにそっちの方が手軽でいいよね。
91 名前： Name_Not_Found 投稿日： 2001/06/20(水) 18:48: 23 名前：Name_Not_Found 投稿日：2001/06/20(水) 13:15
デザインにはスタイルシート使えって事ですけど、
htmlの論理構造とデザインの境界線はどこなんでしょうか？
www3cってやつ見た事ないですけどそこに明記されているんですか？
例えば、フォントのカラーひとつ変えるのにもCSSを使わなきゃダメですか？
↓みたいに。
<font style="color : red;">フォントカラー</font>

↑↑↑
の発言は僕がしたんですが、非常にすごい論議になってしまいましたね。（汗
今日からCSS本格的に覚えようと思った僕は静観しているしかなかったのですが。。
けれど、html、CSSは奥が深いですね。
「html&CSS哲学」みたいな感じで万人共通の答えとかはないんですかね。
92 名前： Name_Not_Found 投稿日： 2001/06/20(水) 18:56: [A]-------------------------------
<table>
<tr><td align="right">Ａ</td></tr>
</table>
----------------------------------
[B]-------------------------------
<STYLE type=text/css>

</style>

<table>
<tr><td class="aaa">Ａ</td></tr>
</table>
-------------------------------
[A]と[B]は結局同じ事やってるだけなので
CSS使う意味ないのですか？
むしろCSSはスタイル定義の分だけ文字数が多いので
CSS使うのは無駄ですか？

例えばリンク集のリンクを全て _blank　にしたい時
CSSで一括指定するとかなり便利なのはわかるんですが。
93 名前： Name_Not_Found 投稿日： 2001/06/20(水) 19:09: >>92
そういう単純な記述の場合に限っては無駄かもね。
ただ、text-align:right以外があればまとめて指定できるし、
何度も使うんならclass名(?)を.aにするとかで、すこ～しは
容量が減るのでCSSのほうがいいかな。
94 名前： 93 投稿日： 2001/06/20(水) 19:10: あ、ちょっとやそっとのことじゃないと減らんかな？
微妙だ･･･
95 名前： Name_Not_Found 投稿日： 2001/06/20(水) 19:13: >>92
＞例えばリンク集のリンクを全て _blank　にしたい時

この要望に対して、CSS は無力のような気がしないでもない。
96 名前： 名無しさん@MZ-2000 投稿日： 2001/06/20(水) 19:16: つか、まったく無力ですね(w
<base target="_blank"> しかないんじゃないかな。
97 名前： Name_Not_Found 投稿日： 2001/06/20(水) 19:23: 良スレage

他のスレから。

http://www.seniornet.ne.jp/

イイネ、ここ。
98 名前： 77 投稿日： 2001/06/20(水) 19:44: >>97
ソースで、サイトメニューの書かれている場所（位置）も
なかなかイイね！

人に優しいページだＹＯ

最初は、ブラクラと勘違いしたよ
99 名前： Name_Not_Found 投稿日： 2001/06/20(水) 19:57: >>97
惜しむらくは，Another-HTMLlint で 58 点ということ…．
100 名前： 77 投稿日： 2001/06/20(水) 20:06: >>93-94

td { text-align: right}

<table>
<tr><td>Ａ</td></tr>
</table>

これだと、テーブル（td）が増えれば
かなり減るね。

スタイルシートの勝ちかなぁ！？
101 名前： 77 投稿日： 2001/06/20(水) 20:33: >>92

<TABLE >
<TR>
<TD>
<DIV ALIGN="CENTER"><FONT SIZE="2" COLOR="#0000FF"><B>あひゃあひゃ</B></FONT></DIV>
</TD>
</TR>
</TABLE>

------------------------------------
td { font-size: small; font-weight: bolder; color: #0000FF; text-align: center}

<TABLE >
<TR>
<TD>
あひゃあひゃ　　　　←シンプル
</TD>
</TR>
</TABLE>

漏れは、スタイルシート推奨です
102 名前： Name_Not_Found 投稿日： 2001/06/20(水) 21:01: >>97
文字サイズ変えても、レイアウトがカッチリ決まってるところなんか、
参考にしたい感じ。

HTMLlintの減点は、ケアレスミスっぽいYO！＜閉じ忘れとか
103 名前： Name_Not_Found 投稿日： 2001/06/20(水) 21:17: 背景画像を位置を指定して貼りたいのですが。
BODY{background-image:url("ahya.gif");
background-ピクセルで指定;}
みたいなことは可能ですか？
104 名前： Name_Not_Found 投稿日： 2001/06/20(水) 21:47: >>103
{background-position: x y;}
x と y は単位つきの座標，あるいは %，あるいはキーワード
詳しくは http://www.y-adagio.com/public/standards/css1/cssmain.htm#background-position
など．
105 名前： ねぎま 投稿日： 2001/06/20(水) 23:10: >>99
今は知識が乏しい人が更新してるからね。無念。

トップページ以外で左上のロゴ押すと楽しいよ(謎)
106 名前： ちょこら 投稿日： 2001/06/20(水) 23:12: どれどれ…
107 名前： ちょこら 投稿日： 2001/06/20(水) 23:13: あ、へこんだ（笑）
108 名前： 39 投稿日： 2001/06/20(水) 23:16: >>98
ん？
＞ソースで、サイトメニューの書かれている場所（位置）も
＞なかなかイイね！
っていうのは？

ちなみに、こう言う話題はこっちでね。
http://natto.2ch.net/test/read.cgi?bbs=hp&key=985978270
109 名前： 39 投稿日： 2001/06/20(水) 23:22: >>107
そ、それは本気で言ってる？
それともネタ的反応？だよね･･･？
110 名前： 103 投稿日： 2001/06/20(水) 23:48: >104
ありがとうございます。
逝けました！！！！！
111 名前： Name_Not_Found 投稿日： 2001/06/20(水) 23:55: >>ねぎま氏
あぁ…こんな使い方もあったのか。(笑)
112 名前： ちょこら 投稿日： 2001/06/21(木) 00:05: >>109
すいません。素なんですが…。
なんか僕、間違ってたんでしょうか…。
このあと罵倒されるのではないかとドキドキ…。

逝く用意だけ氏ときます。
113 名前： Name_Not_Found 投稿日： 2001/06/21(木) 00:08: :activeってあーいう使い方もあったのね。
一瞬スクリプトかと思ってしまったので逝ってきます
114 名前： Name_Not_Found 投稿日： 2001/06/21(木) 00:10: >>107
ホントだ
へこんだ・・・・・・
115 名前： 77 投稿日： 2001/06/21(木) 00:23: おしえてくださ～い!影がつきませぬぅぅ
ブラウザはＩＥ６なんですけど。

.ahya{ text-shadow: #999999 3px 3px 1.5px }
116 名前： Name_Not_Found 投稿日： 2001/06/21(木) 00:28: >>ちょこたん
間違ってないと思う。
俺も素直にそうｵﾓﾀよ。（ｗ
117 名前： Name_Not_Found 投稿日： 2001/06/21(木) 00:29: >>115
widthをちゃんと指定しませう。
IEのヴィジュアルフィルタはwidthを明示しないと効かないはず。
118 名前： 117 投稿日： 2001/06/21(木) 00:30: ……自分で書いておいて何か違うような気がする。（ｗ；
119 名前： 77 投稿日： 2001/06/21(木) 00:31: >>117
ありがとう
やってみるよ
120 名前： 77 投稿日： 2001/06/21(木) 00:32: >118
そなの？
121 名前： 117 投稿日： 2001/06/21(木) 00:34: >>120
うん。
俺が書いたのはfilter: Shadow() の方なのね。
122 名前： Name_Not_Found 投稿日： 2001/06/21(木) 00:40: >>104のページ、激しく文字化けして読めないんですけど。
「□□□□□1(CSS1)」のようになってます。
Donutで日本語（自動選択）にしてます。
ISOにしてもさらに化けるし。
その前にページ自体が重過ぎ。
123 名前： Name_Not_Found 投稿日： 2001/06/21(木) 00:44: >>122
日本語シフトＪＩＳでも？
124 名前： 77 投稿日： 2001/06/21(木) 00:45: ブラウザが対応してないのかなぁ・・
ＩＥ６なんだけど・・
125 名前： Name_Not_Found 投稿日： 2001/06/21(木) 01:00: >>123
はい。シフトJISになってるけど駄目です。
で、しつこいけどページの重さに閉口。
有益な事が書いてあるんでしょうけど。
IEのバージョンは5.5です。
どのような内容なんでしょう？
126 名前： 125 投稿日： 2001/06/21(木) 01:01: あ、ソースはうまく保存できたのであとで見直すことにします。
127 名前： Name_Not_Found 投稿日： 2001/06/21(木) 01:04: >>125-126
IE5.5のバグだったのかな
でも、見直せてよかったね
128 名前： 77 投稿日： 2001/06/21(木) 01:06: ＩＥ６もパッチが出るまで、みれないサイトおおかったなぁー
129 名前： 125 投稿日： 2001/06/21(木) 01:07: DonutじゃなくIEで、ローカルで開いてみたけどやっぱり化けてました。
しかもExplorer落ちました。
ソースはちゃんと日本語で見れるので、タグを抜いて読んでみます。
スレ汚してごめんなさいでした。
130 名前： ねぎま 投稿日： 2001/06/21(木) 01:10: てかIE6ってtext-shadow効くの？
131 名前： 77 投稿日： 2001/06/21(木) 01:12: >>130
わかんないよ
どだろね？
132 名前： Name_Not_Found 投稿日： 2001/06/21(木) 01:18: >>130-131
ie6では無効かもしれませんね。
良くは分りませんが、
他の意見を待つのが正解かも知れません。
133 名前： Name_Not_Found 投稿日： 2001/06/21(木) 01:42: >>129
フォントが無いだけだと。
134 名前： 39 投稿日： 2001/06/21(木) 02:23: >>112
い、いやね、間違っちゃいないんだけど、漏れの中では:activeや:hoverで
positionを使って位置を変えるのは当たりだったので(汗)
逝く用意までさせてわるかったモナー。

>>133
よく状況はわからんが、Windows環境でそれは無いだろう。
>>129
ちなみに
＞？？？1(CSS1)
となるのは、Unicode(UTF-8)のときだたよ。
135 名前： Name_Not_Found 投稿日： 2001/06/21(木) 10:38: @pageって使い方がよくわからないんですけれど。
136 名前： 初心者 投稿日： 2001/06/21(木) 11:28: http://cocoa.2ch.net/test/read.cgi?bbs=tv&key=992867691&st=512&to=512&nofirst=true
すみません、これどうやってやってるんですか？普通にタグ書いても無理なんですが。
137 名前： 初心者 投稿日： 2001/06/21(木) 11:40: あれ・・・もう直ってる。でもどうやってやったんでしょうかねー？
138 名前： Name_Not_Found 投稿日： 2001/06/21(木) 11:41: >>136
これってなんですか？
139 名前： Name_Not_Found 投稿日： 2001/06/21(木) 12:54: font-stretch : expanded
ってやっても全然フォント変わらないんですけど。
IEでもNNでも。
140 名前： Name_Not_Found 投稿日： 2001/06/21(木) 13:13: >>139
未実装．参考：http://www.zspc.com/documents/css2/index.html#font
141 名前： Name_Not_Found 投稿日： 2001/06/21(木) 13:23: >>140
為になるサイトありがとうございます。
でもなんでどのブラウザにも未実装なんですか？
おかしいですよね？（笑
存在意義がないような、。。
142 名前： Name_Not_Found 投稿日： 2001/06/21(木) 13:26: 昨日はたくさん人が居たのに今日は少ないですね。
143 名前： Name_Not_Found 投稿日： 2001/06/21(木) 15:14: text-shadowとかなんでどのブラウザにも対応してないんですか？
144 名前： Mの字 投稿日： 2001/06/21(木) 15:21: >>143
Microsoft や Nescape などのメーカーに問い合わせたら？
すくなくともここで聞いてもしょうがないと思う。
145 名前： Name_Not_Found 投稿日： 2001/06/21(木) 15:39: >>144
ここを覗いてる Microsoft や Nescape などのメーカーの人の
レスを待ってるんです。
146 名前： 初心者 投稿日： 2001/06/21(木) 15:41: >>138
今はなっていませんが、さっきはbgが../2ch.gifでフォントサイズも200pxだったんですよ。
147 名前： 名無しさん@MZ-2000 投稿日： 2001/06/21(木) 15:42: ネスケープ(謎)
148 名前： Name_Not_Found 投稿日： 2001/06/21(木) 16:29: >>136
一時期スクリプトにあった欠陥を利用したもので
現在はたぶん無理です
149 名前： Mの字 投稿日： 2001/06/21(木) 16:44: >>147
んがー。しまった。泣。Nescape。
150 名前： 77 投稿日： 2001/06/21(木) 18:15: >>140他、参考になったＹＯ

text-shadowはＩＥ5.5以下は利用不可なのかぁ
Ｎ６もＩＥ６も利用できなかったし、
対応のブラウザが出るまで、おあずけってことだね。。
ひとつ、悩み解消した。。ありがと。
151 名前： 39 投稿日： 2001/06/21(木) 18:50: >>146
メール欄見ろ。何で今見られないのかは自分で調べな。
152 名前： Name_Not_Found 投稿日： 2001/06/21(木) 19:42: CSSはMSやNCが定義してる訳じゃありません。

（・∀・）＜ﾅﾝﾂｯﾀﾘｼﾃ
153 名前： Name_Not_Found 投稿日： 2001/06/21(木) 20:46: http://www29.freeweb.ne.jp/travel/twoweb/

皆さんに質問です。（上のURLにふたつのテーブルがあります）
A,Bのテーブルで、僕はAのテーブルの方が線が細くてシンプルな感じが
好きでいつも使ってます。
しかし、Aの書き方だとNN6では線が表示されずつまり未対応です。
Aの見た目でNNにも対応させるやり方はありますか？
CSSで挑戦しましたが、僕は出来ませんでした。
あと、AもBも見た目そんなに変わらねーじゃん、
どっちでもいいだろ、っていう方いますか？
154 名前： Name_Not_Found 投稿日： 2001/06/21(木) 20:51: >>152
あるhtmlcss関係の本で
学者(?)とかがお互いに報告書(?)を提出する時に
html形式で書くって言うのを知りましたが
その事ですか？
だから、見出し（h1）とか、引用（blockquote)等の
表記があるんですよね？
155 名前： Name_Not_Found 投稿日： 2001/06/21(木) 21:17: >>153
table { border-collapse: collapse; }
を調べよ。ただしMozillaの対応はまだ中途半端なようだ。

あと、(スレ違いになるけど)CSSを使わない場合は
<table cellpadding=0 cellspacing=0><tr><td bgcolor=black>
<table cellspacing=1>
<tr bgcolor=white><td>a</td><td>b</td></tr>
<tr bgcolor=white><td>c</td><td>d</td></tr>
</table>
</td></tr></table>
ってな感じにすればIE2/NN3以上でだいたい同じ見た目になる。
156 名前： Name_Not_Found 投稿日： 2001/06/21(木) 21:39: ネスケ(6)とIE5で同じように見えるように、フォントサイズに
cssをつかい、両方とも10pxで指定しました。
で、実際に見たら、ネスケでは反映していませんでした（巨大化）。
そこで、自作css発表場で皆さんの作ったものを拝見したら、
ちゃんと見れてるものはすべて「em」という単位で指定して
いるようです。
pxではだめなんでしょうか？　「em」だけですか？
フォントに限らず、すべての単位指定は「em」でやるべきですか？
よければ教えてください。
タグ本には特に注釈はありませんでした。
157 名前： Name_Not_Found 投稿日： 2001/06/21(木) 21:56: 背景画像を２種類使いたい。って出来ます？
↓こんな感じに。

★★★★★
　　●

★は、background-repeat:repeat-x;
●は、background-position: x y;

background-image:url
で、★と●を指定？
158 名前： Name_Not_Found 投稿日： 2001/06/21(木) 22:04: >>157ahya？
ahyahya？？
159 名前： 10.css 投稿日： 2001/06/21(木) 22:12: >>157
二つのブロック要素で囲んで、
それぞれに別の背景を指定する。

HTML的に良い事では無いけど。
160 名前： 157 投稿日： 2001/06/21(木) 22:20: >159ありがとうございます。
２つに分けてやったんですが、うまくいかなかった。
んで、聞いたんすけど・・・
やっぱ、いいんですよね。モ一回やってみます。

＞HTML的に良い事では無いけど
なんか、まずいんすか？
161 名前： Name_Not_Found 投稿日： 2001/06/21(木) 22:40: >>160
見た目だけのためにHTMLに余計な記述してるでしょ？
HTMLとCSSの関係が逆になっちゃってる。

色の違う文字を重ね合わせて影を表現するのと同じで邪道。
まぁ、W3C信者に叩かれるくらいだろうけどね。
162 名前： Mの字 投稿日： 2001/06/21(木) 22:57: >>156
日本語ページ(とは書いてないけど)で10pxなんて読めないよ。

ってのはおいといて、
全部が全部 px 指定は絶対にダメと言うことはない。
ただし、特にフォントサイズのpx指定やpt指定に対しては、
嫌う人も多いので注意してください。

あと、em だけなんて事はありません。
フォントサイズに関していうならば em だけでなく ex とか
% を使う方法、xx-small とかmedium 等々という指定方法もある。
それぞれの単位(medium とかは単位とは言えない？)については、
ちゃんと定義があるので内容については、
お手元の本なりwebなりで調べられたし。
163 名前： Name_Not_Found 投稿日： 2001/06/21(木) 23:02: このスレッドがこの板で一番普通に技術的会話してるよね。
css使うくらいになるとまるくなるんだね。
164 名前： 82 投稿日： 2001/06/21(木) 23:15: 視覚系User-Agentでの見た目の違いにいちいちキレてたら、
とてもCSSなんて使えません（煽りじゃないよ）。

つうかbox-sizing: border-boxなIEは嫌～。
モード切り替えも面倒臭い……全てStandardモードでいいってば！
165 名前： Name_Not_Found 投稿日： 2001/06/21(木) 23:26: やっぱりムードメーカーとしての俺の存在が大きく影響してるな。
166 名前： Name_Not_Found 投稿日： 2001/06/22(金) 00:44: あげ
167 名前： 136 投稿日： 2001/06/22(金) 02:58: >>148
そうだったんですか。教えてくれてありがとうございます。

>>151
メール欄見てどうしろと言うのですか？
ちなみに同じ事試してみましたが、全然だめでした（メール欄と同じという意味じゃないっすよ）
168 名前： 39 投稿日： 2001/06/22(金) 03:16: >>167
＞これどうやってやってるんですか？
って聞かれたので方法を示唆した。別にどうしろとも言ってない。
再現できないのは148がっ説明してくれてるし、単にやり方が知りたかったんじゃないの？

なんとなくこのスレWeb標準化の話
みたいになってきたなぁ（藁
169 名前： 167 投稿日： 2001/06/22(金) 03:53: >>168
え？俺のレスを見てわかるように、普通にbgを../2ch.gif、フォントサイズを200pxにするやり方は
知ってましたよ。148さんはそれを理解した上であのレスをくれたと思うんですが。
170 名前： 39 投稿日： 2001/06/22(金) 04:08: ＞148さんはそれを理解した上であのレスをくれたと思うんですが。
だから？
＞俺のレス
なんて言わずに具体的にレスの番号を示せよ。
何が言いたいのかさっぱり(´ー｀)┌
171 名前： 39 投稿日： 2001/06/22(金) 04:30: あ～、何げに前レスを見返してたんだけど、
>910
他の環境ではわからんが、Windows2000でのブラウザ(N4.xは除く)
ならoverflowにauto値を指定してやれば横は出なくなるよ。
まぁ、UA依存だから、あんまり信用はできないけど。
172 名前： 156 投稿日： 2001/06/22(金) 08:20: >>162
教えてくれて有難うございました。
確認したいんですが、文字のサイズに関して言えば、
ネスケはpx指定は受け付けないってことですか？
タグ辞典は、見てるんですが。。
それについては何も書いていません。
分かる方、教えてください。おねがいします。
173 名前： Name_Not_Found 投稿日： 2001/06/22(金) 08:39: >>172
pxやpt指定はネスケ6なら効くはずだよ。
(ブラウザ側のフォントサイズ設定が100%以外になってたらダメだけど)0
もしうまくいかないとしたら記述の仕方に何か問題があると思われ。
174 名前： Name_Not_Found 投稿日： 2001/06/22(金) 08:41: >>172
font-sizeを絶対値(pxとかptで、ちなみにptのほうが一般的かな)で
指定しても反映されないってことなら、編集→設定→表示→フォント
→「Webページが指定したフォントを無視して～」のチェックにマークが
入ってないかは見ておいたほうがいいかも。
あと、画面解像度とフォントサイズも一応見ておくといいかも。
175 名前： 172 投稿日： 2001/06/22(金) 11:13: みなさん、お返事をありがとうございます。
それで、ひとまずN6の設定を見たんですが、「表示」で
「スタイルシートを使用」が「なし」になってました。
これが原因だったのかもしれません。が、オンにできないのはなぜ？
一通り説明を見て、それでも解決しなかったらソースを
ここにのせようと思います。そのときはまたお暇な方、よろしく
お願いします。
（どうやってcssをonにできるのかな？）不便なブラウザだ、N6。
176 名前： Name_Not_Found 投稿日： 2001/06/22(金) 11:36: >>175
それは、ユーザースタイルシートを使うかどうかで
ページ作成者が設定したスタイルシートを使わない
と言う意味ではないのですが。
って俺も最初は勘違いしたけどな。つか分かりにくいよ＞Netscape
177 名前： Name_Not_Found 投稿日： 2001/06/22(金) 11:38: >>175
違ってたらごめん。
それってユーザースタイルシートとは違うの？
あと確かに、font-size : 10px　とかNNじゃ余裕で効いてないよね。
かなりやな感じ。
178 名前： 172=175 投稿日： 2001/06/22(金) 13:31: 皆さん、本当にご親切にありがとうございます。

えぇ？　あれはユーザースタイルシートってやつなんですか？
それじゃ、製作者が作ったスタイルシートはデフォルト
で機能するようになってるんですね。
で、177さんに確認していただいたように、10pxじゃ利いてないんで
すよね？
いま、チェックしたら、12pxでもだめみたいでした。どうやら、
ネスケのフォントに対してpx指定は諦めたほうがよさそうですね。
（それで皆さんはeｍで指定してるんでしょうか。物知りだなぁ）
ありがとうございました。
またお世話になるかもしれません。すいません、失礼します。
179 名前： Name_Not_Found 投稿日： 2001/06/22(金) 13:46: >>178
＞それで皆さんはeｍで指定してるんでしょうか。

多分違う。少なくとも俺は違う。
180 名前： Name_Not_Found 投稿日： 2001/06/22(金) 14:22: 途中から読むと何のことか判んないからブラウザのバージョンは明記してくれ
181 名前： 172=175 投稿日： 2001/06/22(金) 14:37: >>179
すみません、ネスケ６です。
ネスケ６（win）でスタイルシートのフォントサイズ10px（12pxも）
は通用するのかって話しなんです。10pxはダメって結論が出かかってます。
182 名前： 169 投稿日： 2001/06/22(金) 15:11: >>170
俺のレスを理解していない時点で低能だということはわかっていましたが、やはり
煽ってきましたね.っていうか、>>170でも自分がまだ出来ない事を嘆いているようですが
もう>>148さんが答えてくれたんでいいですよ。理解してないのはあなただけ。自分の非をつかれたくらいでそう熱くなんなよ（ｗ
また自作自演かなんかでレス返してくると思うけど、俺はもう来ないよ。残念でした（笑）
183 名前： Name_Not_Found 投稿日： 2001/06/22(金) 15:14: >>182
粘着ウザイ
あっちいけ
184 名前： Name_Not_Found 投稿日： 2001/06/22(金) 15:14: >>189
10pxっていうか、px表記ね。
というか、俺は自分のとこ13pxでやってる。
他の単位は使った事ないし。
一応（文字の大きさが）見やすいかどうなのか、アンケート取ったりして
色々調査してるよ。
アンケート結果だと普通って人が半分くらいで、
ちょっと小さいが30%くらいかな。
あとね、ネットサーフィンしてる時に、
文字の大きさを（ブラウザのツールボックスで）どんな時に変えますか？って質問なんだけど、
ほとんど使わないって人が7.8割いるんだよね。
ほんとかよ！？みたいな、
まぁ、PCに詳しい人が集まるサイト系ではないってのも
少しはあると思うけど。
サイトの見やすさに対するアンケートはおもしろいからみんなにも薦めるよ。
185 名前： Name_Not_Found 投稿日： 2001/06/22(金) 15:14: >182
ｳｻﾞ
どーでもいいがほかでやれ
186 名前： Name_Not_Found 投稿日： 2001/06/22(金) 15:17: 失敗>>181ね。
あとね、13px固定だから当然フォントの大きさは変えられないんだけど、アンケートで
当サイトはブラウザでフォントのサイズが変えられない（＝CSSでフォントサイズ固定）のを知ってましたか？って質問。
知らなかったって人がほとんど。（ｗ
ほんとにただ見て回ってるだけなんだな（ｗ
187 名前： Name_Not_Found 投稿日： 2001/06/22(金) 15:56: >>184
あなたのサイトに行ったわけじゃないからどんな風に見えるのか知らないし，
どんな風にアンケート項目がなってるのか知らないけど，その回答は
「小さくて読めないから答えられない」人は入ってないわけだよね？
ごめん，ケチをつけたいわけではなく，答えが偏ってる可能性があるよって
言いたいだけ．
サイズを変えなかったりサイズが変えられる（変えられない）ことを
知らなかったりって方は，面白い結果というか予想通りというか…．
世間ってそんなもんか．
188 名前： Name_Not_Found 投稿日： 2001/06/22(金) 17:54: pxはＩＥやＮ４だと固定だけど、Ｎ６だと固定されない。

ホームＰ作るうえで、文字サイズを変更されても
デザインができるだけ崩れないようにするのが
一番いい方法だと思うけど。。
189 名前： Name_Not_Found 投稿日： 2001/06/22(金) 17:59: >>188
ptはN6でも固定されるの？
190 名前： Name_Not_Found 投稿日： 2001/06/22(金) 18:08: >189
ptはＮ６（Ｎ４）では固定されない。
ＩＥは固定される。
191 名前： 190 投稿日： 2001/06/22(金) 18:22: ptでＩＥでは固定されるけれども。

ＯＰのユーザー補助で、「指定したフォントサイズを指定しない」にしてから
文字サイズを変更すると、できない事も無いけども。

フォントサイズを設定するのほんとに大変かな。
192 名前： Name_Not_Found 投稿日： 2001/06/22(金) 18:26: なんでもいいけど、pt だの px だの cm だの mm だの in だので
フォントサイズ指定すんなっつーの。ダメ！絶対！
193 名前： どうだろうね．．． 投稿日： 2001/06/22(金) 18:30: しかし、体裁が求められて来てるのも事実だし。。
194 名前： 157 投稿日： 2001/06/22(金) 18:36: 　159 名前：10.css 投稿日：2001/06/21(木) 22:12
　>>157
　二つのブロック要素で囲んで、
　それぞれに別の背景を指定する。

二つのブロック要素で囲んでって、
↓これでいいんでしょうか？
うまくいきません。

BODY
{
background-image:url("★.gif");
background-repeat:repeat-y;
}
{
background-image:url("●.gif");
background-repeat:no-repeat;
background-position:150px 50px
}
195 名前： Name_Not_Found 投稿日： 2001/06/22(金) 18:41: ダブルクォーテーション消してもだめかい？
196 名前： 39 投稿日： 2001/06/22(金) 18:47: まぁ、使い分けだよなぁ。仕方ない時もあるし。
漏れは自分のページじゃ、どうしても変更できないところしか絶対指定はしない。

>>182ふ～ん。
＞煽ってきましたね
自分で煽ってきてるのがわかってないんだね。(もう来ないんだからどうでもいっか)
197 名前： 39 投稿日： 2001/06/22(金) 18:50: >>194
根本的に何か勘違いをしてるよ(汗)
div#a {}
div#b {}
としてやって、<body>の中で、
<body>
<div id="a">
<div ic="b">
</body>
って言うことだと思うよ。
>>194は、CSSを理解していればそんな記述はできない。
198 名前： 39 投稿日： 2001/06/22(金) 18:51: あ～、ごめん
<body>
<div id="a">内容</div>
<div ic="b">内容２</div>
</body>
だ。
ちなみに、ブロック要素が何かはとほほにでも行って、調べておいたほうがいいかも。
199 名前： Name_Not_Found 投稿日： 2001/06/22(金) 18:52: >>194
試してないけど，body に background 設定した時点でだめなんじゃない？
あと，できれば「どう上手くいかないか」を書いてくれたほうがみなさん答えやすいんじゃないかな．
「重なっちゃう」とか「2 つ目が表示されない」とか．
200 名前： 157 投稿日： 2001/06/22(金) 19:03: みなさんありがとうございます。
２つ目が表示されないのです。。。
もう少し、調べてみます。
201 名前： 39 投稿日： 2001/06/22(金) 19:11: >>200
ご、ごめん、ひょっとして二つ目のほう、icってやってる？
これも間違いで、どっちともidじゃないといけない(汗)
もしそうだったら、説明不足でスマソ！
202 名前： 平身低頭 投稿日： 2001/06/22(金) 20:19: CSSファイルをリンクさせて本文テキストの文字ポイントと行間を
指定したのですがネスケが上手く対応できません。（IEは上手くいきました）
スタイルシートのネスケ対策を教えて下さい。
勉強になる関連サイトでも結構です。
よろしくお願いします。
203 名前： Name_Not_Found 投稿日： 2001/06/22(金) 20:26: >>202
フォント名に日本語含まれてない？
204 名前： >>202 投稿日： 2001/06/22(金) 20:34: 203 さんが書かれているが，サイトは例えば
http://www.zspc.com/documents/css2/font/fontfamily.html

＃単に「ネスケ」と書かれると，バージョンがわからない…．
＃バージョンによる対応状況が違うので，書いてくださいませ．
205 名前： 平身低頭 投稿日： 2001/06/22(金) 20:51: 皆様ありがとうございます。
ウィンドウズ　ネットスケープコミュニケ－ター4,7　どぇす。
206 名前： Name_Not_Found 投稿日： 2001/06/22(金) 20:56: >>205
Ｎ４.7不可
可Ｎ６～
　ＩＥ４～
http://www.zspc.com/documents/css2/#font
207 名前： letter-spacing 投稿日： 2001/06/22(金) 20:58: http://www.zspc.com/documents/css2/text/letterspacing.html
208 名前： 204 投稿日： 2001/06/22(金) 21:07: >>202=205
おおっと，行間もか．じゃあ 204 じゃ不十分だ．ごめん．
206 さんのところ（204 の上の階層）が参考になるかと．
font-family と line-height ね．
209 名前： line-height 投稿日： 2001/06/22(金) 21:07: >205
206－207ミス・・
http://www.zspc.com/documents/css2/text/lineheight.html
210 名前： Name_Not_Found 投稿日： 2001/06/22(金) 21:25: >>194
一つ気になるところあり。

ネスケ４は、background-position:150px 50px
使えなかったＹＯ
211 名前： Name_Not_Found 投稿日： 2001/06/22(金) 21:36: NN4使うなよ･･･。
或いはNN4でCSSを使うな。
212 名前： Name_Not_Found 投稿日： 2001/06/22(金) 21:40: N6で<input type="text">だけborderが無視されるんですが、
ひょっとして激しくがいしゅつですか？
213 名前： Name_Not_Found 投稿日： 2001/06/22(金) 21:41: http://natto.2ch.net/test/read.cgi?bbs=hp&key=987423983

684と703辺りからの記事を見てみると良いかも。
214 名前： Name_Not_Found 投稿日： 2001/06/22(金) 21:50: Ｎ４使用期限切れるのいつかな？
Ｎ２は切れてるし、Ｎ３ももうすぐ切れそうだね。
215 名前： ◆　ネスケ逝ってよし　◆ 投稿日： 2001/06/22(金) 21:55: 　
216 名前： 210 投稿日： 2001/06/22(金) 22:12: >>194奇抜な発想イイ！
漏れも、Ｎ４０４以降対応したソース作ったＹＯ
どかな？
２個目の背景画像がアイディアなんだけど意味わかる？
<STYLE TYPE="TEXT/CSS">

</STYLE>
</HEAD>
<BODY>
<div CLASS="ahya"> ２ｃｈ２ｃｈ２ｃｈ<BR>
２ｃｈ２ｃｈ２ｃｈ２ｃｈ２ｃｈ２ｃｈ２ｃｈ<BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR>
２ｃｈ２ｃｈ２ｃｈ２ｃｈ２ｃｈ２ｃｈ２ｃｈ２ｃｈ２ｃｈ２ｃｈ２ｃｈ２ｃｈ<BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR>
</div>
</BODY>
217 名前： 157=194 投稿日： 2001/06/22(金) 22:45: >>216　さん出来ました！（寝助未確認）
本当にありがとうございます。
なるほど、<div CLASS="ahya"> ですね。
みなさんありがとうございます。
すごい！
何故できたかをこれから理解します（藁）

優秀スレage
218 名前： 210 投稿日： 2001/06/22(金) 23:08: >>217

＞！（寝助未確認）
ねすけ信者と勘違いしてたYO。ｽﾏｿ
219 名前： Name_Not_Found 投稿日： 2001/06/22(金) 23:55: >>181
それはWindowsのNetscape6?
指定できないってことはないはずだ。
CSSでどう指定してるか、適用させている部分のHTMLがどうなってるか
簡潔に貼り付けてみてくれ。
220 名前： Name_Not_Found 投稿日： 2001/06/23(土) 00:26: >>212
DTD宣言でStrictモードにしたら、大丈夫だったよ。

それと、N6、Mozillaでfont-sizeのpx指定が効かないって言ってる人いるけど、
うちの環境だときっちりpxで指定できるよ。
10pxも12pxのちゃんと表示できる。

効かないって言ってる人はただ言うだけじゃなくソースも出して。
はっきり言って今のままじゃ判断できないよ。
221 名前： >212 投稿日： 2001/06/23(土) 00:39: HTMLlintとW3CのCSSのvalidationサービス（名前忘れたが、、）にかけてエラー見た方がいいよ。。
<input type="text"
にちゃんとCSS入ります。。
Win98,2000 NN6.01で確認済

単にvalidでないhtmlやミスにIEよりルーズでないだけ。
222 名前： Name_Not_Found 投稿日： 2001/06/23(土) 00:43: >>220
同意。
validに書いているという自信はないが、
指定できなかった記憶は一度もないな。

と、書きながら
fontでの一括指定だと、
うまく反映されなかったりすることを思い出した。

とにかく、どういう風に記述しているのか
ソース乗っけた方が良いと思われる。
バグよりも人為的なミスの方が圧倒的に多いんだし。
223 名前： 210 投稿日： 2001/06/23(土) 00:53: 「HTMLlintとW3CのCSSのvalidationサービス」ってどこにあるの？
チェックしてみたい...
224 名前： Name_Not_Found 投稿日： 2001/06/23(土) 00:56: http://openlab.ring.gr.jp/k16/htmllint/htmllinte.html（他にもあり）
（http://validator.w3.org/）
と
http://jigsaw.w3.org/css-validator/
225 名前： 210 投稿日： 2001/06/23(土) 00:58: >>224
早速ありがとう！
つかってみるＹＯ
226 名前： Name_Not_Found 投稿日： 2001/06/23(土) 01:21: >>219
181ではないんですが。
winでNN6はやっぱりフォント固定たぶん効かないですよ。
<style type="text/css">
body {
font-size : 13px;
}
</style>
どうぞ確認して下さい。
227 名前： Name_Not_Found 投稿日： 2001/06/23(土) 01:32: >>226
固定が出来ないのは既出だろ？
>>190あたりで。
「指定できない」って言ってるんじゃないの？
228 名前： Name_Not_Found 投稿日： 2001/06/23(土) 01:38: おお、ptでも駄目なのか。でもサイズ変えられるのはいい事だね。
229 名前： Name_Not_Found 投稿日： 2001/06/23(土) 01:47: >>227
いや、既出っていうか、まだ出来るんじゃっん？って言ってる人いたから
230 名前： ややこしい～ 投稿日： 2001/06/23(土) 01:55: fontの

指定の話>>172-181（ネスケはpx指定は受け付けない？）
固定の話>>184-193（フォントの大きさは変えられない）

気にせず、適当にやっときましょー
231 名前： ややこし～ 投稿日： 2001/06/23(土) 01:58: px指定したけど、無効なときもあったな。
原因は、よくわからん。

気にしない、気にしない！？
232 名前： 219 投稿日： 2001/06/23(土) 02:27: <style>body{font-size:12px;}</style>
<body>テスト</body>
…というシンプルなHTMLを読み込ませたが
NN6.01でもMozilla0.9.1でも指定効いたぞ。
平常時だと16pxで表示される文字が12pxで表示された。
上の2行を保存してフォントサイズ指定がうまくいかないとしたら
それは>>226や>>181のブラウザの設定が何かおかしい。

メニュー→表示→文字サイズの設定を100%以外にしたらそれに追随するのは
>>227が指摘している通り別問題な。
「指定」と「固定」は違う。
俺はCSSで指定されると固定されてしまうIEの実装より
CSSで指定されてても閲覧者が大小させられるN6の実装の方がユーザに優しいと思う。
233 名前： Name_Not_Found 投稿日： 2001/06/23(土) 02:40: 確かに「指定」と「固定」がごちゃ混ぜになっているような気も。
騒いでる人はそこら辺をはっきりさせてから書いてね。
うちのN6.01、Mozilla0.9でもちゃんと指定できてるから、
「指定」できないと言ってる人は設定かコーディングでこけてる可能性が高いです。

＞CSSで指定されてても閲覧者が大小させられるN6の実装の方がユーザに優しいと思う。
同意。
MacIE5だったらN6と同じく、絶対指定でも簡単にサイズ変更できるんだけどねぇ。
234 名前： Name_Not_Found 投稿日： 2001/06/23(土) 02:41: N6.1PR1 ですが、px 指定 pt 指定とも、キッパリと有効。
誰かも言ってたが、聞かないとしたら、記述がおかしいのだと思われ。

>>232
＞CSSで指定されてても閲覧者が大小させられるN6の実装の方がユーザに優しいと思う。
とっても同意！
235 名前： 234 投稿日： 2001/06/23(土) 02:43: かぶりまくってると言うかなんと言うか。逝く。
236 名前： Name_Not_Found 投稿日： 2001/06/23(土) 02:50: 素直にもぢら使ってバグフィクスに貢献しましょう。
237 名前： Name_Not_Found 投稿日： 2001/06/23(土) 06:38: だがそれだと絶対指定の意味が無い気が。
絶対指定は絶対指定で残して置いた方が良いと思うんだよなァ…
例えば、印刷の時とか役に立つし。
238 名前： 212 投稿日： 2001/06/23(土) 09:11: >>220
あんがとー。そういうことだったか。
試しにサンプル書いてみたらちゃんと指定できた。
というのもborder指定したいのはOTDの掲示板なのよ。
DOCTYPE宣言が<HTML>の中でできたらいいんだけど。
239 名前： 212 投稿日： 2001/06/23(土) 09:23: 試しに<HEAD>で宣言したら有効だった。
1行目に書かなきゃならないもんだと思ってたけど、
これはやっぱりまずいかな？
240 名前： Name_Not_Found 投稿日： 2001/06/23(土) 10:29: >>239
まずいんじゃないかなあ．
多分，試してみたブラウザではうまくいった（実装依存），というだけだと思うよ．
241 名前： Name_Not_Found 投稿日： 2001/06/23(土) 11:12: DTDが定義される前にHTMLが始まってるわけだからダメだろ
完全に実装依存
242 名前： 210 投稿日： 2001/06/23(土) 13:38: >>237
「絶対」といえば、ＵＲＬか配置のことだよね？

>>216の時は、Ｎ４の安定を考えていたから、絶対配置の指定は無用だったね。
画像アイディア使わないときに使ったらいいかもね。
243 名前： 210 投稿日： 2001/06/23(土) 13:47: >>237
＞絶対指定は絶対指定で残して置いた方が良いと思うんだよなァ…
　例えば、印刷の時とか役に立つし。

残して置いたほうが役に立つことイッパイありそうだね・・・
どんなことだろ？印刷？
244 名前： 39 投稿日： 2001/06/23(土) 16:03: >>242
＞「絶対」といえば、ＵＲＬか配置のことだよね？
そんなことはないと思う茂名ー。pt,pxとかの話じゃないの？
普通、(値の)相対指定に対して絶対指定というものだと思ってたんだけど・・・
その前の会話の流れからしても・・・
だとしたら、印刷に対して有効な手段だろうし。
245 名前： Name_Not_Found 投稿日： 2001/06/23(土) 16:08: >>244
そもそもURLの絶対指定が不可能だったら
別鯖のアドレス指定が不可能と思われ

ここから判断してもサイズなんかの値で正解かと
246 名前： 210 投稿日： 2001/06/23(土) 16:45: >>244-245
そっかー。そうだよね
ありがと。。
247 名前： Name_Not_Found 投稿日： 2001/06/23(土) 17:49: Name_Not
248 名前： Name_Not_Found 投稿日： 2001/06/23(土) 18:16: >>210
お前の話の展開がよくわから
249 名前： Name_Not_Found 投稿日： 2001/06/23(土) 19:01: >>97より
http://www.seniornet.ne.jp/

このページなんだけど、
N6PRでコンテンツをクリックしたら落ちた。Mozillaでも確認。
誰か試してみてくれないかな。
250 名前： 249 投稿日： 2001/06/23(土) 19:04: アンカーに
:active { position: relative; ～}
が指定してあるのが原因か？
251 名前： 39 投稿日： 2001/06/23(土) 19:40: >>249
Windows2000にて、Mozilla0.9は落ちて
Gecko/20010131 Netscape6/6.01だと落ちなかった。

なんとなくだが、外部シートに更に@importしてるのが気になるなぁ・・・
252 名前： 39 投稿日： 2001/06/23(土) 19:47: あ～、よく読んでみたら、
@media screen{
a:active
{
position : relative;
top : 1px;
left : 1px;
}

h1 span a:active
{
position : relative;
top : 3px;
left : 3px;
}
}
なんてやってるからposition指定が重複してしまって、
ブラウザが逝っちゃうんじゃないかな。
予想だけどね・・・
253 名前： 249 投稿日： 2001/06/23(土) 23:08: ＞ 39
ありがとう。6.01は落ちないんだね、やっぱり。

それと、手前の方で確認したところ、
a: active { position: relative; ～; }
の指定のみで落ちました。N6.1PRで。たぶんMozilla0.9でも同様でしょう。
254 名前： 249 投稿日： 2001/06/23(土) 23:09: どうでもいいのですが、敬語が混じってしまいました。
255 名前： Name_Not_Found 投稿日： 2001/06/23(土) 23:24: position: relativeはMacIE5だと死ぬから使わない方が良いと思うよ。
relativeでレイアウトしてあるとこだと一発で崩れるし。
256 名前： Name_Not_Found 投稿日： 2001/06/23(土) 23:37: >>253
いつの頃からか、ダイナミック疑似クラスでpositionの値を変更すると落ちるようになったよ。いつまで経っても修正されないので非常に鬱。

あらかじめ
a { position: relative; }
と書いておけば大丈夫なんだけどね。
257 名前： Name_Not_Found 投稿日： 2001/06/23(土) 23:40: >>255
そうなの？
http://www.zspc.com/documents/css2/#display
を見ると大丈夫そうなんだけど・・・
258 名前： 249=253 投稿日： 2001/06/23(土) 23:50: >>256
ホントだ、試してみたら落ちなかったよ。サソクス。
これでひとつ賢くなった。
259 名前： Name_Not_Found 投稿日： 2001/06/23(土) 23:59: >>257
position: relativeの値が、そのまま子要素にまで継承されちゃう場合があるの。
relativeでleft:200pxを指定したブロックレベル要素があるとすると、
そのブロックレベル要素が本来の位置から左に200px移動（ここまでは正しい）、
そしてその子要素がさらに200px左に移動するといったような事になります。

きちんと確認した訳じゃないんだけど、確かこんな感じだったと思う。
260 名前： Name_Not_Found 投稿日： 2001/06/24(日) 01:11: BODYに設定したCSSは、テーブルの中には反映されないんでしたっけ・・？
ネスケだけ？
261 名前： Name_Not_Found 投稿日： 2001/06/24(日) 14:33: 属性によるんじゃ、、、
262 名前： Name_Not_Found 投稿日： 2001/06/24(日) 16:39: >>257
に関連して。
それじゃあ、relativeでポジショニングした要素の子要素を、
relativeなりabsoluteなりでさらにポジショニングした場合はどうなるんだろ。
実際やってるからちと不安。

マカーの方レポートきぼん。
263 名前： 260 投稿日： 2001/06/24(日) 22:05: 追記。
＞BODYに設定したCSSは、テーブルの中には反映されないんでしたっけ・・？
font-sizeやline-height、colorなどのテキストに関する属性です。

テーブル内の文字には反映されないとなると、
テーブルを利用してレイアウトする時は
いちいちclass="**"って書かなきゃいけなくなっちゃいますよねぇ・・・
264 名前： Name_Not_Found 投稿日： 2001/06/24(日) 23:22: >>262
そのケースだと、子要素が200pxずれた位置から計算されるはず。
子要素にrelativeでleft:-200pxとすれば元の場所に戻るけど、
MacIE5以外のブラウザだと当然おかしくなるね。
absoluteを使った場合はちょっとわからない。

サンプル出してくれれば職場のﾏｸで確認するよ？

>>263
body,td,th { foo:bar }
これじゃダメなの？
265 名前： 262 投稿日： 2001/06/25(月) 00:29: レス指定間違ってた。>>257→>>259だ。

>>264
relative > relative は駄目なのね。
自分がやってるのは relative > absolute で、
簡単にするとこんな感じ↓

div { width: 300px; height: 100px;
position: relative; top: 100px; left: 100px;
border: 1px solid black;
}

li { list-style: none;
width: 100px;
border: 1px solid black;
}

#aaa { position: absolute; top: 0; left: 0; }
#bbb { position: absolute; top: 0; right: 0; }
#ccc { position: absolute; bottom: 0; left: 0; }
#ddd { position: absolute; bottom: 0; right: 0; }

<div>

<ul>
<li id="aaa">AAA</li>
<li id="bbb">BBB</li>
<li id="ccc">CCC</li>
<li id="ddd">DDD</li>
</ul>

</div>

<div>の四隅に<li>を配置するサンプルね。IDテキトースマソ。
もし良かったらこいつで確認してやっておくんなまし。
absolute なら大丈夫のような気もするんだけど。
266 名前： Name_Not_Found 投稿日： 2001/06/25(月) 00:51: 突然ですがインラインフレームのスクロールバーに
色を着けたいのですが、可能なのでしょうか？

<STYLE type="text/css">

</STYLE>

と指定してもなんにも反映されません。
ブラウザはIE5.5です。
267 名前： Name_Not_Found 投稿日： 2001/06/25(月) 01:47: >>266
iframeには効かないよ。
268 名前： Name_Not_Found 投稿日： 2001/06/25(月) 01:55: >>266
インラインフレームで読みこむ先のHTML文書でスタイル指定したらいいんじゃない？
269 名前： Name_Not_Found 投稿日： 2001/06/25(月) 02:06: そう。インラインフレームののスクロールバーは、
その中に表示するページのスクロールバー。
そのページが自分のページじゃないなら諦めなされ
270 名前： Name_Not_Found 投稿日： 2001/06/25(月) 02:07: 「の」がかぶった。氏んできます。
271 名前： 266 投稿日： 2001/06/25(月) 08:16: >>267-270
ははぁ。なるほどIFRAMEには効きませんか。
ありがとうございました、色々模索してみます。
272 名前： 259 投稿日： 2001/06/25(月) 12:52: 259の補足。
position:relativeを適用させたブロックの:first-childは正常な位置に表示されて、
:second-child（こんなの無いけど）からずれるみたい。

>>262
relative>absoluteなら大丈夫でした。
ただ、divの中にul以外の要素が入っていた場合ずれる危険性あるかもですね。
273 名前： 262 投稿日： 2001/06/26(火) 00:18: >>272=259
ああ、ありがとう。これで取り敢えずは一安心。

対策を取るなら、relative配置した要素の子供は、長男以外全部absolute配置、かな？
でもそう多くないマカーのためにそこまで面倒見切れないかも。

埋もれてるのでage
274 名前： Name_Not_Found 投稿日： 2001/06/26(火) 11:44: {css : age;}
275 名前： Name_Not_Found 投稿日： 2001/06/26(火) 11:54: { thread-position: age; }

のほうがよくないか(w
276 名前： Name_Not_Found 投稿日： 2001/06/26(火) 11:59: CSS、スタイルシート質問用スレッド【 3 】 { thread-position: age; }
277 名前： Name_Not_Found 投稿日： 2001/06/26(火) 12:03: >>275
{ feeling-style : do-i }
278 名前： Name_Not_Found 投稿日： 2001/06/26(火) 13:06: border-style : double

これって、winでは完全未対応？
ボーダーの形状を変えるのは結構使えそうなのになぁ
279 名前： Name_Not_Found 投稿日： 2001/06/26(火) 13:14: >>278
ウチ二重線に見えてるけど・・・
WinME + IE5.5
280 名前： Name_Not_Found 投稿日： 2001/06/26(火) 13:30: >>278
Win IE5.5 と NN6.01 ではちゃんと見えるよ．
もし 1 本にしか見えない，ということなら，border-width の値を大きくすると
見えるようになると思う．
281 名前： Name_Not_Found 投稿日： 2001/06/26(火) 14:17: >>279-280

ちゃんと指定してるのになんにも反映されない俺のパソコンは逝ってよしですか？
というか、ブラウザがいつからかおかしくなったんだよなぁ。。
あぁ、そうだ、思えばIE6をノリで入れて良くないからアンインストールした辺りから
おかしくなり始めたんだ・・・
282 名前： Name_Not_Found 投稿日： 2001/06/26(火) 14:20: あ、やっぱり出来ました。
border : solid 1px;
これを省いたら出来ました。
これはあっちゃいけないんですか？
283 名前： 名無しさん@MZ-2000 投稿日： 2001/06/26(火) 14:24: ちっとは自分の頭で考えようよ…
solid ってなにの指定かわかる?
284 名前： 280 投稿日： 2001/06/26(火) 14:25: >>282
えーと，どうできないんでしょう？280 に書いたように 1 本にしか見えないのなら，
それは 1px という指定のせいだから，それを 4px とかにすればいいはず．
border: double; の時の border-width は線の太さでなくて線の間隔．
285 名前： 284=282 投稿日： 2001/06/26(火) 14:26: >>283
あ…そんなところにも罠が…．救いがたい．
286 名前： 285 投稿日： 2001/06/26(火) 14:29: しかも名前間違えてるし…285=284=280 ね．最悪だ…．
というわけで，気を取り直して，
>>282
solid と px のコンボによって意図した結果になってない，ということでしょう．
287 名前： 名無しさん@MZ-2000 投稿日： 2001/06/26(火) 14:29: >>284
わたしは逆に 1px のほうには気づいてなかった(w
border: solid 1px;
border-style: double;
の順に指定したら double 1px になるもんねぇ。
288 名前： Name_Not_Found 投稿日： 2001/06/26(火) 16:31: 「solid」って、「ソリッド」って読むんですよね、
「剃りっど」っていつも頭がよぎるのは僕だけですか？
289 名前： Name_Not_Found 投稿日： 2001/06/27(水) 02:35: 板浄化age
290 名前： ↑ 投稿日： 2001/06/27(水) 02:42: いや、sageたら意味無いだろ。
291 名前： Name_Not_Found 投稿日： 2001/06/27(水) 03:01: スタイルシートって使ったこと無いんですけど
やろうと思えばHTMLで全部出来ちゃう事ばっかりなんですか？
CSSでしかできないことって有ります？
292 名前： Name_Not_Found 投稿日： 2001/06/27(水) 03:04: >>291
例えばフォントサイズを印刷用に指定するとか。
例えばリンクの下線を消すとか。（w

色々あるよん
293 名前： Name_Not_Found 投稿日： 2001/06/27(水) 03:05: >>291
HTMLだけじゃできないことがいっぱいあるよ。
294 名前： Name_Not_Found 投稿日： 2001/06/27(水) 03:19: CSSを作れスレでも見てくれば判るんじゃないの？

それから、HTMLで出来ることでもCSSでやるべき。
敷居は低いんだからどんどん挑戦すれ
295 名前： Name_Not_Found 投稿日： 2001/06/27(水) 03:27: そうそう。基本的なHTMLが分かれば、ある程度のページなんていくらでも作れるんだし。
そこからページに少しずつCSS入れていって、W3Cの基準に近づけていく（w

ページ全部見直そうかな。無駄な記述が多すぎるし。
296 名前： Name_Not_Found 投稿日： 2001/06/27(水) 06:28: dtとddを改行しないで横に並べるにはどうしたらいいでしょう。
ddにposition:relativeかmarginをマイナスに適用するくらいしか思いつかないんです
297 名前： Name_Not_Found 投稿日： 2001/06/27(水) 08:43: >>296
compact属性。
ただし↑は非推奨属性。
それがいやなら、>>296のやり方。
298 名前： Name_Not_Found 投稿日： 2001/06/27(水) 09:11: >>296
CSS2 的には、dt{ display:compact; } じゃなかったっけ？
あるいは display:run-in; とか。
299 名前： Name_Not_Found 投稿日： 2001/06/27(水) 09:19: tableのcellpadding, cellspacing をCSSで実現するにはどうしたらいいですか?
300 名前： Name_Not_Found 投稿日： 2001/06/27(水) 09:51: <div>をfloat使って配置し、
marginとpaddingで調節。
301 名前： Name_Not_Found 投稿日： 2001/06/27(水) 09:54: >>294さん。（じゃなくてもいいけれど）

<span style="color:#00ff00;">緑色になります</span>

つまり文字色ひとつ変えるのも上記のようにした方がいいんですか？
あと、「<span」の部分ですが「<font」でも結果自体は同じなのに
「<font」が非推奨なのは何故ですか？
ただw3cで定められているという理由だけですか？
302 名前： Name_Not_Found 投稿日： 2001/06/27(水) 09:55: 「<span」と「<div」の違いってあるんですか？
303 名前： Name_Not_Found 投稿日： 2001/06/27(水) 10:00: >>301
おそらく既出だが…、
何故文字色を変える必要があるのか。
強調ならemとかstrongにstyleを設定してやればよい。
HTMLは文書の論理構造をあらわすものだから、文字色を変えたいから
変えるんだというのにはそぐわない。
よってfontもだめだがspan style="colorも同じくらいだめ。
304 名前： Name_Not_Found 投稿日： 2001/06/27(水) 10:08: >>303
じゃ、何だったらいいんですか？
305 名前： 名無しさん@MZ-2000 投稿日： 2001/06/27(水) 10:14: つか、このスレの23-61あたりを読むべし
306 名前： Name_Not_Found 投稿日： 2001/06/27(水) 10:19: >>302
インライン要素か、ブロック要素か。が一番かな？
307 名前： Name_Not_Found 投稿日： 2001/06/27(水) 10:45: >>306
つまり、適用範囲の違いですよね？
308 名前： Name_Not_Found 投稿日： 2001/06/27(水) 10:47: >>20-70
これをクリックすればその部分だけ見れる・・・と。
309 名前： Name_Not_Found 投稿日： 2001/06/27(水) 10:51: >>307
7.5.3 Block-level and inline elements
Certain HTML elements that may appear in BODY are said to be "block-level" while others are "inline" (also known as "text level"). The distinction is founded on several notions:

http://www.w3.org/TR/html4/struct/global.html#h-7.5.3
310 名前： Name_Not_Found 投稿日： 2001/06/27(水) 10:56: >>303-304
ただカラフルにしたい、って人も中には居るだろうから、
そんな人には span でも font でも自由に使って呉れってウチのサイトじゃ言ってるよ。
font 使うときは DOCTYPE 宣言に気をつけろってのは注意してるけど。

とりあえず、基本的な論理マークアップが出来てれば、
物理マークアップだろうか CSS だろうが自由にしろって感じで。

ちなみに span にも使い方はあると思う。
例えば、目立たないようにする時とか。つまり強調の反対。
311 名前： Name_Not_Found 投稿日： 2001/06/27(水) 10:59: >>303

以前の論議を読みました。

つまり、htmlを書くときにマークアップをする「動機」が大切なんですね。
「動機」が。

今俺は良い事いったかもな。
312 名前： Name_Not_Found 投稿日： 2001/06/27(水) 11:04: ｵ､ｵﾚﾉﾑﾈﾄﾞｷﾄﾞｷｼﾃﾙﾖ･･･(;´Д｀)

動悸。
313 名前： Name_Not_Found 投稿日： 2001/06/27(水) 16:29: 先ほど>>312がおかしな事を言った。
314 名前： Name_Not_Found 投稿日： 2001/06/27(水) 20:17: 312晒し下げ
315 名前： Name_Not_Found 投稿日： 2001/06/27(水) 22:23: CSSにCGIが吐き出した変数を入れることは可能でしょうか？

例えば、「$color$」という変数があって、
body { background: #ffffff }
の、「#ffffff」の変わりに「$color$」を使いたいのです。

よろしくお願いします。
316 名前： Name_Not_Found 投稿日： 2001/06/27(水) 22:33: 入れれば？で終了なんですが・・・・
317 名前： Name_Not_Found 投稿日： 2001/06/27(水) 22:44: >>315
とりあえず、perlでも学んでくれ。
318 名前： Name_Not_Found 投稿日： 2001/06/28(木) 00:07: ほいさー
319 名前： Name_Not_Found 投稿日： 2001/06/28(木) 01:34: >>297さん、>>298さん、どうも。
CSS2って細かくて難しいなあ。
んで
> CSS2 的には、dt{ display:compact; } じゃなかったっけ？
> あるいは display:run-in; とか。
これ試してみたんですけどMozillaでもIE5.01sp2でも変わらないよう。
対応してないのかな・・・。

参考にしたのはココ
ttp://east.portland.ne.jp/~sigekazu/css/css1css2.htm
320 名前： Name_Not_Found 投稿日： 2001/06/28(木) 02:01: >>315
CGIでCSSを出力すればいいだけの話では？？

あと「HTMLは文章の論理構造をあらわすものだから」とか
言ってるひとがいるけど、現実的に、既存のブラウザで
表示させるものだということを考慮すれば、ありえない話。

ここ叩いてください→
　http://www.sfc.keio.ac.jp/~t01298hk/
　http://www.sfc.keio.ac.jp/~t01298hk/infoclass/
321 名前： Name_Not_Found 投稿日： 2001/06/28(木) 02:17: >>320
「論理構造を記述しただけでは表示してくれないブラウザ」
ってのがあれば、たしかにありえない話だけど、ありえない前提で
ありえない話とかいってみるのは、遠吠え。

>ここ叩いてください→

自分でやれば？
322 名前：採点投稿日： 2001/06/28(木) 02:18: >>320
＞現実的に、既存のブラウザで
＞表示させるものだということを考慮すれば、ありえない話。

「何が」ありえないのかはっきりさせましょう。
HTMLを語る前に先ず日本語。よって32点。
323 名前： Name_Not_Found 投稿日： 2001/06/28(木) 02:20: いつもFONT size="2"とか書いてますが
みる人が自由に表示を大きくしたりできて、
環境によってはみづらいとかの結果にならないようなのは
スタイルシートではどう書けばいいの？
324 名前： Name_Not_Found 投稿日： 2001/06/28(木) 02:22: >>323
font-size:?em
font-size:?ex
font-size:?%
325 名前： Name_Not_Found 投稿日： 2001/06/28(木) 03:05: >>320

>現実的に、既存のブラウザで
>表示させるものだということを考慮すれば、ありえない話。

私は文書中の見出しから目次のリストを生成する処理を行っていますが、それでもHTMLで論理構造は表され得ませんか？
326 名前： Name_Not_Found 投稿日： 2001/06/28(木) 03:14: つまらんネタを掘り返すな
327 名前： Name_Not_Found 投稿日： 2001/06/28(木) 04:18: Netscape と Internet Explorer、どっちでもうまく表示されるHTMLファイル
を書くにはある程度論理構造無視しないとやれなくない？？

Internet Explorer の最新版のみに対応させればいいんなら、
論理構造きっちりとさせたの書けるけどね。まともなソース書いた
ことないくせに大きな口叩くなよｗ
328 名前： Name_Not_Found 投稿日： 2001/06/28(木) 04:37: >>327
具体例を明示してみれ
329 名前： Name_Not_Found 投稿日： 2001/06/28(木) 06:23: 「どっちでもうまく表示される」って何だよ。
同じに見えるって事か？

どっちにしろ
＞まともなソース書いた
＞ことないくせに大きな口叩くなよｗ
なんて言ってる時点でおこちゃま決定だな。
330 名前： Name_Not_Found 投稿日： 2001/06/28(木) 06:35: >>327
たしかに、特定ブラウザのCSS実装の問題と、HTMLにおける論理構造の是非の
違いも判らない馬鹿には自分の文章の論理構造も見分けられないはずだ。
331 名前： 煽り♪ 投稿日： 2001/06/28(木) 07:45: >>327
＞Netscape と Internet Explorer、どっちでもうまく表示されるHTMLファイル
＞を書くにはある程度論理構造無視しないとやれなくない？？
やれるが何か？

＞Internet Explorer の最新版のみに対応させればいいんなら、
＞論理構造きっちりとさせたの書けるけどね。
自分のスキル不足を自慢してるのかな？

＞まともなソース書いたことないくせに大きな口叩くなよｗ
　　 ∧＿∧　　／￣￣￣￣￣
　　（　´∀｀）＜　omaegana-
　　（　　　　）　＼＿＿＿＿＿
　　｜｜　|
　　（_＿）＿）
332 名前： Name_Not_Found 投稿日： 2001/06/28(木) 08:00: >>331
煽りと言っているけど、まったく持って普通だと思うぞ。

論理構造を無視するのは、仕事がおっつかないからだっちゅーねん！！！
333 名前： Name_Not_Found 投稿日： 2001/06/28(木) 08:22: >>332
だから軽い感じを出そうと思って♪を付けたのに・・・鬱
334 名前： Name_Not_Found 投稿日： 2001/06/28(木) 09:13: >>317
あーでも、perl じゃサーバによっては出来ないかも。
例えばニフだと、普通（？）のデータとCGIのディレクトリはそれぞれ独立してるし。

CSSを書き出してそれを読み込ませるようにしても、
CGIディレクトリに書き出されたファイルはHTMLから読み出せないってこと。

でも、
<link rel="stylesheet" type="text/css" href="http://hoge/main.cgi">
で呼び出せるなら或は…どうなんだろ？
試してみるか…
335 名前： Name_Not_Found 投稿日： 2001/06/28(木) 10:15: >>315
cgi板行った方が早いと思うけど、
たぶん、cssというか、htmlの中には変数使えないと思う。
普通にcgiの中でhtml生成すればいいんじゃ、、、。
336 名前： 名無しさん@MZ-2000 投稿日： 2001/06/28(木) 13:02: >>334
Content-Type: text/css を吐き出せば問題なくできるはず。
337 名前： Name_Not_Found 投稿日： 2001/06/28(木) 13:21: cssじゃないですが質問です。
th、ってもしかして勝手にセルの中身がセンタリングされるんですか？
っていうかセンタリングされてるんですが、これってかなり不便なんですが、わざわざ左寄りに戻さなければならないですよね。
338 名前： Name_Not_Found 投稿日： 2001/06/28(木) 13:29: >>337
th要素はTable Headerの意味で別にセンタリングするための要素じゃない。
ボールドでセンタリングされて見えるのはブラウザの仕様であってHTMLのせいじゃない。
故にCSS。

th {
text-align:left;
font-weight:normal;
}
こんな感じでいかが。
339 名前： Name_Not_Found 投稿日： 2001/06/28(木) 13:30: >>336

#! /usr/bin/perl

$color = "#ffffff";

print "Content-Type: text/css\n";
print "\n";
print "body { background:$color; }";

こんな感じですな。
340 名前： Name_Not_Found 投稿日： 2001/06/28(木) 13:52: >>338
thでボールドになるのは見出しだから納得するけど、
センタリングになるのはちょとおかしいよね。
ブラウザの仕様と行ってもIEでもNNでも勝手にセンタリングされるのは腑に落ちないです。
結局はCSSで定義するしかないんですね。
341 名前： Name_Not_Found 投稿日： 2001/06/28(木) 14:17: 今、テーブルの中に画像を配置して、スタイルシートで左にマージンを
50pxとりたいと思ってclassを適用してるのですが、うまくいきません。
cssの宣言文は問題ありませんのでclassの設定がおかしいのか？と思います。
それで、以下がその設定なんですけど、どこがおかしいのかお時間のある人
教えてください。
css
.gazou { margin-left: 50px}
適用先html
<table>
<td><span class="gazou"><img src="gazou.jpg"></span></td>
</table>

って感じです。どこか変でしょうか？すいません、教えてください。
342 名前： 234 投稿日： 2001/06/28(木) 14:24