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: >>341
SPAN じゃなくて P とかにしてみ。
343 名前： 342 投稿日： 2001/06/28(木) 14:25: >>342
P がイヤなら DIV も可。つーか DIV の方がいいのかね？
344 名前： Name_Not_Found 投稿日： 2001/06/28(木) 14:26: >>341
<SPAN>はとっちゃって、<img src="gazou.jpg" class="gazou">
にしたら？試してないんで何とも言えないけど。
345 名前： 341 投稿日： 2001/06/28(木) 14:39: みなさん、さっそくのご教授ありがとうございます。
やってみたら、342.343.344のどの方法でもできました。
ありがとうございます！
いままで、spanに任せてたらどうにかなるだろって思ってたんです
けど、どうにもならないときが来ましたね。って、なに書いてんだか。
でも、どうしてspanじゃだめだったんでしょう？
明確な理由はあるんでしょうか？　皆さんも臨機応変でいろいろ試して
作ってるんですか？　とにかく、ありがとうございました。
346 名前： Name_Not_Found 投稿日： 2001/06/28(木) 14:40: >>345
インライン要素にマージンは指定できなかったと思う。
347 名前： Name_Not_Found 投稿日： 2001/06/28(木) 14:41: インライン要素にmarginとかって設定できないんだっけ?
348 名前： Name_Not_Found 投稿日： 2001/06/28(木) 14:54: できると思うが．
<p>文章<span style="margin: 3em;">あけてみた</span>あいたはず</p>
上下はあいてないけど．
349 名前： Name_Not_Found 投稿日： 2001/06/28(木) 14:55: クソッ、IE5.5に騙された。
em { margin : 0px 0.5em; }
なんてやってたよ。ごめんなさいごめんなさい
350 名前： 349 投稿日： 2001/06/28(木) 15:03: >>348
本当だ、Netscape6でもできたよ。
でもインライン要素にマージンっておかしいような気もする…。
351 名前： 348 投稿日： 2001/06/28(木) 15:16: >>345
なぜうまくいかないかはよくわからないが，とりあえず
「画像のマージンを設定する」という目的から考えると
img にスタイルを適用するのが自然な考えだと思うがいかが？

ちなみに（言うまでもないことかもしれないが）348 の例は WinNN4.75 では
見るに耐えない結果になる．
352 名前： 341 投稿日： 2001/06/28(木) 15:32: 341です。その節はお世話になりました。それで、さきほど（>>341）
マージンの設定をした画像の右側に説明文を書こうとして更にcssのほうに
gazou { margin-left: 50px; vertical-align:top }
という形で書き足したんですが、ひととおり説明文を書き込んでも
その文章が画像の上にそろってません。あきらかに下のほうにへばり
ついてるかたちです。
念のためtopをbottomに変えてもみましたが同じ症状でした。
なぜでしょう？タグ辞典を見ると「ブラウザのサポート状況次第では
正しく表示されません」と書いてあるんですが、そのせいでしょうか？
僕はwindows2000でIE5つかってます。おひまな方、教えてください。
すみません、聞いてばかりで。
353 名前： Name_Not_Found 投稿日： 2001/06/28(木) 15:36: <meta http-equiv="Content-Style-Type" content="text/css">

CSSを使う時は必ず↑を入れておかねければならないんですか？
354 名前： 341 投稿日： 2001/06/28(木) 15:37: あっ、352に書いたCSSのなかのtopの前にはちゃんとスペース入れてます。
355 名前： Name_Not_Found 投稿日： 2001/06/28(木) 15:44: >>366>>399
なるほど、それで出来たよ。

だがCSSをわざわざCGIで出力するのは何か意味があるのだろうか。
いくつかのCSSをデータとして先に用意しておいて、
管理人がブラウザ上からデザインを変更するとかいうのなら…

面倒くさがらずに href 属性の値を書き換えてFTPでアップしろと思うが（ｗ

>>350
強調要素の前後の空きを少し多くすることによって見やすくする、って手もあると思うよ。
356 名前： Name_Not_Found 投稿日： 2001/06/28(木) 15:44: すいません。質問です。
<input type='button' value='******'～>でボタン生成すると、valueで
指定された文字数によってボタンの幅が決定されてしまいますが、
このボタンの幅を特定のサイズに収める技ってありますか？
357 名前： Name_Not_Found 投稿日： 2001/06/28(木) 15:45: >>355
一行目は>>336と>>339の間違いだ（;´Д｀
358 名前： 356 投稿日： 2001/06/28(木) 15:50: すいません。追加条件として、NNでもIEでもちゃんと揃うようにしたいん
ですけど、スタイルシートのwidthだとNNで上手く行きませんでした。
359 名前： Name_Not_Found 投稿日： 2001/06/28(木) 15:50: >>352
その画像と、説明文が入っている"セル"にclassなりidなりを設定して
そこに vertical-align:top を設定しろ。
360 名前： Name_Not_Found 投稿日： 2001/06/28(木) 15:58: >>358
NNてなに？
361 名前： Name_Not_Found 投稿日： 2001/06/28(木) 16:03: Ninternet Ninja
362 名前： Name_Not_Found 投稿日： 2001/06/28(木) 16:11: >>353
http://openlab.ring.gr.jp/k16/htmllint/explain.html#content-xxxx-type

とりあえず、スタイルシートに CSS を使うんなら text/css って書いておけってことだ。
363 名前： 341 投稿日： 2001/06/28(木) 16:18: >>359
教えていただいて申し訳ないんですが、できません。
新しくclass { vertical-align: top }を宣言して、例の画像が
入ってるテーブルのセル（<td>タグ）のなかに設定したんですが
ピクリとも動きません。下揃えのまま。ソースを見ると、例の画像と
文章がpタグで囲まれてて（画像のマージン設定に使ったため>>341）、それが
原因かとも考えたんですがさっぱりわかりません。
どうにかならないでしょうか？　お願いします。
364 名前： Name_Not_Found 投稿日： 2001/06/28(木) 17:09: >>363
だから>>343が<div>がいいっていってるじゃない。
365 名前： Name_Not_Found 投稿日： 2001/06/28(木) 17:19: >>363
td に指定ではなく，img に指定すればいいだけだと思うけど．
<table>
<tr><td>
<div>
<p>
<img style="vertical-align: top;" src="pic.png">
</p>
</div>
</td></tr>
</table>

<p> があろうとなかろうと，<div> があろうとなかろうと，全部同じ．
366 名前： Name_Not_Found 投稿日： 2001/06/28(木) 17:19: >>363
ゴメン、出来ないね。

じゃぁ、スタイル指定はこう↓
.gazou{margin-left:50px;height:200px;width:200px;}
.a{vertical-align:top;}
で、テーブルの中身はこう↓
<td>
<p>
<img class="gazou" src="aaa.png" alt=""><span class="a">説明文</span>
</p>
</td>
ならどう？
367 名前： Name_Not_Found 投稿日： 2001/06/28(木) 17:44: vertical-alignだと説明文が長くなって自動改行された時、
次の行が画像の下から始まってしまう。
これはスマートと言えないよな？

floatを使うというのは考えつかなかったのだろうか？
こっちの方が363のイメージにより近くできるような気がするんだが。
あくまで個人的な考えだが、vertical-alignよりもfloatの方が制御は簡単だろうし。

<style type="text/css">
img.gazou{
margin-left: 50px;
height: 200px;
width:200px;
float:left;
}
</style>

<table>
<th>
<td>
<p>
<img class="gazou" src="aaa.png" alt="">説明文説明文説明文説明文</p>
</td>
</th>
</table>

あ、floatさせるときはwidthを明示するようにね。
368 名前： Name_Not_Found 投稿日： 2001/06/28(木) 17:45: Netscape との互換性を気にするんなら、<p>なんか使わずに、
<div>を使ったほうがいい。論理構造なんてどうでもいいんだよ。
369 名前： 341 投稿日： 2001/06/28(木) 18:00: 何度も何度もお世話になっています。341です。
365さんのやり方をやってみたらうまくいきましたが、
366さんのやり方だと失敗してしまいました。（すいません）。
vertical-alignの設定はどうやら画像に対してするものらしいです。
この数時間、このスレッドをほぼ独占するようなまねをしてしまい
ましたが、さすがにこれだけ恥をかくといくらか今まで教わったことは
まんま頭に入ってしまいました。ありがとうございます。
一つのことをやるにもいろんな方法があるようで、これからは自分と
そのときそのときの状況にあったやり方を考えていきたいです。
本当に皆さん、ありがとうございました。感謝してます。
じゃ、がんばりますんで皆さんもがんばってください。
お世話になりました～。
370 名前： 341 投稿日： 2001/06/28(木) 18:08: あっ、floatっていうのも便利そうですね。どうも。
371 名前： Name_Not_Found 投稿日： 2001/06/28(木) 18:16: >>338
気になったので．
>ボールドでセンタリングされて見えるのはブラウザの仕様であってHTMLのせいじゃない。
少なくとも，センタリングされるほうについては，
http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/tables.html#alignment
などによれば th はデフォルトでそうなる，と書いてある．
つまり，aling=center が th の初期値なのだから，むしろセンタリングされるのが
正しいと思う．ボールドについてはブラウザ依存．
372 名前： Name_Not_Found 投稿日： 2001/06/28(木) 18:23: >>367, 370
float だと NN4 あたりで悲惨な結果になると思うが…．
多分それがテーブルレイアウトがなくならない最大の理由かと．
（いや，NN4 があるということがもっと根源的な理由だが．）
373 名前： Name_Not_Found 投稿日： 2001/06/28(木) 18:30: >>369
一番手っ取り早いのは、画像と説明文のセルを分けることさ。
374 名前： 341 投稿日： 2001/06/28(木) 18:59: >>373
やっぱりそうですか。それがいやでこれまでやってきたんですが、画像に
トップマージンを入れたらますますややこしくなって（説明文が画像より
上に飛び出る）、やっぱりテーブル組もうかなって気になってきました。
へタレですね、すいません。
375 名前： Name_Not_Found 投稿日： 2001/06/28(木) 21:17: <ul id="main">
　<li>メイン１</li>
　<li>メイン２
　　<ul id="sub">
　　　<li>サブ１</li>
　　　<li>サブ２</li>
　　　<li>サブ３</li>
　</li>
　<li>メイン３</li>
</ul>

これを、

--
メイン１メイン２メイン３
サブ１サブ２サブ３
--

と表示させたいんですが、
入れ子（id="sub"）のない状態だと、

ul#main li {display: inline }で

--
メイン１メイン２メイン３
--

となってくれるのですが、
ここから後がわかりません。
あきらめて ul id="sub" を外に出すしかないでしょうか？
アドバイス、お願いします。
376 名前： Name_Not_Found 投稿日： 2001/06/28(木) 21:52: >>375
試してないけど，ul#main li ul#sub li
とかなんとか，とにかく子孫セレクタを使えばできそうな気がしなくもない．
が，それより何より，
>メイン１メイン２メイン３
>サブ１サブ２サブ３
という項目を見せられるとメイン，サブの関係がわかりづらいと思うのだけど．
377 名前： Name_Not_Found 投稿日： 2001/06/28(木) 22:20: >>375
#main{ position:relative }
#main li{ display:inline }
#sub{ position:absolute ; top:hoge ; left:hoge }

とかは？
試してないけど。
378 名前： Name_Not_Found 投稿日： 2001/06/29(金) 01:25: >>376-375
ありがとうございます。もう少し思考錯誤してみます。

>>376
一応メニュー項目になるんですけど、
一行目がメインメニューで二行目が例えば「メイン2」以下の
サブメニューになるんです。（Apple.co.jpみたいな感覚）
それで、CSS切った状態では入れ子リストとして表示出来ればなと思って。
379 名前： Name_Not_Found 投稿日： 2001/06/29(金) 01:42: <div id="main">メイン
<div id="sub1">サブ１</div>
<div id="sub2">サブ２</div>
</div>
って感じでメインの中にサブを作りたいのですが
relativeでメイン、サブ１，２を指定するとメインが下方向に間延びしちゃうのですが
absolute使うしか回避方法はないのですか？

サブ１の下がサブ２です。
┏━━━━━━━━┓　　┏━━━━━━━━┓
┃　　┌────┐┃　　┃　　┌────┐┃
┃　┌│サブ１　│┃　　┃　┌│サブ１　│┃
┃　│└────┘┃　　┃　│└────┘┃
┃　└────┘　┃　　┃　└────┘　┃
┗━━━━━━━━┛　　┃　　　　　　　　┃←実際にはココがサブ２の領域？なので余ってしまう。　　　　　　　　　　　　┗━━━━━━━━┛
380 名前： 379 投稿日： 2001/06/29(金) 01:45: ずれた、鬱氏だ。

┏━━━━━━━━┓　　┏━━━━━━━━┓
┃　　┌────┐　┃　　┃　　┌────┐　┃
┃ ┌│サブ　　　│　┃　　┃　┌│サブ　　　│　┃
┃ │└────┘　┃　　┃　│└────┘ ┃
┃ └────┘　　 ┃　　┃　└────┘　　┃
┗━━━━━━━━┛　　┃　　　　　　　　　　　 ┃←実際にはココがサブ２の領域？なので余ってしまう。
　　　　　　　　　　　　　　　　┗━━━━━━━━┛
381 名前： Name_Not_Found 投稿日： 2001/06/29(金) 02:07: ↑

むぎ茶の新しい署名かと思った
382 名前： Name_Not_Found 投稿日： 2001/06/29(金) 02:46: >>380
sub2を
margin-top:-XXXpx;
で上に寄せたら？
383 名前： Name_Not_Found 投稿日： 2001/06/29(金) 03:43: ポジショニング目的でmarginプロパティ使うのは良くないっていうけど、
実際どうなんだろうね。
384 名前： Name_Not_Found 投稿日： 2001/06/29(金) 04:23: フォームの設定でテキストエリアのサイズ指定をピクセル単位で
できないかな？送信とかのボタン文字サイズも小さくしたいんだけど。
385 名前： Name_Not_Found 投稿日： 2001/06/29(金) 04:47: >>384
できるはずだが、かなり不便になると思われ
386 名前： Name_Not_Found 投稿日： 2001/06/29(金) 05:27: >>372
話とは関係無いが float の挙動は IE5 と Mozilla でも違う。
例えば

<div>
<p><img></p>
<p>hogehogehoge</p>
</div>

こう言う風に画像…例えば縦に 400px の画像を置いたとして、
その画像 (正確には img の外側の p ) に float:left って指定する。
そして、画像の右側に１行分の文 (仮に 12px とする) を置くようにするじゃない。

そうすると、IE5 では div 要素の縦の大きさは 400px かそれ以上だけど、
Mozzila では div 要素の縦の大きさが 12px ( p 要素の前後改行除く ) になってしまう。

つまり、一言で言えば Mozilla では画像が div 要素の下に、はみ出ちゃうわけさ。
これはどちらが正しいのか解らないが、clear:left (both) を指定した p 要素を、
<p>hogehogehoge</p> の下に置くことで回避出来るけど、これはスマートじゃない。

どうしたものか。
387 名前： まじれす。 投稿日： 2001/06/29(金) 06:57: >>375
どうしてもそうしたいんなら止めんが、マークアップからして間違ってないか？
サブを作りたいんなら↓だろ。
<dl>
　<dt>メイン１</dt>
　<dt>メイン２</dt>
　　<dd><ul>
　　　<li>サブ１</li>
　　　<li>サブ２</li>
　　　<li>サブ３</li>
　　</ul></dd>
　<dt>メイン３</dt>
</dl>
その上でレイアウトを考えた方が。
# そりゃ、確かにこっちの方が余計めんどくさいことになりそうだけど・・・

>>386
img要素はインラインなのだから、line-height分の高さしか取らないのが正解と思われ。
＞http://www.w3.org/TR/REC-CSS2/visudet.html#line-height
# img要素自体にheightが指定してあっても、やはり同様と思う。

div要素の縦幅を決めたいのなら、他の要素に左右させずにdiv要素自体にheightを指定すればいい。
ま、またIEの勝手な解釈の一つと捕らえておくべきだろうな。
388 名前： 375 投稿日： 2001/06/29(金) 07:08: >>387
マークアップから既に間違ってます？
よろしかったらどう間違ってるか説明していただきたいのですが。

●メイン１
●メイン２
　　○サブ１
　　○サブ２
　　○サブ３
●メイン３

というメニューは間違ってないと思うのですが。
生意気言ってすみませんが、ご意見をお聞かせください。
389 名前： Name_Not_Found 投稿日： 2001/06/29(金) 07:29: >>387
ぐあ、そうなのか…うーむ。
だが直感的なのは IE の仕様なんだよな…
あと、画像を文字と同じ扱いにするのなら画像の縦幅横幅それぞれを 1em とし、
line-height:1.5em で画像の縦幅が 400px なら、行間は 200px
…って風にしたほうがよさげだと思うんだよな。
390 名前： Name_Not_Found 投稿日： 2001/06/29(金) 07:48: >>388
間違いって程じゃないよ。

メイン２と、そのサブとの関係を明示する形で
マークアップしてあるのが>>387。

メニューリストだから、ulでマークアップするのは正しいんだけど、
在る1つの要素（この場合メイン１）と、
1つまたは複数の要素（この場合サブ１～3）の関係を明示する時、
htmlでは定義型リストを使う以外ないから、グレーゾーンてとこだと思う。

つーか他の人の意見も聞いてみたいage
391 名前：　投稿日： 2001/06/29(金) 08:04: CSSがテーブルタグの代わりになるって本当？
正直フォント辺りしかいじれないものだという認識しかなかったので
非常に驚いたんですが、結構難しそうですね…。
なんか参考書とか購入した方がいいんでしょうか。
392 名前： Name_Not_Found 投稿日： 2001/06/29(金) 08:34: >>391
正確に言うと、今まで（本来は表に用いられるべき）テーブルで
Web ページを無理やりレイアウトしていたのが、
そうする必要がなくなる、ということ。
HTML では文書の論理構造だけ記述し、その見栄えはすべて
スタイルシートで調整する、というのが今の Web の流れです。

CSS は Web だけでもそこそこ勉強できるよ。
もし書籍を買いたいなら次のものがオススメ。

・岡蔵龍一「HTML & スタイルシート辞典」（秀和システム）
・すみけんたろう「スタイルシート Web デザイン」（技術評論社）
・神崎正英「ユニバーサル HTML / XHTML」（毎日コミュニケーションズ）
393 名前： Name_Not_Found 投稿日： 2001/06/29(金) 09:43: >>391
http://natto.2ch.net/test/read.cgi?bbs=hp&key=991906104

ここを見るがいい。
394 名前： Name_Not_Found 投稿日： 2001/06/29(金) 10:28: >>393
禿げしくドウイ。
395 名前： Name_Not_Found 投稿日： 2001/06/29(金) 11:26: 質問ですが
<TABLE cellspacing=0>
をCSSで記述するにはどうしたらよいのでしょう？
また、テーブルを画面中央に表示するのに
<div align="center">
<table></tabe>
</div>
と記述していますが、これでいいのでしょうか？
396 名前： Name_Not_Found 投稿日： 2001/06/29(金) 11:32: スタイルシートってダサいデザインしか作れないね。
397 名前： 338 投稿日： 2001/06/29(金) 11:33: >>371
サンクス。表見出しをセンタリングするということは見栄え以前に
マークアップとして意味がある、ということか。
398 名前： Name_Not_Found 投稿日： 2001/06/29(金) 11:55: >>395
セル間の余白だったら td とか th に margin を指定すれば良いかも。
＃自信なし

テーブルを中央寄せってならそれでも構わないよ。
Strict な HTML の場合はスタイルシートを使うことになるけど。
CSS なら左右マージンを auto にするのが正しい書式。

table {margin-left:auto; margin-right:auto}

一括指定ならこんな感じ。

table {margin:auto}　/* 上下左右のマージンを全て均等にする（多分） */
table {margin:1em auto}　/* 上下マージンを文字１つ分空けて、左右マージンを均等に */
table {margin:1em auto 1em auto}　/* やってることは一つ上と一緒 */
399 名前： Name_Not_Found 投稿日： 2001/06/29(金) 12:04: http://www32.tok2.com/home/css/clip/css/9.html
この赤い◎はどうやって表示してるんですか？
400 名前： Name_Not_Found 投稿日： 2001/06/29(金) 12:16: >>399
関係ないがそのページ、Mozilla で見ると表示崩れるんだが。
// 内容は伝わる

…2001032319 なんて古いバージョン使ってるからか？
401 名前： Name_Not_Found 投稿日： 2001/06/29(金) 12:21: >>399
<p class="title"><span id="maru">◎</span><span id="contents" lang="en">CONTENTS</span></p>

p.title
{
letter-spacing :0.7em;
background-color :black;
margin-top :0em;
}

#maru
{
font-size :300%;
color :red;
position :relative;
left :2em;
}

#contents
{
font :italic bold 150%/100% 'Courier New',serif;
position :relative;
left :-2em;
top :-0.5em;
}

これ見て自分で勉強してくれ。
402 名前： Name_Not_Found 投稿日： 2001/06/29(金) 12:37: >>395
border-collapse, border-spacing あたりのプロパティを適用．
http://www.fan.gr.jp/~kaz/rec-css2/tables.html#propdef-border-collapse
しかし，ブラウザの実装状況は遅れている．
http://www.zspc.com/documents/css2/index.html#table
ということで，素直に cell-spacing を使うほうが（現段階では）無難．
テーブルのセンタリングは，strict でなければ単純に
<table align="center"> でいい．strict なら >>398 さんの方法で．
しかしこの方法も WinIE5 などでは未実装．
403 名前： Name_Not_Found 投稿日： 2001/06/29(金) 12:54: >>402
マージンによるセンタリングが未実装の場合、>>395に加えてこうやるといい。
ってか俺はこうやってる。

<div class="main">
<table>
中略
</table>
</div>

.main {text-align:center}

もちろん、UA の実装が整ってきたら text-align によるブロックの位置揃えは止めるように。
404 名前： Name_Not_Found 投稿日： 2001/06/29(金) 12:55: >>400
作ったの私ですが、IE5.5～ Only の縦書き(writing-mode:tb-rl;)を使っていますので。
Mozilla()
405 名前： Name_Not_Found 投稿日： 2001/06/29(金) 12:56: >>404
＃途中で書きこみしてしまったので、続き。

Mozilla(N6)でちゃんと表示されないのは承知の上です。
あそこはそういう実験的なことが許される場なので。
406 名前： Name_Not_Found 投稿日： 2001/06/29(金) 12:57: 関係ないけど、今日初めて outsider からスタイルシート取っ払った状態を見たよ…
んーむ、なんか感動した（ｗ
407 名前： Name_Not_Found 投稿日： 2001/06/29(金) 12:59: >>405
あーいや、解ってやってるのなら良いです。
元々ケチをつける為に言ったんじゃないので。

ではでは。
408 名前： 402 投稿日： 2001/06/29(金) 13:33: >>403
正しい実装としては text-align: center では table はセンタリングされないはず．
http://www2u.biglobe.ne.jp/~zashiki/css-make/t-a/
センタリングしてしまう IE5 はこの件については正しくないらしい．
409 名前： 403 投稿日： 2001/06/29(金) 13:39: >>408
はうっ、

＞もちろん、UA の実装が整ってきたら text-align によるブロックの位置揃えは止めるように。

とはそのことを意味してましたが解りづらかったようですね。
一応、次のように訂正しときます。

-----
UA のマージンによる位置揃えが整ってきたら、text-align によるブロックの位置揃えは止めるように。
元々 text-align はインライン要素の位置揃えに使用されるものであるから。
-----

なんか妙に説明的になっちまった…
410 名前： Name_Not_Found 投稿日： 2001/06/29(金) 13:47: <ul>
<li>名前
<li>住所
<li>電話
</ul>
<img src="#">

リストの横に画像を持ってきたいのですが、
こういう場合すぐテーブルを使って全体を囲んでしまうんですが
CSSだと簡単に出来るんですか？
411 名前： 402=408 投稿日： 2001/06/29(金) 13:50: >>409
あ，「実装が整ってきたら」って書いてあった．こちらこそすまない．
多分，過渡期は margin: auto と text-align: center を併用という
ことなんだと思うけど，正しい実装をしている N6 や Mozilla なんかだと，
text-align: center のためにテーブルの中身がセンタリングされて，
正しいのに「うわ？なんでだー？」とかいうことになりそうなので．
412 名前： Name_Not_Found 投稿日： 2001/06/29(金) 14:02: http://www.htmlhelp.com/
ここって有名ですか？
413 名前： Name_Not_Found 投稿日： 2001/06/29(金) 14:02: http://www.htmlhelp.com/ja/
414 名前： Name_Not_Found 投稿日： 2001/06/29(金) 14:03: >>410
はて？普通にhtmlに書くと
・名前
・住所
・電話
┌──┐
│画像│
└──┘

こうなりますが、410さんの期待するレンダリング結果は
こうですか？
・名前 ┌──┐
・住所 │画像│
・電話 └──┘
415 名前： Name_Not_Found 投稿日： 2001/06/29(金) 14:05: >>410
ul{float: left;}
これだけ．
416 名前： Name_Not_Found 投稿日： 2001/06/29(金) 14:14: それとも list-style-image のことだろうか。
417 名前： Name_Not_Found 投稿日： 2001/06/29(金) 14:15: >>414-415
ありがとうございました。
418 名前： Name_Not_Found 投稿日： 2001/06/29(金) 14:17: >>411
そういうときは子要素に text-align:left で解決。
419 名前： Name_Not_Found 投稿日： 2001/06/29(金) 14:20: clearで解除しない限りその下に続く文字とかは全部右側（画像の下に）表示されるんですか？
420 名前： Name_Not_Found 投稿日： 2001/06/29(金) 14:22: 訂正：画像の右側に表示されるんですか？
　　　　　　~~~~~
421 名前： Name_Not_Found 投稿日： 2001/06/29(金) 14:34: >>419
------ テキス
|画像| とはこ
------ んな具
合に表示されます．
422 名前： Name_Not_Found 投稿日： 2001/06/29(金) 14:50: >>421
ご丁寧にありがとうございました。
じゃ、その下の要素で
#fff{clear:left}
-----------------
<p id="fff">
にすればいいんですね。
423 名前： Name_Not_Found 投稿日： 2001/06/29(金) 15:07: >>415
float指定する時はwidthも指定せねばなりませぬ。
http://www.fan.gr.jp/~kaz/rec-css2/visuren.html#floats
424 名前： 395 投稿日： 2001/06/29(金) 15:20: >>398
>>402
>>403
返答ありがとうございます。
表をテーブルで作る際にセルのボーダーの間隔をなくしたくてcellspacing=0を
入れようとしたのですが、cellspacingをCSSでどう記述したらよいのかわか
らなくて困っているのです。
border-spacingを使えばいいと睨んでいたのですが、IE５に対応していないとは･･･
知らずに何度もテストしてしまいました。ははは。

http://www.zspc.com/documents/css2/index.html#table
この表みたいに細い罫線をCSSで書くにはどうしたらいいのか引き続き教えていた
だけませんか。お願いします。

センタリングについてはありがとうございました。
425 名前： Name_Not_Found 投稿日： 2001/06/29(金) 15:25: どうしてみなさんフォントサイズの指定にemを使うんですか？
pxはダメですか？
426 名前： Name_Not_Found 投稿日： 2001/06/29(金) 15:26: px指定だと見づらいと思ったときに大きさ変えられないでしょ。
emとか%なら相対的な大きさなんで問題ないのです。
427 名前： 415 投稿日： 2001/06/29(金) 15:35: >>423
うぉっと，本当だ．ありがと．
428 名前： Name_Not_Found 投稿日： 2001/06/29(金) 15:36: 基本を10ptにして、あとはパーセンテージで拡大してるけど、ダメなのか？

10ptで見にくい環境＆人って1%にも満たないだろ。さすがに1%を下回れば、
そういう集団は考慮しなくていいと考えるべきじゃないか？

相対指定だと、ページの印象がかなり変わって、内容を改変してるような
もんだよ。相対指定信者は馬鹿だろ。6ptとか7ptに絶対指定するやつと
いい勝負だよ。
429 名前： Name_Not_Found 投稿日： 2001/06/29(金) 15:41: 文字の大きさに関してもっといろんな意見聞きたいです。
一体どの単位でどのくらいの値を入れればいいのか知りたいです。
430 名前： Name_Not_Found 投稿日： 2001/06/29(金) 15:45: >>428
パーセンテージで拡大ってどういう事ですか？
僕は13pxにしてるんですが、10ptとほとんど同じ大きさでした。
431 名前： Name_Not_Found 投稿日： 2001/06/29(金) 15:46: 基本10ptなら問題ないんじゃないの？？相対指定だと、IEの場合、
「小」と「中」の差が大きすぎる。基本10ptでも見えないひとは、
自分のスタイルシートを使う設定にすればいい。
432 名前： Name_Not_Found 投稿日： 2001/06/29(金) 15:47: >>424
table{border-collapse:collapse;}
じゃだめ?

>>428
まあ9pt以上(12px以上)あればまあ見にくいってこともないだろうが、
相対指定できるなら相対指定しておくに越したことはないんじゃない?
433 名前： Name_Not_Found 投稿日： 2001/06/29(金) 16:02: >>432
んま、「相対指定信者」っていうのは相対指定が絶対であると、思ってる
ようなひとのことだから、気にしないで。というかIEの大中小っていうのは
あっちのアルファベットを基準にしてあるんだよね・・・たぶん。

日本語だと、読みやすい大きさが10pt(13px)なのに、IEでそれに対応する
のはうちの環境だと「小」なんだけど、多くのひとがそうなんじゃない？？
434 名前： Name_Not_Found 投稿日： 2001/06/29(金) 16:27: 10ptが見やすいと言ってる方は、解像度どれくらいで見てます？
435 名前： Name_Not_Found 投稿日： 2001/06/29(金) 16:48: >>434
ディスプレイのサイズも聞いとけ。
436 名前： Name_Not_Found 投稿日： 2001/06/29(金) 16:57: 10ptは小さい
11ptが最適
437 名前： Name_Not_Found 投稿日： 2001/06/29(金) 17:09: １７インチ、1024×768
438 名前： Name_Not_Found 投稿日： 2001/06/29(金) 17:11: っていうかポイントって解像度変わったら大きさ変わるっけ？
439 名前： 432 投稿日： 2001/06/29(金) 17:14: Winユーザで解像度の設定をデフォルトの96dpi以外にしてる奴は
ほとんどいないんじゃないか?

96dpiだと
09.0pt = 12px
10.5pt = 14px
12.0pt = 16px
となる。

10ptは隙間の開いた12pxフォント、
11ptは隙間の開いた14pxフォントになるからいまいち美しくないような。

うちの場合、設定上は96dpiってことになってるけど
実際の解像度は測ってみたら82dpi相当だった。
17インチディスプレイをXGAで利用してる。
俺は標準の12pt=16pxが一番見やすいと思ってるよ。
秀丸やBeckyは1画面の情報量を増やしたいので9pt=12pxに設定してるが。
440 名前： Name_Not_Found 投稿日： 2001/06/29(金) 17:14: >>438
ホントなら変わるべきではないが、現実には変わる。
441 名前： Name_Not_Found 投稿日： 2001/06/29(金) 17:22: >>439
ブラウザ何よ？

11ptの場合、NetscapeNavigator4.xとMozilla、IEで結果が違う。
確かにMozillaとIEの場合言うとおりになるけど、
NetscapeNavigator4.xの場合フォント自体が10.5ptより大きくなる。
442 名前： 439 投稿日： 2001/06/29(金) 17:44: IE5.01SP2。
443 名前：　　投稿日： 2001/06/29(金) 18:19: うわ、ウチいまだIE4.0なんだけど
フォントサイズは9PT使用してます…コレ小さいですか？
あれでも自分には大きい方だと思うんだけど、
やっぱり10使った方がいいかな～。
しかし日本語表記をどうしても小さくしたくなるのはなぜなんだろう…。
444 名前： 439 投稿日： 2001/06/29(金) 18:23: だから9ptと10ptじゃピクセルサイズ変わらないから意味無いって>>443
変えるなら10.5pt以上な。
445 名前： Name_Not_Found 投稿日： 2001/06/29(金) 18:29: 15インチユーザーにつらいサイトが増えてます。（；´д｀）
446 名前： Name_Not_Found 投稿日： 2001/06/29(金) 18:33: 俺14インチ… いじめだっ。
447 名前： Name_Not_Found 投稿日： 2001/06/29(金) 18:51: 俺は19
けど640x480でもなんとかなるようには作ってます
448 名前： Name_Not_Found 投稿日： 2001/06/29(金) 20:03: すいません、CSS導入したらあるページとかある部分だけ文字化けが常時起こる
のですがこれって改善方法ありますでしょうか？
一応メタ部分にcharset=Shift_JISとか書いてるのですが･･･
毎回ブラウザで文字コード変換は来訪者に失礼なので困ってます。
よろしくお願います。
449 名前： Name_Not_Found 投稿日： 2001/06/29(金) 20:15: >>448
エンコード方法変えて直るんならCSSが原因ではないのでは。
CSSのせいで文字化けっつったらfont-familyで英文フォントだけを
指定してるとかだなぁ。Winは平気だけどMacのNNがダメだった気が。
450 名前： 448 投稿日： 2001/06/29(金) 20:32: >>449さん
御返答どうもです。うーん、何が原因なんだろう･･･全ページじゃないのが･･･
font-familyの指定は
font-family: "Times New Roman", Times, serif;
font-family: "Comic Sans MS", Times, serif;
こんな感じなんですけど。ちなみにIE5.0で見てます。
451 名前： 親の威を借りる狐 投稿日： 2001/06/29(金) 20:39: >>450
FTPソフトは何つかってんの？
452 名前： Name_Not_Found 投稿日： 2001/06/29(金) 20:44: >>450
それ、日本語部分に指定したら化けるでしょ
453 名前： Name_Not_Found 投稿日： 2001/06/29(金) 20:49: テキストの縦方向のセンタリングってどうやるんでしょうか。
td valign="middle" みたいなのを順不同リストで使いたいのです。
454 名前： 親の威を借りる狐 投稿日： 2001/06/29(金) 20:51: >>452
いや、普通は化けないよ、serif っていうのが適用されるから。
Times は "Times" にしといたほうがいいかも？？
あんま文字化けとは関係ないけどね。

FTPソフトの文字コード自動変換機能とかが災いしてない？？
455 名前： 親の威を借りる狐 投稿日： 2001/06/29(金) 20:52: >>453
td{ vertical-align: middle;}

だったような？？プロパティ名はあってるだろうけど、
middleかどうかはしらん。
456 名前： Name_Not_Found 投稿日： 2001/06/29(金) 21:05: >>455
すみません、出来ませんでした…もうちょっと調べてみます。
457 名前： 親の威を借りる狐 投稿日： 2001/06/29(金) 21:16: ん？調べてみたら、>>455でいいみたいだよ？？
458 名前： Name_Not_Found 投稿日： 2001/06/29(金) 21:22: テーブルの中じゃないんじゃないの？
例えばdivの中で縦センタリングしたいとか
459 名前： Name_Not_Found 投稿日： 2001/06/29(金) 21:26: 順不同リストって書いてるベ。
li か。
460 名前： Name_Not_Found 投稿日： 2001/06/29(金) 21:27: アホか。
ul だな。
461 名前： Name_Not_Found 投稿日： 2001/06/29(金) 21:28: ついつい途中送信してしまった。
んで>>453の言いたいことは、ul 中の li の文を縦センタリングしたいってことだな。

悪い、俺にも解らん。
462 名前： Name_Not_Found 投稿日： 2001/06/29(金) 21:34: いや、serifが化けるっていう不具合の話じゃないの？
463 名前： 親の威を借りる狐 投稿日： 2001/06/29(金) 21:39: 順不同リストは使ったことないから、テーブルで順不同リスト
つくりたいのかと思った、ごめんごめん。
464 名前： 親の威を借りる狐 投稿日： 2001/06/29(金) 21:39: <p style="vertical-align: middle;"></p>で包めば？
465 名前： Name_Not_Found 投稿日： 2001/06/29(金) 21:43: >>462
いや、それはまた別ノ話だろ。
466 名前： 450 投稿日： 2001/06/29(金) 22:15: レス頂いておきながら遅くなってすいません。
FTPソフトはFFFTPです。
あるページはある部分だけ化け、あるページは問題なく、あるページは全化け･･･
指定は同じなだけに不思議です。
<p>とか<tabale>の中身が化けやすいとかあるのかなぁ･･･未だ解明出来ません。
467 名前： 親の威を借りる狐 投稿日： 2001/06/29(金) 22:35: もちろん<meta>タグで正しい文字コード指定してるんだよね？？
どんなふうなHTMLなのか、タグとCSSだけでいいから、抜き出して、
カキコしてみれば原因がわかるかもね。
468 名前： 450 投稿日： 2001/06/29(金) 22:55: CSSです
body {
font-family: "Times New Roman", Times, serif;
font-size: 12px;
color: #6A5ACD;
background-color: #FFFFFF
}
h1 {
font-family: "Times New Roman", Times, serif;
font-style: italic;
color: #99FFFF;
background-color: #FFFFFF;
font-size: 60px;
text-align: center
}
#rogo {
font-family: "Times New Roman", Times, serif;
color: #6A5ACD;
background-color: transparent;
font-size: 10px;
position: relative;
top: -30px
}
h2 {
font-family: "Times New Roman", Times, serif;
font-style: italic;
color: #6A5ACD;
background-color: transparent;
font-size: 40px;
border-left: solid 4em;
border-left-color: #6A5ACD;
border-bottom: solid 2px;
border-bottom-color: #6A5ACD;
text-align: right
}
469 名前： 450 投稿日： 2001/06/29(金) 22:58: 続き1です
h3 {
font-family: "Times New Roman", Times, serif;
color: #6A5ACD;
background-color: #CCFFFF;
font-size: 15px;
border-top: solid 2px;
border-bottom: solid 2px;
padding: 0.1em
}
h3#midasi1 {
border-top-color: #99FFFF;
border-bottom-color: #99FFFF
}
h4 {
font-family: "Comic Sans MS", Times, serif;
color: #FF99CC;
background-color: #FFF3FF;
font-size: 20px;
border-top: solid 2px;
border-bottom: solid 2px;
padding: 0.1em
}
h4#midasi1 {
border-top-color: #EBBAFA;
border-bottom-color: #EBBAFA
}
table {
font-family: "Comic Sans MS", Times, serif;
font-size: 12px;
color: #6A5ACD;
background-color: transparent
}
table#menu1 { float:left }
th, td {
paddin: 1em
}
caption {
color: #6A5ACD;
background-color: #CCFFFF;
font-size: 12px
}
p {
color: #6A5ACD;
background-color: #FFFFFF
}
470 名前： 450 投稿日： 2001/06/29(金) 22:59: CSS最後です
p#kousin1 {
width: 215px;
height: 60px;
border: none;
overflow: auto;
float: right
}
p#kousin2 {
width: 215px;
height: 60px;
border: none;
overflow: hidden;
float: right
}
em {
color: #6A5ACD;
background-color: #CCFFFF;
font-style: normal
}
A {
text-decoration: none
}
a:link {
color: #FFCCCC;
background-color: transparent
}
a:visited {
color: #6A5ACD;
background-color: transparent
}
a:active {
color: #FF99CC;
background-color: #FFCCCC
}
a:hover {
color: #6A5ACD;
background-color: #CCFFFF
471 名前： Name_Not_Found 投稿日： 2001/06/29(金) 23:01: tableやhrのセンタリングなら{align:center}で良い。
これでIEもネスケもセンタリングされる。
間違っているみたいだけどね。
472 名前： 450 投稿日： 2001/06/29(金) 23:02: HTMLのメタ部分
<meta http-equiv="Content-Style-Type" content="test/html;
charset=Shift_JIS">
<meta name="author" content="○">
<meta name="description" content="○○○">
<link rel="stylesheet" href="○○○.css" type="○○○/css">

なんか長くなって荒らしみたいになっちゃいました･･･すいません。
473 名前： Name_Not_Found 投稿日： 2001/06/29(金) 23:04: 「Shift_JISで書いてるつもりが実はShift_JISではなかった」というオチとか。
エディタの文字コードとFFFTPの文字コード変換の設定は確認した？
474 名前： 親の威を借りる狐 投稿日： 2001/06/29(金) 23:08: >>472
type="text/css"だから○○○にする必要ないね。
あと、p#koushin1っていう指定はおかしくない？？
#koushin1っていうのは id を意味するからさ。

っていうかラチが開かないから、君のＨＰのアドレス教えてよ。
t01298hk@sfc.keio.ac.jp へどうぞ。ま、めんどかったらいいけど。
475 名前： 450 投稿日： 2001/06/29(金) 23:15: うーん、何もいじらず普通にWinのメモ帳で書いてたのですが･･･
FFFTPの文字コード変換という項目見つからないです･･･
CSSに手を出すの早かったかな。
よく見てみると日本語の所が文字化けする可能性が圧倒的に高いです。
でも全く化けてないページもあるし･･･謎過ぎる･･･
476 名前： 375 投稿日： 2001/06/29(金) 23:18: >>375です。レス多いですね・・・。

>>390
なるほど。参考になります。
なんか「間違い」連発してお恥ずかしいです。
とりあえず僕は入れ子リストでいってみるつもりです。

とりあえず報告しておくと、positionを緻密に設定すれば、
ある程度、僕が思い描いていたような表示が可能でした。
ただ細かいところが他のUAで実現できるのか自信がありません。

それより、ul li {display: inline}とすると、
リスト項目１　リスト項目２　リスト項目３
というふうにリストマーク（「・」など）が消えて並んでしまうんですが（Win IE5.5/ N6）、
これ（リストマークが消える事）は正しい表現（動作）なんでしょうか？
477 名前： Name_Not_Found 投稿日： 2001/06/29(金) 23:32: >>476
CSS使ってると色んな条件下で消える。
ul { margin: 0; }とか。
リストマークはテキストではないから、
それが表示されるスペースを削っちゃうと消えるんじゃない？

あとN6だと、li要素をポジショニングしても消える。
478 名前： Name_Not_Found 投稿日： 2001/06/29(金) 23:41: >>474
tってことは環境情報？
大学のアドレス晒すとは度胸あるな
479 名前：萌枝投稿日： 2001/06/29(金) 23:43: >>476
display: list-item じゃなくなるからね。
480 名前： Name_Not_Found 投稿日： 2001/06/29(金) 23:51: >>450
font-familyで英文フォントを指定してるからなのでは？
481 名前： Name_Not_Found 投稿日： 2001/06/30(土) 00:07: IE5.0とかって、フォント関係がまだ不完全じゃない？
482 名前： 450 投稿日： 2001/06/30(土) 00:57: >>474さん
さすがにそこまでご迷惑おかけする訳にはいきません。お気持ちだけ受け取らせて頂きます。
FTPのチェックはしましたが問題ありませんでした。
うーん、全部表示出来ないわけじゃないのでfont-familyではないと思います。

何かHTMLのタグで問題が発生する可能性がないとすると>>481さんの説もありですかね･･･
もうちょっと色々頑張ってみます。
483 名前： Name_Not_Found 投稿日： 2001/06/30(土) 01:02: >>482
>>474の人が言いたいのは、
ここで断片的な情報をもとにあれこれ対処法を考えるよりも
実物を見た方がずっと回答しやすくて簡単だ、
ということだと思うんだけど。
484 名前： Name_Not_Found 投稿日： 2001/06/30(土) 01:16: >>482
メタ部分の
<meta http-equiv="Content-Style-Type" content="test/html; charset=Shift_JIS">
は、
<meta http-equiv="Content-Type" content="test/html; charset=Shift_JIS">
の間違いじゃないの？　関係ないか。
485 名前： 484 投稿日： 2001/06/30(土) 01:18: おい、よく見たら『 test/html; 』ってなってるぞ･･･。
486 名前： Name_Not_Found 投稿日： 2001/06/30(土) 01:40: テストかい（ｗ
487 名前： Name_Not_Found 投稿日： 2001/06/30(土) 02:06: font-family が問題かどうなのか，なんてのは，
body と h1 に指定しているのをとりあえず消して，
h1 に日本語を使ってみて，化けるか化けないかを確認すれば
わかりそうなもんだけど…．
確認すべき手順は
1. css を使わなければ本当に化けないか？→html や content-type の書き間違いの検証
2. ローカルとアップしたもので見え方が違うか？→FTP の問題の検証
3. 一ヶ所ずつ，しかも一つずつスタイルを適用していって化けないか？→問題の場所の切り分け
特に body に適用なんて最後までしない，問題が切り分けにくくなる
と，こういう手順でどうかな？
488 名前： Name_Not_Found 投稿日： 2001/06/30(土) 02:13: <table><tr>
<td>[A]</td>
<td>hoeghogehoge</td>
<td>[B]</td>
</tr></table>

と言う場合、[A]と[B]の高さは
hogehogehoge
の文章量（改行？）によって調節されますよね？
これと同じことを行いたいのですが…

<div style="height : 1em;">
<div style="height : 100%;float : left;">[A]</div>
<div style="float : left;">hogehogehoge</div>
<div style="height : 100%;float : left;"></div>
</div>

こんな感じでやったらIE5ではOKでしたがNN6でダメでした。
489 名前： Name_Not_Found 投稿日： 2001/06/30(土) 03:08: >>488
いまいち状況がわからないんだけど，一番わからないのは
<div style="height : 1em;">
なんで？上の table の高さを 1em に固定したいわけじゃないよね？
あと，どういう出力を期待して，IE5 で OK で NN6 じゃダメなの？
[A] とかいうのは画像とか？それともそういう文字そのもの？
自分の環境で試してみたいのだが，どういうものを期待しているのかがわからないと…．
偉そうに聞こえたらごめん．
490 名前： 488 投稿日： 2001/06/30(土) 08:45: いえ、わざわざすいません。これは、

<td bgcolor="#xxxxxx"></td>
<td>hogehoge</td>
<td bgcolor="#xxxxxx"></td>

XXXX hoge XXXX
XXXX hoge XXXX
XXXX hoge XXXX

というような感じで、左右のセルそのものの高さをhogehogeに合わせたいのです。

<div style="height : 1em;">
<div style="height : 100%;float : left;background-color : #xxxxxx"></div>
<div style="float : left;">hogehoge</div>
<div style="height : 100%;float : left;background-color : #xxxxxx"></div>
</div>

1emは、正しく無いとは思いつつ、IEでは入れる事によってうまくいったもので…。
491 名前： 450 投稿日： 2001/06/30(土) 11:24: 親切にアドバイスしてくださった皆さん御迷惑をおかけしました。
>>487さんのを3-2-1とやっていったら治りました。
厨房以下の俺をお許しください。
原因はメタタグだった可能性が高いです･･･
492 名前： Name_Not_Found 投稿日： 2001/06/30(土) 13:49: A:hover,A:active{
text-decoration : underline;
text-decoration: overline;

color: #～;}

これっておかしいですか？
493 名前： 488=490 投稿日： 2001/06/30(土) 13:56: あ、すいません、付け足します。
hogehogeの左右は違う色にしたいのです。
494 名前： Name_Not_Found 投稿日： 2001/06/30(土) 15:23: >>492
おかしくはないが，もし「上下に線を引く」ことを期待しているのなら
text-decoration{overline underline} と書かないとダメだと思う．
もとのままでは overline しか引かれないはず．
>>493
左右を違う色にするのは単に background-color の色を変えるだけだから，問題は…．
中央の要素の高さがあらかじめわかれば（>>490 の例では 3em）各 div に
height: 3em を設定するだけだけど，高さは変わるんだよね，多分．
だとすると無理のような気がするけど．
495 名前： Name_Not_Found 投稿日： 2001/06/30(土) 15:54: >>494
A:hover,A:active{
text-decoration: underline overline line-through ;color: #FF0000
}
出来ました♥。
496 名前： Name_Not_Found 投稿日： 2001/06/30(土) 16:27: CSSに必要なもの。
～以上と～以下を指定する単位…
例えば、幅は 500px 以上って指定すると、
500px よりは小さくならないがブラウザに合わせて幅が変わる。

そんなのがあれば良いな～
497 名前： Name_Not_Found 投稿日： 2001/06/30(土) 16:33: >>496
CSS2にはmin-width/max-widthというのがありますよ。
それぞれ最小幅、最大幅の指定。
498 名前： 497 投稿日： 2001/06/30(土) 16:33: さげてしまった・・
あげ
499 名前： 39 投稿日： 2001/06/30(土) 16:35: >>488
一例として。
<div style="width:115px">
<div style="height:100%;float:left;background-color:#FFFFFF">xxxxxx<br>xxxxxx<br>xxxxxx</div>
<div style="height:100%;float:right;background-color:#F0F0F0">xxxxxx<br>xxxxxx<br>xxxxxx</div>
<div>hoge<br>hoge<br>hoge</div>
</div>
500 名前： Name_Not_Found 投稿日： 2001/06/30(土) 17:05: >>497
おおっ、それは見逃していた。
調べてみるよ。
501 名前： Name_Not_Found 投稿日： 2001/06/30(土) 17:24: >>500
WinIEは6から対応だったような。
502 名前： Name_Not_Found 投稿日： 2001/06/30(土) 17:27: body { background:url(～/a.gif) repeat-y;
background:url(～/a.gif) repeat-x;
　　　　　background-color : Black;
}

こんな事って可能ですか？
教えて君でスマソ。
503 名前： Name_Not_Found 投稿日： 2001/06/30(土) 17:31: あ、しまった。
>>494
ありがとうございました。出来ました！！
504 名前： 497 投稿日： 2001/06/30(土) 17:51: >>502
ひとつのセレクタにはひとつの背景しか指定できません。
私も、複数指定できたら便利と思うんだけどな……
505 名前： Name_Not_Found 投稿日： 2001/06/30(土) 18:23: >>504
つまりそれって、現在は（たぶん）わざわざフレームをわけて、上や下に
背景固定してるのを簡略化できるって奴ですよね。
もしできたらの話ですが、。
506 名前： Name_Not_Found 投稿日： 2001/06/30(土) 18:25: >>502
#top{height: ??px; background: #000 url() repeat-x}
#main{background: url() repeat-y}
<body>
<div id="top">一番上（背景が repeat-x のところ）のテキスト</div>
<div id="main">メインのところ（背景が repeat-y のところ）のテキスト</div>
</body>
とかやれば，大体のことはできるはず．>>157- のスレッドも見るといいかも．
507 名前： Name_Not_Found 投稿日： 2001/06/30(土) 18:28: >>502
一つのページにBackgroundImageを2つ以上使うってレス、前あったような気がする。
それの応用ではできないかな？
508 名前： 502 投稿日： 2001/06/30(土) 19:02: あぁ、いっぱいレスして頂いてありがとうございます。
今本を片手に頑張っております。
できたら報告します。
509 名前： Name_Not_Found 投稿日： 2001/06/30(土) 21:17: 画面右端のスクロールバーの色を変えるのはどうすればいいですか？
510 名前： 親の威を借りる狐 投稿日： 2001/06/30(土) 21:21: スクロールバーの色変えてるサイトあるけど、ユーザーによって
ウィンドウの色が違うことを考えてんのかな。ま、もうすこしたてば、
ウィンドウの色とかも自由に操作できるプロパティができそうだけど。
511 名前： >>509 投稿日： 2001/06/30(土) 21:46: 「スクロールバー色変更」→google
→http://www.google.com/search?q=%83X%83N%83%8D%81%5B%83%8B%83o%81%5B+%90F+%95%CF%8DX&hl=ja&lr=lang_ja
512 名前： Name_Not_Found 投稿日： 2001/06/30(土) 22:35: スクロールバーの色を変えられるとなんかビミョーに不快。
513 名前： Name_Not_Found 投稿日： 2001/06/30(土) 22:41: >>510
うち色変えてますが、
あなたのウィンドウの色何色なんですか？
514 名前： Name_Not_Found 投稿日： 2001/06/30(土) 23:25: ＞スクロールバー
ページデザインに合わせた色指定なら（バーがページに溶け込んでいれば）問題ない。
と、思う。
515 名前： Name_Not_Found 投稿日： 2001/06/30(土) 23:36: >>513
510ではないけど、標準は灰色だと思うぞ。
漏れは普段の見なれた色のバーを操作するほうが良いけど、
514の言う事は間違っていない。
516 名前： Name_Not_Founde 投稿日： 2001/06/30(土) 23:36: 

<nolayer><![if ! gte IE 5]>IE4<![endif]></nolayer>
<comment>Netscape</comment>
こんな感じにすれば、スクリプトやcgiを使わずに
スタイルを振り分けることができるんだけど、
あんまり知名度が無いのかな？
517 名前： 488 投稿日： 2001/06/30(土) 23:38: >>494 >>499
ご回答ありがとうございます。
うーん、中央の要素には長文が入って、
サイズとかも固定ではないので
高さがわからないんですよね…
>>499さんのを参考にやってみて、
無理なようなら素直にtable使います…
518 名前： 497 投稿日： 2001/07/01(日) 00:51: >>516
SGML・XMLの規則とか考えると、不正にならないのかなぁ。
よく知らないんだけどそれが心配で、まだ使う気になれないっす。
519 名前： Name_Not_Found 投稿日： 2001/07/01(日) 02:06: >>516
それってIEの独自拡張機能でしょ。
私も使う気にはなれないよ。
520 名前： Name_Not_Found 投稿日： 2001/07/01(日) 02:12: ホイサー、質問。というかちょっと意見を聞きたいのですが、
<p>や<dd>、<ul>とかってブラウザが勝手にマージン取りますよね。
その辺のマージン値を特にいじるつもりがない場合、
CSSでデフォルト値、または近似値を指定しますか？
dd { margin-left: **px; } など（デフォルト値知りません）。

やっておくに越したことはないと思うんですけど、
つい忘れちゃうというか、まあいいか、というか。
521 名前： Name_Not_Found 投稿日： 2001/07/01(日) 04:17: たとえば、 P.iro{background-color:rgb(216,216,0);}（別途cssファイル）
で背景色を指定したら、Windows版IE5では正しい色で表示されるのに、
Macintosh版IE5ではなぜか黒色になってしまうようです。
これはMacintosh版IE5のバグなんでしょうか。それとも記述の仕方がマズいのでしょうか。
今は取り敢えず、仕方なく #CC0 という色指定にしています。
522 名前： Name_Not_Found 投稿日： 2001/07/01(日) 04:32: なんでわざわざその形式で指定したいの？
0～Fで事足りそうなもんだけど。
523 名前： ちょこら 投稿日： 2001/07/01(日) 04:46: >>518-519
いや、いいんじゃない？確かにIEの独自仕様だけど、
それを解釈できないUAにとってはただのコメントだから何の問題もないはず。
いつもへっぽこなM$にしては、これはなかなかいいやり方だと思う。

4つ目のヤツも解釈できないタグは無視するはずだから問題ないと思う。
3つ目のヤツは<nolayer>の内側がコメントになってないから問題あるかも。
ただの書き間違い？詳しくないのでわからないです。ごめん。

っていうかまとめてくれてありがとう>>516
524 名前： Name_Not_Found 投稿日： 2001/07/01(日) 04:54: なるほど。必要性が出てきたら使ってみよう。
525 名前： 497 投稿日： 2001/07/01(日) 05:31: >>523
確かによく見たらIE5と6のは正当な注釈宣言ですな。
変なツッコミ御免。
526 名前： Name_Not_Found 投稿日： 2001/07/01(日) 06:30: >>520
俺は特に指定はしない。
するのであれば em を使う。
見出しや段落は 1em だな。

左右マージンは適当。
auto でも良いけど。
527 名前： Name_Not_Found 投稿日： 2001/07/01(日) 12:06: 質問いいですか。
div{width:400px;} などとしても、
<div>の中を英語でスペースを空けずに書くと
どこまで行っても改行されないのですが、なぜでしょうか？
528 名前： Name_Not_Found 投稿日： 2001/07/01(日) 12:21: >>527
半角英数字は改行されません。
529 名前： Name_Not_Found 投稿日： 2001/07/01(日) 12:28: >>527
連続した半角英数字は、どこで区切ればいいかブラウザが判断できないんだよ。
だから改行できない。
途中にハイフンとかがあればそこで改行されるけど。
でも、普通は単語と単語の間にスペース入れるよね？
530 名前： 527 投稿日： 2001/07/01(日) 12:45: >>528-529
そうだったんですか。
ありがとうございました。
531 名前： Name_Not_Found 投稿日： 2001/07/01(日) 12:50: BODY {background:#000 url("a.gif") repeat-y;}

デフォルトだと左端垂直方向に画像が開くと思うんですが、
これを左右端に開くにはどういう指定をすればいいんでしょうか？

repeat-y left right}なんてやってみたんですができませんでした。

A:hover,A:active{text-decoration: underline overline}
これはできるのに何故？？
532 名前： Name_Not_Found 投稿日： 2001/07/01(日) 13:21: >>531
background-position は [left | center | right] ひとつしか選べないのよ。
text-decoration は [ underline || overline || line-through || blink ] 複数選択可。
533 名前： Name_Not_Found 投稿日： 2001/07/01(日) 14:08: >>532
あぁ、そうなんですかぁ。レスありがとうございました。

では左右端に開くにはどんな方法がありますかね？
どなたでもいいんで、レス待ってます。
534 名前： Name_Not_Found 投稿日： 2001/07/01(日) 14:20: DreamweverでHP製作しているのですが
CSSで文字の大きさを指定したにもかかわらず
ネットスケープでテキスト大きさを変更する事ができます
これはしかたのない事なのでしょうか？
ネスケでテキストの大きさを固定する(変更の効かない)方法があれば教えてください
535 名前： Name_Not_Found 投稿日： 2001/07/01(日) 14:24: >>533
ここ見ろ
ttp://www.parkcity.ne.jp/~chaichan/qanda/qa1457.htm?01-06-28-21-22
536 名前： Name_Not_Found 投稿日： 2001/07/01(日) 16:03: <nobr>(ﾟДﾟ)ﾊｧ? </nobr>

と同じことをスタイルシートでやりたいんですけど、できますか？
537 名前： Name_Not_Found 投稿日： 2001/07/01(日) 16:03: >>534
何故、固定したいの？レイアウトが崩れるからか？

>>184-193でpxを使えば9割強のブラウザで固定出来るとある。
これで妥協するか、
あまり進められないが、ＧＩＦ画像などを使うか、
又はＦＬＡＳＨでHPを組む方法もある。
538 名前： 537 投稿日： 2001/07/01(日) 16:12: 「画像を表示しない」にしてたら、ＧＩＦ画像の文字は表示されないし。
セキュリティーをａｇｅてたらＦＬＡＳＨの表示しないし、
これまた問題は多いな。
539 名前： Name_Not_Found 投稿日： 2001/07/01(日) 16:16: >537
はい。レイアウトが崩れるので、固定したいのです。
540 名前： Name_Not_Found 投稿日： 2001/07/01(日) 16:33: >539
ＭＳＮＪａｐａｎ　http://www.msn.co.jp/
でも、Ｎ６で拡大して見たら崩れてるんだから
仕方ないんじゃないか？

手間かけて作れば文字サイズ変えられても
レイアウト維持できると思うけどね。
541 名前： Name_Not_Found 投稿日： 2001/07/01(日) 16:35: >>540
MSNは手間掛けてないってこと？
542 名前： Name_Not_Found 投稿日： 2001/07/01(日) 16:39: >541
ｿﾀﾞﾖ

たぶん妥協していると思われる。
（N6使ってるお年寄り少ないだろうから）
543 名前： Name_Not_Found 投稿日： 2001/07/01(日) 16:44: >>539
レイアウトが崩れてもいいから文字が大きい方がいいと
考える人の自由を奪うほど、そのレイアウトに必然性は
あるのか？
544 名前： 542 投稿日： 2001/07/01(日) 16:46: 訂正
pt使っているからN4,N6ともスタイルが崩れる。

ネスケユーザー少ないし、
その中で文字サイズ変える奴はほとんどいないし。
妥協だな。
545 名前： Name_Not_Found 投稿日： 2001/07/01(日) 16:47: >>543
文字が大きくなくてもレイアウトを楽しみたいと考える人の楽しみを奪う
ほど、その文字の大きさに必然性はあるのか？
546 名前： Name_Not_Found 投稿日： 2001/07/01(日) 16:49: 文字サイズの固定はできないのですか？？

>543
イメージさえ伝われば良いページなので、文字サイズを固定したいのです。
547 名前： Name_Not_Found 投稿日： 2001/07/01(日) 16:50: >>545
あるよ。当然。
548 名前： Name_Not_Found 投稿日： 2001/07/01(日) 16:54: >574
手持ちの参考書などには載っておらず
大変困っています
教えてもらえないでしょうか？
よろしくお願いします
549 名前： Name_Not_Found 投稿日： 2001/07/01(日) 17:07: ここにＵＲＬ書き込んだら、誰かが良いアドバイスくれるだろうから、
君達の都合が悪くなかったらＵＲＬ又はソースを書き込んでみてはどうだろう。
550 名前： Name_Not_Found 投稿日： 2001/07/01(日) 17:09: >>536
<p style="white-space: nowrap;">なんたら</p>
でいいと思う．
551 名前： Name_Not_Found 投稿日： 2001/07/01(日) 17:32: >>550
ありがと。
white-space... 知らなんだ
552 名前： Name_Not_Found 投稿日： 2001/07/01(日) 18:43: >>534
何度も出てる話題だがおそらくない。
つーか絶対指定しようとするな。
553 名前： Name_Not_Found 投稿日： 2001/07/01(日) 20:08: ユーザースタイルシートを使わない限り，とりあえず最初に見たときには
スタイルシートで指定されたサイズの文字を見せられるんだよね？
この時点で見る側はそのページのレイアウトを判断するでしょ．
で，「そのレイアウトなら文字の大きさがこれでも仕方ない」と思うか，
「レイアウトが崩れても文字を大きくしたい」と思うか，それは見るほうの自由でしょう．
もちろん，「文字の大きさを変えてもレイアウトが崩れない」のが理想で，
そういうページは作る側も見る側も満足できると思うけど．
554 名前： Name_Not_Found 投稿日： 2001/07/01(日) 21:07: あー、またこの話題出てきたね。

とりあえず、「CSSによるフォントサイズの絶対指定」と
「ブラウザの機能によるフォントサイズの調節」は別物だということはちゃんと理解しておいてね。

そうでないと話がややこしくなるから。
555 名前： Name_Not_Found 投稿日： 2001/07/01(日) 21:10: >>535
遅レスでスマソ。サンキュー♥
556 名前： Name_Not_Found 投稿日： 2001/07/01(日) 23:12: white-spaceでいいのか。わざわざIE拡張のword-breakを使ってた・・・。
557 名前： 497 投稿日： 2001/07/01(日) 23:29: >>556
IEってwhite-spaceに対応してたっけ・・・？
いくつかのvalueには未対応だったような気がするんだけど。
558 名前： Name_Not_Found 投稿日： 2001/07/01(日) 23:36: >>557
IE5.0は全滅。5.5はテーブル以外の要素に対応。
だったかな。
559 名前： Name_Not_Found 投稿日： 2001/07/01(日) 23:47: >>557-558
じゃあword-breakと両方指定しておけばいいの？
560 名前： Name_Not_Found 投稿日： 2001/07/02(月) 00:05: >>557-559
http://www.zspc.com/documents/css2/text/whitespace.html
によると，WinIE は 5.0 未対応，5.5 一部未対応，MacIE は対応
561 名前： 558 投稿日： 2001/07/02(月) 01:01: >>559
値は nowrap と keep-all？
それ一緒に使ったらまずいんじゃないかな。

IE5.5では white-space が優先されて word-break は無効になるけど。
562 名前： Name_Not_Found 投稿日： 2001/07/02(月) 01:47: >>556-561
IE6で使えたぞ
563 名前： Name_Not_Found 投稿日： 2001/07/02(月) 02:48: 板浄化中
564 名前： Name_Not_Found 投稿日： 2001/07/02(月) 10:11: フォントサイズ関連の話題に関してちょっと。

まず、「フォントサイズの絶対指定」って事なんですが、
手元の参考書に単位に関しては
●相対単位「px,em,ex」
●絶対単位「pt,pc,cm,,mm,in」
と書かれています。
font-size : 13px;
これは絶対指定なんですか？
font-size : 13pt;
これも絶対指定ですか？

絶対指定するな、って意見と
絶対指定はありだ、って意見はどちらも
一長一短一理ありって感じでこの問題はもう個人の
自由だと思うんですが。。
565 名前： Name_Not_Found 投稿日： 2001/07/02(月) 10:29: >>564
font-size : 13px;
OS（またはユーザーエージェント）のdpiにかかわらず、
1ドットを1pxとして指定するので、絶対的な指定。

font-size : 13pt;
ptという単位は1/72インチなので、
OS（またはユーザーエージェント）のdpiに左右される。
MacOSの場合は72dpiなので、1pt=1px
Windowsの場合は96dpi（小さいフォント）なので、1pt=1.33px
ゆえに、dpiに対しての相対的な指定。

理論上は相対指定のほうが何かとよろしい。
最大の難点はユーザーエージェントが適切に解釈してくれないことだと思われる。

今のところは、何を最優先させるかで
相対指定を選ぶか絶対指定を選ぶか選択すればよいと思ふ。
566 名前： Name_Not_Found 投稿日： 2001/07/02(月) 10:33: >>564
文字サイズを現実の大きさで指定するのが絶対指定。
閲覧者側の環境に依存して文字サイズが変動する余地を
残してあるのが相対指定。

pxは相対指定。なぜなら個々の表示環境のピクセルサイズに
依存して大きさが変動するから。96dpiと72dpiでは同じ
ピクセル数の文字でも違った大きさに見える。

だが、WinIEのような糞ブラウザだと、pxで指定された
文字は閲覧者側で見やすいサイズに変更することが
できなくなってしまう。その意味でpxは絶対指定の
仲間に数えられることがある。
567 名前： 565 投稿日： 2001/07/02(月) 11:22: おうーあ、俺って嘘つき？
勘違い君だった模様・・・。
さ、さようなら。565は無視してくれ。。。
568 名前： Name_Not_Found 投稿日： 2001/07/02(月) 11:25: 564ですが、、、。

>>565-566さんレスありがとうございます。

やはり、（予想通り）微妙に絶対指定とか相対指定、
の解釈に皆さん違いがあります。
これでは、質問してくる人が
「フォントサイズを固定しているのに、NNでは・・・」
という質問が来ても一体単位は何で、
質問者は絶対指定の事を言っているのか、
相対指定の事を言っているのか
全くわかりません。
これでは、回答も本当に正しい答えが出せません。
この問題は解決しておくべきだと思うのですが。
でないと、一生「フォントサイズを固定して・・・」関連の
質問は絶えないと思うのですがどうでしょうか。
569 名前： Name_Not_Found 投稿日： 2001/07/02(月) 12:27: body{vertical-align : middle;}
ってやっても画面（ウィンドウ）の縦の真ん中に
対象物が来ないのですが、。。
text-align : cneter
では、ちゃんと横の真ん中にきます。
570 名前： Name_Not_Found 投稿日： 2001/07/02(月) 12:37: bは物理的タグだかｒ
論理的タグのstrongを使えってlintに注意を受けたんですが
意味がわかりません。
571 名前： Name_Not_Found 投稿日： 2001/07/02(月) 12:51: >>570
http://natto.2ch.net/test/read.cgi?bbs=hp&key=992725763
貴方が質問するスレはこっち。
572 名前： Name_Not_Found 投稿日： 2001/07/02(月) 12:56: >>569
vertical-alignってのは「行内」の
上下方向の位置を決めるものです。
先ず仕様書を読みましょう。
573 名前： Name_Not_Found 投稿日： 2001/07/02(月) 13:16: td.aaa{background-color:blue;}
-------------------------------

<table><tr>
<td class="aaa">a</td>
</tr></table>

ってやってもIEでは背景がちゃんとなるのに
NNだと反映されないです。
かなり頭にきます。
574 名前： Name_Not_Found 投稿日： 2001/07/02(月) 13:54: >>573 仕様
575 名前： Name_Not_Found 投稿日： 2001/07/02(月) 14:33: って事はNNでも見れるようにするためには、
<td class="aaa" bgcolor="blue">

って書かないといけないんですか？

NNのせいで記述が多くなるんですね。
576 名前： Name_Not_Found 投稿日： 2001/07/02(月) 14:39: >>575
ん？うちのNN(4.75)だとCSSでセルに色が付いたけど。
577 名前： Name_Not_Found 投稿日： 2001/07/02(月) 15:13: >>576
禿同
578 名前： Name_Not_Found 投稿日： 2001/07/02(月) 15:26: >>573
＞NNだと反映されないです。

NNﾊﾞｰｼﾞｮﾝを勘違いしてないか。
N3で確認してましたって落ちはカンベンナ。
579 名前： Name_Not_Found 投稿日： 2001/07/02(月) 16:18: いえ、もちろんNN6なんですが、
PC自体が糞なのでソフトもまともに動かないのかもしれないです。
ありがとうございました。
580 名前： Name_Not_Found 投稿日： 2001/07/02(月) 17:03: Netscape6はNetscape6もしくはMozillaと書いて欲しいナリ
NNじゃあNetscapeNavigator4.xかと思うナリ
581 名前： Name_Not_Found 投稿日： 2001/07/02(月) 17:17: Netscape6とMozillaを同一視しないで欲しいナス
582 名前： Name_Not_Found 投稿日： 2001/07/02(月) 17:51: >>573
N4ではTDにスタイルを設定してもうまくいかなかったような…
でもN6なのか。おかしいな。

CSS対応に関してはほとんど一緒だろ>>581
583 名前： Name_Not_Found 投稿日： 2001/07/02(月) 18:23: Netscape6 でもブラウザ部は Navigator だから、 NN6 という略はあながち間違いでもない。
584 名前： Name_Not_Found 投稿日： 2001/07/02(月) 18:26: でもいまはそんな話はしていない
585 名前： Name_Not_Found 投稿日： 2001/07/02(月) 18:38: 外部と内部のCSSがダブると、ネスケは効かなくなるときがある。

いや、ダブっても効くIEがおかしいのかも知れんけど。
586 名前： Name_Not_Found 投稿日： 2001/07/02(月) 18:46: CSS の C はなんの略だ?
587 名前： 誰かつっこんで 投稿日： 2001/07/02(月) 19:39: Connectix
588 名前： Name_Not_Found 投稿日： 2001/07/02(月) 19:56: >>586
http://www.google.co.jp/search?hl=ja&safe=off&q=CSS%89%F0%90%E0&btnG=Google+%8C%9F%8D%F5&lr=lang_ja
589 名前： Name_Not_Found 投稿日： 2001/07/02(月) 19:58: >>587
Connect sex stick
590 名前： Name_Not_Found 投稿日： 2001/07/02(月) 20:00: >>586 って >>585 に言ってるんでしょ？
591 名前： Name_Not_Found 投稿日： 2001/07/02(月) 21:02: >>586
con con con
592 名前： Name_Not_Found 投稿日： 2001/07/02(月) 22:54: >>573
Mozilla で問題無く背景色青になる。
つーか、なにか間違ってるだけだろ。
593 名前： 521 投稿日： 2001/07/02(月) 23:57: >>522
それを言ったらおしまいです…。
rgb(R,G,B) での指定は、R,G,Bはそれぞれ 0～255 の整数、または 0%～100% の
百分率指定のはずですから、rgb(216,216,0) で黒色になってしまうのは
やっぱりMac版IE5のバグなんですかねぇ。
まあ、#CC0 という風にセーフカラーで指定してみたところ、Mac版のIE5でも
ちゃんと表示できているらしいので今は問題はないのですけど。
594 名前： Name_Not_Found 投稿日： 2001/07/03(火) 00:08: idって、一つの文書内で重複できないじゃないですか。

p#hoge {hage: hige }
#hoge {hage: hige }

だとしたら、（ｐにスタイル適用する場合）上の二つはどう違うんでしょう？
pを省略しない事に意味はありますか？
595 名前： 板浄化中 投稿日： 2001/07/03(火) 00:19: あげ
596 名前： Name_Not_Found 投稿日： 2001/07/03(火) 00:28: >>594
例えば、
page1.htmには<p id="hoge"></p>
page2.htmには<span id="hoge"></span>
というソースがあった場合には意味がある。

それ以外なら、シートをいじる時に判りやすい、くらいかな。
597 名前： Name_Not_Found 投稿日： 2001/07/03(火) 00:54: >>594
>596に沿って言えば、間違えてpage1.htmlで<span id="hgoge">としてしまった時とかも。
けっこう場合によると思うから、その時その時で使い分ければいいカモ。
598 名前： Name_Not_Found 投稿日： 2001/07/03(火) 03:12: （・∀・）ｱｹﾞ
599 名前： Name_Not_Found 投稿日： 2001/07/03(火) 13:27: gae
600 名前： Name_Not_Found 投稿日： 2001/07/03(火) 18:28: 600?
601 名前： Name_Not_Found 投稿日： 2001/07/03(火) 23:41
602 名前： Name_Not_Found 投稿日： 2001/07/04(水) 00:11: とりあえず荒らしが寝るまでsage進行でよろしく。
603 名前： Name_Not_Found 投稿日： 2001/07/04(水) 00:12: age
604 名前： Name_Not_Found 投稿日： 2001/07/04(水) 09:23: なんだ昨日荒らしが出たのか？
っつうかweb板は人が来る日は来るけど
来ない日は全然来ないからそんな被害ないんじゃない?
605 名前： Name_Not_Found 投稿日： 2001/07/04(水) 11:48: あげ
606 名前： Name_Not_Found 投稿日： 2001/07/04(水) 12:10: body{
background-image: url();
background-color : Black;
background-repeat : repeat-y;}
table{
width : 500px;
}

#hogehoge{
text-align : center;
font : bold 12pt;
background : Silver;
color : Black;
}
#ahyahya{
background-color : White;
font : bold 10pt;
color : Black;
}
div{
text-align : center;
}
P {
text-align : center;
}

<p></p>
<div>
<table>
<tr>
<td id="hogehoge">テキスト1</td>
</tr>
<tr>
<td id="ahyahya">テキスト2</td>
</tr>
</table>
</div>

これをmozillaで見ると、テーブルがセンタリングされず、
左端に寄ってしまいます。どこがおかしいんでしょう？？
607 名前： 606 投稿日： 2001/07/04(水) 12:12: うわっ、思った以上に長くなっちまった。
荒らしじゃないです。スマソ。
608 名前： 606 投稿日： 2001/07/04(水) 12:14: ついでに面白いカキコあったんでコピペします

通信系のＣの経理役員はダミーメディア烈婦を使ってキックバックさせてはなぜか従姉妹の養老保険に化けている。
ネット広告のＢ社長は出資を餌に手数料を個人の紺猿会社に振り込ませている。
別のネット広告とＢＢＳの会社Ｇでは販促グッズとして金券を使って換金中。
就職支援のＪの社長は親父の会社に売上の一部を奇数月は５％偶数月は８％環流している。
このうち１社は公開。
609 名前： 606 投稿日： 2001/07/04(水) 12:14: 元ソフトバンクの北川雅洋
ベンチャー潰し請負人。
この前、boook.com潰したな。
もう３つ目に取り掛かってるけどな。
610 名前： 606 投稿日： 2001/07/04(水) 12:14: 安田隆夫（もろマルＢ顔で怖い、お店の看板キャラのペンギンは可愛い）。
折口雅弘（幽妖なまでの貧相、極悪人面相、冷笑、目が殺人犯風）。
出縄良人（スターウォーズのジャージャーに似てる、爬虫類の入った馬面）。
赤池英二（永田町系VB、モパイルエンジニアリング市場へ諸場替え）。
荒木謙（ダンヒル腕時計コレクター、金満の父親と巨額な債務が自慢）。
藤村哲也（西和彦に顔が似てる、たにまち爺キラーで復活GET!）。
611 名前： 606 投稿日： 2001/07/04(水) 12:15: 以上です。。。。 sage忘れた鬱氏
612 名前： 名無しさん@MZ-2000 投稿日： 2001/07/04(水) 12:28: >>608-610
スレに関係ねーだろ
613 名前： Name_Not_Found 投稿日： 2001/07/04(水) 12:28: >>606
それはMozillaの挙動が正しい。仕様通りの描画である。
テーブルのセンタリングについては、そこら中のサイトに
サンプルが載っているので、探せ。
↓こんなことするやつにまともに答えるやつなんかいるもんか。（いるかもな）
>>607-611
uze-------------------！！立派な荒らしじゃ、ヴォケ！！
614 名前： Name_Not_Found 投稿日： 2001/07/04(水) 12:29: >>606
FAQ ってやつだね．>>395, >>398, >>403-409
615 名前： 614 投稿日： 2001/07/04(水) 12:31: >>613
しまった，まっとうに答えてしまった…．
>>607-610
もちろん俺もうっとうしいと思っているので，二度目があるとは思わないように．
616 名前： Name_Not_Found 投稿日： 2001/07/04(水) 12:52: ＦＡＱをファックと読むのはもう古いのだろうか…
617 名前： 606 投稿日： 2001/07/04(水) 13:01: >>608-610
は、私じゃ無いです・・・。
すんません、もうちょっと探してみます・・。
618 名前： Name_Not_Found 投稿日： 2001/07/04(水) 13:15: >>616
ふぇいく。
619 名前： Name_Not_Found 投稿日： 2001/07/04(水) 14:41: あげ
620 名前： Name_Not_Found 投稿日： 2001/07/04(水) 14:51: 随分と愁傷な606がいるな･･･。
確かに608から何か挙動がおかしいとは感じたけど、
あまりに自然な流れ（時間的にも）だったんで、
「何だこいつ、真性か」と思ってしまった。
621 名前： 606 投稿日： 2001/07/04(水) 14:54: >>620
はいはい能書きは結構。邪魔だから消えてちょうだい

*** 606再掲

body{
background-image: url();
background-color : Black;
background-repeat : repeat-y;}
table{
width : 500px;
}

#hogehoge{
text-align : center;
font : bold 12pt;
background : Silver;
color : Black;
}
#ahyahya{
background-color : White;
font : bold 10pt;
color : Black;
}
div{
text-align : center;
}
P {
text-align : center;
}

<p></p>
<div>
<table>
<tr>
<td id="hogehoge">テキスト1</td>
</tr>
<tr>
<td id="ahyahya">テキスト2</td>
</tr>
</table>
</div>

これをmozillaで見ると、テーブルがセンタリングされず、
左端に寄ってしまいます。どこがおかしいんでしょう？？
622 名前： Name_Not_Found 投稿日： 2001/07/04(水) 14:59: ↑もういいよ
623 名前： Name_Not_Found 投稿日： 2001/07/04(水) 15:03: ああああｇああげ
624 名前： 606 投稿日： 2001/07/04(水) 15:32: body{
background-image: url();
background-color : Black;
background-repeat : repeat-y;
}

これを、外部から呼び出す様にしたんですが、
NN4.xでは何故か反映されません。どっか記述おかしいですか？

あ、ちなみにテーブルのセンタリングはできました。
ありがとうございます。

っていうか、煽らないで下さい。
625 名前：萌枝投稿日： 2001/07/04(水) 15:45: >>624
君こそ煽ってるように見えるんけど。

N4はタグを省略した要素にはスタイルが適用されないバグがある。
なので、もし省略しているなら<body>を書いてみればなんとかなるかも。
626 名前： Name_Not_Found 投稿日： 2001/07/04(水) 16:00: >>625
多分 html ファイルと css ファイルが違う階層にあると思われ。

てゆーか >>624=606 よ。あなたはまず
http://natto.2ch.net/test/read.cgi?bbs=hp&key=991666454
ここを読破しなさい。これは義務です。
627 名前： Name_Not_Found 投稿日： 2001/07/04(水) 16:02: >>626
書き忘れた。
特に↑のスレの2からリンクしているページを読みなさい。
分かったら返事。
628 名前： Name_Not_Found 投稿日： 2001/07/04(水) 16:19: いいえ
629 名前： Name_Not_Found 投稿日： 2001/07/04(水) 16:21: >>628
ｵﾓｼﾛｸﾅｲ
630 名前： 606 投稿日： 2001/07/04(水) 16:25: >>625-627
はい・・スマソ。
あ、ちなみに<body>タグが抜けてました（ｗ
馬鹿です、ハイ。
今度はセルに色がつかないんですが・・・、いや自分で調べます。
マターリしたスレだったのに荒らすような事してスマソ。
ちなみに>>621は私じゃないです。
631 名前： Name_Not_Found 投稿日： 2001/07/04(水) 17:33: ハーイル　ヒットマーン（挨拶
632 名前： Name_Not_Found 投稿日： 2001/07/04(水) 17:43: ん?
633 名前： Name_Not_Found 投稿日： 2001/07/04(水) 18:58: >>631
挨拶と返事は同じではないぞ。
634 名前： Name_Not_Found 投稿日： 2001/07/05(木) 00:09: テーブル内のフォントサイズを固定するために<table style="font-size:12px;">と書いたんですが、IEは上手く行くんですが、ネットスケープコミュニケーターでは上手く読んでもらえません。
どちらでも対応可能にするためにはどのように書けばよろしいのでしょうか？
ご存知の方いらっしゃいましたら教えてください。
635 名前： Name_Not_Found 投稿日： 2001/07/05(木) 00:45: テーブル内で、それぞれのセルごとに
<font style="font-size:12px;">文字</font>でいいんじゃない？
636 名前： Name_Not_Found 投稿日： 2001/07/05(木) 00:50: >>634
td や th に設定してもうまくいかなかったらまた質問してください．
あと，何度も言われていますが，NN の場合はバージョンを明記したほうがいいかと．
NN4 は CSS まわりがバグだらけなので．
637 名前： Name_Not_Found 投稿日： 2001/07/05(木) 03:40: あがげ
638 名前： 芸能人の裏話！ 投稿日： 2001/07/05(木) 06:06: (秘)
http://village.infoweb.ne.jp/~rank/Rank/rankem.cgi?action=in&id=reika

http://village.infoweb.ne.jp/~rank/Rank/rankem.cgi?action=in&id=miyuki

http://village.infoweb.ne.jp/~rank/srank/rankem.cgi?action=in&id=yukiko

http://village.infoweb.ne.jp/~yama/cgi-bin/Ranklink/ranklink.cgi?action=rank&id=kiss1

http://210.224.170.32/~idol-pics/ranking/rankin.cgi?id=LNK1000011

http://bbx.kidd.ne.jp/minibbs.cgi?0001/miyuki143

http://bbx.kidd.ne.jp/?0001/1234567

★★★★女子高無修正女優アイドル★★★★
http://www.hitoriasobi.com/netidol/idolhappy/maki/

http://www.hitoriasobi.com/netidol/idoler/megu/
639 名前： Name_Not_Found 投稿日： 2001/07/05(木) 07:18: ↑頑張りすぎじゃないか？
640 名前： Name_Not_Found 投稿日： 2001/07/05(木) 10:32: 寝る前にマムシドリンクでも飲んだんじゃねーの？
641 名前： Name_Not_Found 投稿日： 2001/07/05(木) 11:07: もっと意義ある事しよーよあげ
642 名前： Name_Not_Found 投稿日： 2001/07/05(木) 19:25: #leftright, #topdownってなんですか？
http://www.ky.xaxon.ne.jp/~singlike/indexhelp37.htm
643 名前： Name_Not_Found 投稿日： 2001/07/05(木) 19:27: td.aaa{background-color:blue;}
-------------------------------

<table><tr>
<td class="aaa">a</td>
</tr></table>

ってやってもIEでは背景がちゃんとなるのに
NNだと反映されないです。
かなり頭にきます。
644 名前： Name_Not_Found 投稿日： 2001/07/05(木) 19:30: >>643
そうだね。で？
645 名前： Name_Not_Found 投稿日： 2001/07/05(木) 19:33: >かなり頭にきます。

要するに愚痴ってるだけだろ？
空気読めカス
646 名前： Name_Not_Found 投稿日： 2001/07/05(木) 20:05: td.aaa{background-color:blue;}
-------------------------------

<table><tr>
<td class="aaa">a</td>
</tr></table>

うちのNN4.75では表示される。
何故だろう。

つーか、643は何に対して頭に来てるの？
647 名前： Name_Not_Found 投稿日： 2001/07/05(木) 20:22: >>643 は >>573 の C&P です．ばかばかしい．
648 名前： Name_Not_Found 投稿日： 2001/07/05(木) 21:00: >>647
だから何なんだ?
欝陶しいんだよヴォケぇ!
649 名前： Name_Not_Found 投稿日： 2001/07/06(金) 05:13: どっちが。
650 名前： Name_Not_Found 投稿日： 2001/07/06(金) 05:33: 朝の上げ
651 名前： Name_Not_Found 投稿日： 2001/07/06(金) 06:14: よせてage
652 名前： Name_Not_Found 投稿日： 2001/07/06(金) 09:18: すこぶるage
653 名前： Name_Not_Found 投稿日： 2001/07/06(金) 15:22: 質問しろやｺﾙｧ(´Д`)
654 名前： Name_Not_Found 投稿日： 2001/07/06(金) 15:34: IEのスタイルシートファイルの中でスクリプトが使えると聞いたんですが、本当ですか？
655 名前： Name_Not_Found 投稿日： 2001/07/06(金) 15:49: >>654
もなかです
656 名前： 654 投稿日： 2001/07/06(金) 15:52: もなかですか？
すいません。もなかというと、和菓子しか思いつきません。
657 名前： Name_Not_Found 投稿日： 2001/07/06(金) 16:15: もなかage
658 名前： Name_Not_Found 投稿日： 2001/07/06(金) 16:54: >>656
ちょっと勉強が足りないね。
初心者板で「もなか」ってなんですか？って聴いてごらんよ
659 名前： Name_Not_Found 投稿日： 2001/07/06(金) 18:57: >>175
> それで、ひとまずN6の設定を見たんですが、「表示」で
> 「スタイルシートを使用」が「なし」になってました。
> これが原因だったのかもしれません。が、オンにできないのはなぜ？

> （どうやってcssをonにできるのかな？）不便なブラウザだ、N6。

例えば、
http://www.w3.org/Style/CSS/
では、10種類の代替スタイルシート(alternate stylesheet)を使う事が出来ます。
IEではまだ実装されていませんが。
660 名前： Name_Not_Found 投稿日： 2001/07/06(金) 20:25: res{ number : 700; }
661 名前： Name_Not_Found 投稿日： 2001/07/07(土) 04:49: もなかって何？age
662 名前： 女の子 投稿日： 2001/07/07(土) 04:58: 　　　　　　　　　　 /ww・━━ヽ、
　　　　　　　　　　ｆvwwノｲﾉﾉ））))
　　　　　　　　 |:::i::i(6ﾘイ（:"
　　　　　　　　 |i:!:!:ノﾊ､~ ､ﾉi http://www.hitoriasobi.com/netidol/idolhappy/maki/
　　　　　　　　 ||:f´:/　(＾´:l::j
　　　　　　　　 ∨⌒＼｀､ﾘﾉ
　　　　　　　 /　 , 　/⌒ヽ http://www.hitoriasobi.com/netidol/idoler/megu/
　　　　　　　　　 / 　/,ｰ<;;;,,,...ﾉ
　　　　　　〈　〈）　　 /´＼
　　　　　　　　　＼. ＼　　i ＼　＼
　　　　　　　　 / ＼.＼ .j　　＼. ＼
　　　　　　　 f｀ー´ヽ　ヽ　　　＼ヽ､__
　　　　　　　　 i_,／⌒「>__ﾉ> 　　ヽ､_っ､)
　　　　　　 <~Y__　 /7ﾊ:く　　　　 f /:::;;ﾍ
663 名前： Name_Not_Found 投稿日： 2001/07/07(土) 06:19: もなか待ち
664 名前： Name_Not_Found 投稿日： 2001/07/07(土) 06:46: もなかの予感…
665 名前： Name_Not_Found 投稿日： 2001/07/08(日) 00:44: あげ
666 名前： Name_Not_Found 投稿日： 2001/07/08(日) 21:31: 外部CSSファイルを読み込むことに関する質問です。

例えばあるディレクトリに、1.html 2.html 3.htmlの３つがあるとします。
それぞれに単独びＣＳＳを用意すべきでしょうか？1.css 2.css 3.cssみたく。
それともできるだけ一つのＣＳＳにまとめる方がいいでしょうか？

共通部分（ナビゲーション部）はそれぞれの１０％程度なのですが。
転送量を考えたら後者の方が有利なのでしょうか？
しかし、クラスとかＩＤが沢山になってわかりにくくなりそうな気がします。

共通部に関するものは１つのＣＳＳにして、ローカルな設定をそれぞれのＣＳＳにして
<LINK>で２つ読み込むとかも考えたんですが。
667 名前： Name_Not_Found 投稿日： 2001/07/08(日) 21:38: >>666
自分は代替シート複数用意してるけど、それぞれ1枚にまとめてる。
多少重くはなるけど、トップで1枚読み込めばページ移動の時にシートの読み込みがなくていい。
668 名前： Name_Not_Found 投稿日： 2001/07/08(日) 21:41: >>666
共通部分をまとめたファイルを
@import で読み込むのが良いんじゃないかな。
669 名前： 666 投稿日： 2001/07/08(日) 21:44: >>667
やっぱりできるだけ１枚にまとめた方がよいのでしょうか。
classとかidとか、最初に命名規則をしっかり決めて
できるだけまとめてみたいと思います。
ありがとうございました。
670 名前： Name_Not_Found 投稿日： 2001/07/08(日) 22:10: 便乗して外部CSSがらみの質問。

外部CSSファイルを複数のページで共通で使っている場合、
別々のHTMLで同じ名前のidは使ってもいいのでしょうか？
671 名前： Name_Not_Found 投稿日： 2001/07/08(日) 22:31: >>670
IDは一文書中に一意でなければならないということだから、各ページに一つずつ存在するということならOK。
672 名前： Name_Not_Found 投稿日： 2001/07/09(月) 07:57: スタイルシートのページはどうやって保存するんですか？
673 名前： Name_Not_Found 投稿日： 2001/07/09(月) 08:50: >>672
WinIEでの「スタイルシートを使ったページの保存方法」なら、保存で「完全」を選ぶ。
674 名前： ねたろ 投稿日： 2001/07/09(月) 08:51: >>672
IE5以降だったら、「Webページ完全」でスタイルシートも保存してくれる。
ただしソースは書き換えられる。リンクだけ書き換えればいいのに、なぜか全部書き換えられる。
675 名前： ねたろ 投稿日： 2001/07/09(月) 08:51: >>673
かぶったね。
676 名前： Name_Not_Found 投稿日： 2001/07/09(月) 10:18: http://www.skz.or.jp/bach/world/news/
こういうページは無理っすか？
677 名前： Name_Not_Found 投稿日： 2001/07/09(月) 14:46: 他人に出来て自分には出来ないと言うのかね。
678 名前： Name_Not_Found 投稿日： 2001/07/09(月) 17:01: W3C 以外の CSSチェックサービスってあるのでしょうか。

W3C の検証サービスで、１２０行くらいのささやかなスタイルシートを
チェックしようとしたら、いくら待っても返事が返ってこないのです。

ファイルを２，３０行くらいずつ分けてチェックすると
ちゃんと結果が返ってくるけど、いちいち分割するのが面倒くさくてしょうがない。
679 名前： Name_Not_Found 投稿日： 2001/07/09(月) 17:46: age
680 名前： >>676 投稿日： 2001/07/09(月) 18:33: 寝介４とかｗ３ｍでみても一応見られるね。
ちょっと感心。
681 名前： 670 投稿日： 2001/07/09(月) 22:03: >>671さん
ありがとうございます。
これがよくわからなくて、今までclassで安定しちゃってました。

>>768さん
W3CのCSSチェッカー、ウチのはもうちょい長いファイルでも大丈夫でしたよ。
682 名前： Name_Not_Found 投稿日： 2001/07/10(火) 01:32: ttp://www.htmlhelp.com/tools/csscheck/
ここはどう？
683 名前： 671 投稿日： 2001/07/10(火) 03:18: >>678
JAVA動く環境が要るけど，CSSValidatorをダウンロードしてローカルでチェックすると速いよ．
自分はそうしてる．

>>682
@mediaや@charsetなどに対応してないので，実質使い物にならんみたいです．
684 名前： Name_Not_Found 投稿日： 2001/07/10(火) 09:54: A-G-E-
685 名前： Name_Not_Found 投稿日： 2001/07/10(火) 12:13: なんかcssスレも人気がないなぁ、
俺が質問すると結構盛り上がるんだけどなぁ。
俺の質問は有意義過ぎるんだろうなぁ。
686 名前： 676 投稿日： 2001/07/10(火) 13:40: ページ保存で完全ってやっても失敗しちゃうんですよ・・
みなさんは保存出来ました？私のPCがおかしいだけ？
687 名前： Name_Not_Found 投稿日： 2001/07/10(火) 14:08: >>686
完全保存できないページって結構ありますよ。
どんなのがダメなのかは知らないけど。
ちなみに私も>>676は保存に失敗しました。
688 名前： Name_Not_Found 投稿日： 2001/07/10(火) 14:59: >>681
うそぉ・・・。うちの環境が悪いのかなぁ。
何度やってもだめなんだよう。

>>683
ありがとう。CSSValidator で検索したら、
ttp://homepage1.nifty.com/hobbit/html/cssvalid.html
つーページが見つかったので､ここを参考にしてやってみるよ。
689 名前： Name_Not_Found 投稿日： 2001/07/10(火) 15:02: http://www.nurs.or.jp/~yui0113/
ここの管理人はパクリ魔。
あたしは何回もパクられた。
しかもそれを言うと「4月からできてたんだけど
アップするの忘れてただけ」
だと。逝け。しかも口調超キモい。（自分のこと名前で呼んでるし←前のことだけど。）
690 名前： Name_Not_Found 投稿日： 2001/07/10(火) 16:59: >>689
言っちゃ悪いがアンタも結構キモイ
ところで質問は？
691 名前： Name_Not_Found 投稿日： 2001/07/10(火) 18:13: ここでおさらい。
http://www.zspc.com/documents/css2/
692 名前： Name_Not_Found 投稿日： 2001/07/10(火) 18:26: >>689 くだらないことで腹を立てるな。「キモい」という言葉自体が「キモい」。
693 名前： Name_Not_Found 投稿日： 2001/07/11(水) 13:49: 下がり過ぎ
694 名前： Name_Not_Found 投稿日： 2001/07/11(水) 14:02: >>689
そんな事言ってると誰かが荒らしちゃうよ？
荒らしてそこの管理人が首吊ったらあんたのせいね。
行ってきまーす。
695 名前： Name_Not_Found 投稿日： 2001/07/11(水) 14:05: >>689
というか、そのサイト何故スクロールバーが出てこない？
ノートの人はどうすりゃいいんだ？最悪だな。
696 名前： Name_Not_Found 投稿日： 2001/07/11(水) 15:40: ↑でたよ、煽り豚。一生そうやってブーブー鳴いてろ。
697 名前： Name_Not_Found 投稿日： 2001/07/11(水) 16:03: ↑とか煽っておいて、オフ会で「いやぁ、どうもどうも」な奴。
698 名前： Name_Not_Found 投稿日： 2001/07/11(水) 16:05: >>697
（・∀・）ｺﾋﾟﾍﾟﾆﾏｼﾞﾚｽｶｺﾜﾙｲ!!
699 名前： Name_Not_Found 投稿日： 2001/07/11(水) 16:39: ↑とか煽っておいて、オフ会で「いやぁ、どうもどうも」な奴。
700 名前： Name_Not_Found 投稿日： 2001/07/11(水) 16:45: 700 (･∀･)ｲｲ!
IEの独自拡張をまとめたとこってありませんか？
701 名前： Name_Not_Found 投稿日： 2001/07/11(水) 18:47: ちょっと質問です。
macのNNでは英文フォントで和文を表示させようとすると文字化け
すると聞いたのですが、CSSでフォントを指定する時は
日本語フォントを前に持って来ないといけないのでしょうか？
例）font-family: "MS Pゴシック","Verdana";
英文フォントを前に持って来るとやっぱり化けますか？
例）font-family: "Verdana","MS Pゴシック";
また、上記のようにmac用のフォント（Osaka）とかを使用
しない場合は、macではどんなフォントで表示されるのでしょうか。

いやー、なんだか真面目に質問です（*´д｀*）
702 名前： Name_Not_Found 投稿日： 2001/07/11(水) 19:04: CSSを切るとどう表示されるのかチェックしたいんですけど、
IEでCSSを無効に設定できますか？
703 名前： Name_Not_Found 投稿日： 2001/07/11(水) 19:21: >>702
http://www.ne.jp/asahi/minazuki/bakera/html/opinion/disablecss
あるいは
http://www.kohshi.org/ieex/
704 名前： Name_Not_Found 投稿日： 2001/07/11(水) 21:07: >>702
http://say.vis.ne.jp/script/etc/
こんなのもあるよ。
強制スタイルで使用するスタイルシートに中身に何も書かれてない CSS を使うとおっけー。
705 名前： 702 投稿日： 2001/07/11(水) 21:09: >>703
スタイルシートの切り替え以外にも便利そうな機能が
いろいろあるのでieexを入れました。そして便利でした。感謝してます。
706 名前： Name_Not_Found 投稿日： 2001/07/12(木) 10:26: 社名　　　東京アクセス
代表者　　西村博之

と各項目を一行に表示させる為、次のように記述しました。

**html**
<dl class="gaiyo">
<dt>社名</dt><dd>東京アクセス</dd>
<dt>代表者</dt><dd>西村　博之</dd>
</dl>

**CSS**
dl.gaiyo dd{
display:inline;
}

これを表示させると、↓のようにしかなりません。

社名
東京アクセス
代表者
西村博之

どこが間違っているか教えて頂けませんか。
よろしくお願い致します。
707 名前： Name_Not_Found 投稿日： 2001/07/12(木) 11:11: 706
dtがinlineになっていない。
dl.gaiyo *{
display:inline;
}
708 名前： 707 投稿日： 2001/07/12(木) 11:13: 「>>」付け忘れた。鬱
709 名前： 706 投稿日： 2001/07/12(木) 11:41: >>707さん、ありがとうございます。
>>707さんのご指導の通りにやりますと、

社名東京アクセス代表者西村博之

と、<dl>内が全て一行になってしまうのですが･･･。

社名　　　東京アクセス
代表者　　西村博之

と、表示させる為にはマークアップが間違っているのでしょうか。
何度も申し訳有りませんが、ご指導お願いします。
710 名前： Name_Not_Found 投稿日： 2001/07/12(木) 12:01: >>709
css的には display:compact が妥当なのだけど、
少なくともIEはcompact に対応していない。

dl.gaiyo dt{
float:left;
width:4em; /* dd 要素を左揃えにするためにdt要素の幅を固定する。 */
}

こういうのはどうだろう？
711 名前： Name_Not_Found 投稿日： 2001/07/12(木) 12:34: >>710
それで思い出したんだが、

<div>中身は適当に</div>
<dl>
<dt>社名</dt>
<dd>東京アクセス</dd>
<dt>代表者</dt>
<dd>西村　博之</dd>
</dl>

div {float:left; width:100px}
dt {float:left; width:50px}

とまぁ、>>706と似たようなリストを、div の右側に置きたいんだけど、
何故か Mozilla だと最初の dd 以降が全部 div の下に来てしまう。
何故だ。

IE だと

■■■　社名　東京アクセス
■■■　代表者　西村ヒロユキ
■■■
■■■
■■■

Mozilla だと

■■■　社名
■■■
■■■
■■■
■■■
東京アクセス
代表者　西村ヒロユキ

って感じ。
■は div。
712 名前： Name_Not_Found 投稿日： 2001/07/12(木) 13:30: >>711
N6でもならないけど？
ていうか、ウィンドウの幅狭くない？
単に狭くて流し込めないのかと思う。
713 名前： Name_Not_Found 投稿日： 2001/07/12(木) 13:33: >>712
あれ、なる？
何でだ…

ちなみにウィンドウは狭くないよ。
むしろ、どんなに幅とっても上のようになるくらいで…

…謎だ（´Д｀;
714 名前： Name_Not_Found 投稿日： 2001/07/12(木) 14:44: >>706
論理構造から考えると、普通に「表」を使った方がいいと思う。
<table ...>
<tr><th>社名</th><td>東京アクセス</td></tr>
<tr><th>代表者</th><td>西村　博之</td></tr>
</table>
th{text-align: center; font-weight: normal;}
715 名前： Name_Not_Found 投稿日： 2001/07/12(木) 15:28: >>714
だけど、>>706なら定義リストでも良いと思う。
定義される用語とその解説って意味では。
716 名前：萌枝投稿日： 2001/07/12(木) 16:01: >>406
dd { display: compact } だよ。
でも対応してるブラウザってまだ無いんだっけ？
717 名前： 706 投稿日： 2001/07/12(木) 17:28: 皆様、ありがとうございます。大変勉強になります。

>>716さん
殆どのブラウザでは対応していないようです。
http://www.zspc.com/documents/css2/display/display.html

テーブルでも問題ないようですので、
しばらくはテーブルを使ってみようかと思います。
本当にありがとうございました。
718 名前： Name_Not_Found 投稿日： 2001/07/13(金) 10:03: すいません、最近css覚えたんですが
レイアウトにテーブルは使うなって言いますけど
じゃぁ、いつテーブル使えばいいんですか？
例えばなんかの一覧表みたいなものを記載したい場合は
テーブルを使えって事ですか？
719 名前： Name_Not_Found 投稿日： 2001/07/13(金) 10:09: >>718
テーブル（表）って普通そういう用途で使いませんか？
720 名前： Name_Not_Found 投稿日： 2001/07/13(金) 11:04: 良スレなのに…。
WIN-NN4.xはもう無視した方が良いのですか。
今現在使っている人って多いのでしょうか。
既出だったらスミマセン。
721 名前： Name_Not_Found 投稿日： 2001/07/13(金) 11:56: >>720
サイトの性格によりけり．個人サイトならすっぱり割り切るもよし，
企業サイトならそうも言ってられない（まだ N4 使う人はいるだろうから），と思う．
ところで，Win に限らず NN4 の話よね？
参考スレッド：User Agent - NN4への対応
http://natto.2ch.net/test/read.cgi?bbs=hp&key=994829516
722 名前： Name_Not_Found 投稿日： 2001/07/13(金) 14:14: >>715
うん、でも、例示されたテキストって
「定義される用語とその解説」かな？って、ちょっぴり
（ほんのちょっぴり）ギモンがあるんですよ。
この手の一言二言の単語を並べるなら表の方が良いかなぁ、って。
しかも、「表」的なレイアウトを望んでいるならなおさら。

DD 要素がもう少し解説文っぽかったらおっしゃる通りなんだけど。

>>720
そんな貴方に @import あるいは screen 以外の値を（も）持つ media 属性。
ちゃんと HTML が書けていれば「無視」にはならないよ。
723 名前： Name_Not_Found 投稿日： 2001/07/13(金) 14:19: >>720

CSSを切ってもらうようにお願いするか、バグを逆手にとって
CSSが適用されない状況にすればいいんじゃない？
ちゃんとHTMLが書けていれば、それでも結構いい感じで見れるものだし。

といいつつも、うちは１～２割くらいのお客さんはねすけ４。
間延びして見えるけど、見れないわけではないので、そのまま放置。
724 名前： Name_Not_Found 投稿日： 2001/07/13(金) 20:02: positionプロパティのabsoluteとfixedについてなんですが。
fixedは位置が固定される、という点はいいとして、

1. absoluteは親要素に対する絶対配置、fixedはページに対する絶対配置
2. 両方とも親要素に対する絶対配置

どっちなんでしょう？

あと、absoluteは親要素がポジショニングされてないと効かないもんなんでしょうか。
725 名前： Name_Not_Found 投稿日： 2001/07/13(金) 21:09: >>724
参考になるかどうか分からないけど一応。

http://east.portland.ne.jp/~sigekazu/css/css2.htm
726 名前： Name_Not_Found 投稿日： 2001/07/14(土) 00:24: abosolute の時の top, right, bottom, left の基準は、
・親（祖先）要素の position が static 以外の時はその要素
・それがなければウィンドウ（≒BODY）
727 名前： 724 投稿日： 2001/07/14(土) 01:14: >>725
ためになる情報感謝です。即ブクマークしました。

>>726
完全氷解しました。ありがとうございます。
728 名前： Name_Not_Found 投稿日： 2001/07/14(土) 01:30: 現実的に考えて、fixed使う時ってあるかな？
729 名前： Name_Not_Found 投稿日： 2001/07/14(土) 02:12: >>728
よく知らないんだけどfixedって何か問題あるの?
730 名前： Name_Not_Found 投稿日： 2001/07/14(土) 03:05: >>128-129
ナビゲーションに使いたいけど対応状況が以下略。
使っても別に不都合はないはずだけど自分のメインがIEなので力が入りません
731 名前： 730 投稿日： 2001/07/14(土) 03:08: ぐぁ128-129ってなんだよ間違えすぎ。鬱
732 名前： 729 投稿日： 2001/07/14(土) 03:10: >>730
なるほど、肝心のIEが未対応というわけなんですね。
733 名前： Web原理主義者 投稿日： 2001/07/14(土) 15:15: >>700
http://msdn.microsoft.com/workshop/author/css/reference/attributes.asp
ここが参考になるよ。
734 名前： Name_Not_Found 投稿日： 2001/07/15(日) 10:35: {position: fixed; top: 0; } /*Web板未対応*/
735 名前： Name_Not_Found 投稿日： 2001/07/16(月) 00:36: ゲーアー
736 名前： Name_Not_Found 投稿日： 2001/07/16(月) 11:49: あガゲロ。
737 名前： Name_Not_Found 投稿日： 2001/07/16(月) 17:53: CSSで背景指定するとhtml単体ではちゃんと表示されるのですが、
フレーム組むとネットスケープでは何も表示されなくなってしまいます。

body{ background-image:url(img/bg.gif); background-repeat:repeat-y; background-color:#000000}

こんな感じで書いてます。
初歩的な質問で申し訳ありませんが教えて下さい。
738 名前： Name_Not_Found 投稿日： 2001/07/16(月) 21:56: >>737
取り敢えず、
body{background:url(img/bg.gif) repeat-y #000000;}
これでいいんじゃない？（ちょっと無駄が多いと思うよ）
739 名前： Name_Not_Found 投稿日： 2001/07/17(火) 00:10: >>737
質問が不明確。
・「ネットスケープ」のバージョンは？
・フレームを使わない場合の「ネットスケープ」ではどうなのか？

考えられるのは、
1．NNのバージョンが4.xで、
2．背景を指定したHTMLとCSSファイルが別のフォルダにある

ってとこだけど、↑合ってる？　違ったら判んない。
740 名前： ７３７ 投稿日： 2001/07/17(火) 02:13: >>738
やってみましたが駄目でした。

>>739
すみません。
NNのバージョンは4.xです。
CSSはHTML内で直接指定しています。
フレームを使わなければNNでもちゃんと表示されます。

どうでしょうか？
フレームを使う場合はHTMLで指定しては駄目なのでしょうか？
741 名前： 738 投稿日： 2001/07/17(火) 03:16: いや、記述は漏れのであってるはず。まぁいいけど。

フレームってのが気になる。
フレーム使うと、最低でも3枚のHTML書かなきゃいけないのは分かってるよね？
（フレームと、分けたところ2つ以上）
「ネスケでは」ってなってるって事は、IEとかなら大丈夫なの？

うちフレーム使ってるけど、何ら問題なく使えるよ。
742 名前： ７３７ 投稿日： 2001/07/17(火) 03:42: >>741
もちろんフレームの仕組みは理解してます。
<BODY background="img/bg.gif" bgcolor="#000000">なら大丈夫なのですが、
CSS（737さんの記述でも）だとネスケ（IEはOK）では表示してくれないのです。
背景画像だけではなく背景色すら･･･。

ページ単体なら表示されるので原因が全く分かりません･･･。
743 名前： Name_Not_Found 投稿日： 2001/07/17(火) 03:53: >>742
background-image: url("img/back.gif");

ダブルクォート入ってる？　こんくらいしか思い当たらない。
744 名前： Name_Not_Found 投稿日： 2001/07/17(火) 03:53: いや、関係ないか。忘れてくれ
745 名前： Name_Not_Found 投稿日： 2001/07/17(火) 09:09: age
746 名前： Name_Not_Found 投稿日： 2001/07/17(火) 09:50: ディレクトリをフラットにしたらできたりして。
747 名前： Name_Not_Found 投稿日： 2001/07/17(火) 10:00: >>746
そうだよね。俺も >>739 の 2 だと思うんだけど。
748 名前： Name_Not_Found 投稿日： 2001/07/17(火) 10:01: まさか @import してるなんて言わないよね？
749 名前： Name_Not_Found 投稿日： 2001/07/17(火) 11:09: とりあえず IE でも NN4 でも Mozilla でも CSS でそれぞれのフレームの背景画像が出ることは確認した．
親フレーム「だけ」で背景画像指定してて，それが子フレームに表示されないっていうんじゃないよね？
それだと IE だろうと Mozilla だろうと無理だから違うよな…．

>>737
問題ない範囲でソース見せてくれない？
750 名前： Name_Not_Found 投稿日： 2001/07/17(火) 13:05: 親要素のheightがautoのときに子要素のheightを
パーセント指定にしても親要素のheightを
IE5では参照してくれるのにNN6では参照してくれません。
どっちがCSSとして正しい挙動なのでしょうか？
autoのときにも参照してくれると便利なんですけど。
751 名前： 497 投稿日： 2001/07/17(火) 13:13: >>750
IE5が不正のはず。
752 名前： Name_Not_Found 投稿日： 2001/07/17(火) 13:19: >>737
どんなフレームの切り方して、どのフレームが×なのか
教えてくれないかな。それによってやりようもあるかもだし。
753 名前： 737 投稿日： 2001/07/17(火) 15:28: 大変お騒がせしました。
サーバにうｐしたらちゃんと表示されるようになりました。
ローカルでは相変わらず表示されませんが。

何はともあれ皆様ありがとうございました。
754 名前： Name_Not_Found 投稿日： 2001/07/17(火) 17:54: >>753
聞くだけ聞いといて詳細も説明せずに
今度はいきなり「解決しましたありがとうございました」で終わりすか…
755 名前： 738 投稿日： 2001/07/17(火) 18:30: 分かった。
pngとかjpeg画像だったんじゃないの？
756 名前： Name_Not_Found 投稿日： 2001/07/17(火) 18:45: >>755
ローカルで見えなくてサーバに上げたら見えるってこととつながるかなあ？
757 名前： 737 投稿日： 2001/07/17(火) 19:29: すみません自分で勝手に完結してしまいまして･･･。

http://www5c.biglobe.ne.jp/~aco/index3.html
これが現物です。
今までNNでは表示されないと書きましたが、
よく見ると一瞬だけ表示されて（0.1秒くらい）その後表示されなくなる。
といったほうが正しいかもしれません。

それとWin版NNならローカルでも表示されたので、
表示されないのはMac版NNだけです。
758 名前： Name_Not_Found 投稿日： 2001/07/17(火) 19:47: >>757
<frameset rows="68,1*" cols="*" frameborder="NO" border="0" framespacing="0">
の、rows="68,1*"ってのがなんとなくぁゃ ι ぃ。
759 名前： 738=755 投稿日： 2001/07/17(火) 20:23: >>756
家はそれでpngとjpegが見れない。IEだけど。
Cookie消せば直るとかって聞いたけど、いろんな所の情報が消えるのはね・・・。
ローカルだと見えなく、鯖に上がればしっかりと表示される。
760 名前： Name_Not_Found 投稿日： 2001/07/17(火) 20:58: >>759
MIME タイプの設定が間違っているのでは。
フォルダオプションで色々いじってみるヨロシ。Windows だよね？
761 名前： 750 投稿日： 2001/07/17(火) 21:28: >>751
うーん、そうなんですか。
今CSSでムーノーローカルのテーブルデザインを
再現することに挑戦しているんですが、
http://www.muunoo.com/topic.html
こんなふうに記事の見出しと本文のheightを合わせるには
どうすればいいのかわからないんです。
親要素のheightを子要素が参照してくれるIE5でなら
うまくいってたんですけど…。
762 名前： Name_Not_Found 投稿日： 2001/07/17(火) 21:37: >>761
height固定で本文overflow: auto;

解決になってないけどナー
763 名前： Name_Not_Found 投稿日： 2001/07/17(火) 21:51: http://www.zspc.com/documents/css2/colorbg/bgimage.html
764 名前： Name_Not_Found 投稿日： 2001/07/18(水) 00:15: >>763
もう終わった。
つーかそこに載ってるようならあんなにレスつかんよ。
765 名前： Name_Not_Found 投稿日： 2001/07/18(水) 00:25: 背景の画像１つだけを常に右下に配置するには
どんなタグを使えばいいの？
bgproperties="fixed"でテキストだけを動かす事はできたんだけど
背景の画像が幾つも連なって表示されてしまいます。
766 名前： 497 投稿日： 2001/07/18(水) 00:29: >>765
background: url(image.gif) fixed no-repeat right bottom
;
767 名前： Name_Not_Found 投稿日： 2001/07/18(水) 00:31: >>765
二箇所で同じことを聞くのはやめたまへ．
768 名前： 初心者スレの819 投稿日： 2001/07/18(水) 00:32: >>766
カブタね。
769 名前： Name_Not_Found 投稿日： 2001/07/18(水) 00:47: <STYLE type="text/css">
<!;---
BODY { background-image: url("画像");

background-repeat: no-repeat;
background-position: right bottom
}
--->

かちゅーしゃの背景を指定したかったんだがfixed入れると
うまくいかないんだよ
>>766-768
770 名前： Name_Not_Found 投稿日： 2001/07/18(水) 00:49: ﾖﾛｽｺﾀﾉﾑ
771 名前： 初心者スレの819 投稿日： 2001/07/18(水) 01:06: >>769-770
かちゅで試してみたけどちゃんと右下にフィックスしたよ。
そのソース↓

<style type="text/css">

body { background: url("画像") no-repeat fixed right bottom; }

</style>

試しに貼ってみ。
772 名前： Name_Not_Found 投稿日： 2001/07/18(水) 01:09: おぉ、さんきゅ。
やってみるよ
web製作板ﾏﾝｾｰ
773 名前： Name_Not_Found 投稿日： 2001/07/18(水) 01:12: ﾃﾞｷﾀﾖヽ(´ー`)ﾉｻﾝｸｽ㌧

>>771
774 名前： Name_Not_Found 投稿日： 2001/07/18(水) 10:06: 厨房にてスミマセン。質問させて下さい。
>>757氏のソース見て僕も思たんですが
<frameset rows="68,1*">←こういう
「1*」みたいなのたまに見ますがどういう
意味があるのでしょうか。ただ*指定したのと
違いあるのか。あと、同じトコロにある、
<～～,1*" cols="*">←このcolsの意味も
分かりません。なんであるのか。

つか、まったくスレ違いでスミマセン。
775 名前： Name_Not_Found 投稿日： 2001/07/18(水) 14:39: ageてみた。
776 名前： Name_Not_Found 投稿日： 2001/07/18(水) 16:08: >>774
http://www.ne.jp/asahi/minazuki/bakera/html/reference/dataformat#multilength
777 名前： Name_Not_Found 投稿日： 2001/07/18(水) 16:20: >>774
この場合、<frameset rows="68,*">と同じ。
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/types.html#type-multi-length
778 名前： Name_Not_Found 投稿日： 2001/07/18(水) 16:57: >>774
「意味はない，違いはない（，cols の方は必要ない）」と思う．
あくまで想像だが，そういうソースを吐く HTML エディタがあるとか．
779 名前： Name_Not_Found 投稿日： 2001/07/18(水) 17:29: >>778
意味無いみたいですね。
Dreamweaverでフレーム組むとそういうソースを吐きます。
780 名前： 774 投稿日： 2001/07/19(木) 00:21: >>775-779
はー。意味ないんスか。勉強なりました。
ウオッス。
781 名前： Name_Not_Found 投稿日： 2001/07/19(木) 04:09: 質問です～
<table width="250" border="1" cellpadding="3" cellspacing="0" bordercolorlight="#000000" bordercolordark="#FFFFFF">
<tr><td bgcolor="#背景色(ここではピンク）" align="right">
ここに文字。
</td></tr>
<tr><td>
ここにも文字。
あああああああああああああああああああああ
</td></tr>
</table>

このようなテーブルの効果を出したいのですが
CSSでスパッと指定出来る方法ご存知の方いらっしゃいますか？
いちいちテーブルごとにかくの面倒で…

厨房質問でｽﾏｿ
782 名前： Name_Not_Found 投稿日： 2001/07/19(木) 04:37: テーブルレイアウトを使わずに
ページの左右両端に背景画像を置きたいのですが、
CSSを使ってできますか？
783 名前： 厨房でざいなー 投稿日： 2001/07/19(木) 09:34: ここの書き込み欄のようなテキストボックスの色や、
文字を選択したときの「青背景白文字」の色を変えることはできますか？
784 名前： Name_Not_Found 投稿日： 2001/07/19(木) 09:36: >>781
こういう意味かどうか分からないけど。
width,border,backgroundを使えば何とかなると思います。

<div style="width:249px;border:1px solid #000">
<div style="background:pink;text-align:right;padding:3px;
border-top:1px solid #fff;border-left:1px solid #fff;border-bottom:1px solid #000">
ここに文字。
</div>
<div style="padding:3px">
ここにも文字。
あああああああああああああああああああああ
</div>
</div>
785 名前： 784 投稿日： 2001/07/19(木) 09:39: >>782
http://www.parkcity.ne.jp/~chaichan/qanda/qa1457.htm
786 名前： 784 投稿日： 2001/07/19(木) 09:45: >>783
書き込み欄
textarea{background:pink;color:blue}

文字選択色変更
<span style="color:white;background:black">何か</span>
選択してないときも変わるけど(^^;
787 名前： Name_Not_Found 投稿日： 2001/07/19(木) 12:28: >>781
<html>
<head>
<style>
dl{
width:250px;
border-color : #000000;
border-style : solid;
border-width : 1px 1px 1px 1px;
}
dt,dd
{
padding : 3px 3px 3px 3px;
}
dt{
width:100%;
background-color:pink;
textalign:left;
border-color : #ffffff;
border-style : solid;
border-width : 2px 0px 0px 2px;
}
</style>
</head>
<body>
<dl>
<dt>タイトル行</dt>
<dd>文章だよう。</dd>
</dl>
</body>
</html>
788 名前： 787 投稿日： 2001/07/19(木) 12:30: うう、1行だけだったのに省略された…鬱だ…。
ところでよくわからんまんま
dl,dt,ddつかってるんだけどええんかいのう（藁
789 名前： Name_Not_Found 投稿日： 2001/07/19(木) 12:42: >>788 これはちょっと使い方が違うかもね。dl要素は「定義のリスト」だから・・・。
<dt>に定義したい語、<dd>にその語の説明を入れる。

<dl>
<dt>タイトル行</dt>
<dd>文章だよう。</dd>
</dl>
790 名前： Name_Not_Found 投稿日： 2001/07/19(木) 13:44: >>781
スパっとかどうか判らないけど、
見出しとP使って全く同じもの作ってみたよ。

div　{ width: 250px; border: 1px solid black; }

h3　{
　　　　font: 1em sans-serif;
　　　　text-align: right;
　　　　background: pink;
　　　　margin: 0; padding: 3px;
　　　　border-top: 1px solid white;
　　　　border-bottom: 1px solid black;
　　　　border-left: 1px solid white;
}

p　　{ margin: 0; padding: 3px; }

<div>
　<h3>ここに文字。</h3>
　<p>ここにも文字。あああああああああああああああああああああ</p>
</div>
791 名前： 790 投稿日： 2001/07/19(木) 13:58: すまん、<h3>と<p>の前の全角スペースは削ってくれ。
792 名前： Name_Not_Found 投稿日： 2001/07/19(木) 14:31: >>788-789

定義リストだけど、水無月氏の文献によると
＞一対一で対応するものを表現するのに広く使われているようです
http://www.ne.jp/asahi/minazuki/bakera/html/reference/list#dl
らしいから、広義的には間違ってないのかも。
だけど、タイトルと文章なら見出しと段落の関係の方が適切だと思うよ。
793 名前： Name_Not_Found 投稿日： 2001/07/19(木) 15:05: >>784　>>787 >>789 >>790
ありがとうございました！
これで若干　楽になりました(笑
794 名前： 787 投稿日： 2001/07/19(木) 22:00: >>789>>792
おお、お勉強になりました。
改めてリファレンス見てきます。
795 名前： Name_Not_Found 投稿日： 2001/07/19(木) 23:31: >>782
同じ要素に複数の背景画像を指定するのは今んトコ無理。
BODYの中身を全部DIVで括って個別に指定すればできないこともないけど･･･。
796 名前： Name_Not_Found 投稿日： 2001/07/20(金) 16:34: age
797 名前： Name_Not_Found 投稿日： 2001/07/21(土) 13:43: age
798 名前： Name_Not_Found 投稿日： 2001/07/21(土) 18:22: 外部スタイルシート一つにまとめた方がいいですか？
今は style.css と style="" がごっちゃになってるんですけど。
799 名前： Name_Not_Found 投稿日： 2001/07/21(土) 19:22: >>798
２行目の意味がイマイチ不明だけど…
纏められる分は外部に纏めて置いた方が良いだろう。
メンテもし易いし。
800 名前： 798 投稿日： 2001/07/21(土) 19:51: ちょっと追加
外部ファイル（style.css）と
タグ中のstyle=""と
<style type="text/css">を同時に使っているって事です。
（もちろん、class=""も使っています。）

この夏休みを使って、ちょっとづつでも確実に外部スタイルシート一つにまとめようかな・・・
801 名前： Name_Not_Found 投稿日： 2001/07/21(土) 20:24: >タグ中のstyle=""

はいつか廃止になるんだよね。
802 名前： Name_Not_Found 投稿日： 2001/07/21(土) 20:57: Modularization of XHTMLとそれに従って書かれたXHTML 1.1では“非推奨”。
XHTML Basicでは元から採用されていない。
XHTML 2.0辺りで削除されるのではないかと思われ。
803 名前： ななし 投稿日： 2001/07/21(土) 21:12: Top Style Liteなんかを使ってると、自分がどんなclassの設定をつくったかが
一覧で出て来て、視認性・検索性がアップするので、そういうのも外部ファイルに
CSS設定をまとめるメリットのひとつなのかなと思ったり。

html中にstyle=""だと、散逸して、自分でもわけわからんようになる。
804 名前： Name_Not_Found 投稿日： 2001/07/21(土) 21:59: でもポジショニングとかはstyleのほうがいいよな。
それも全てxslでやれと？
805 名前： Name_Not_Found 投稿日： 2001/07/22(日) 01:10: >>804
何のはなしだよ。ココは*css*のスレだよ。
大体ポジショニングをxslでやったらいかんよ。
xslはあくまでhtml化するために使って、そっから先はcssでやりませう。
806 名前： Name_Not_Found 投稿日： 2001/07/22(日) 01:24: >>804
そうだよね、ポジショニングとかまで何でも全てID付けて
外部CSSでやれというのはいまいち利点がわからん…
807 名前： Name_Not_Found 投稿日： 2001/07/22(日) 02:11: >>806
idも付けられんような無意味なレイアウトは、というかそんなページは根本的に宜しくない、ということでは。
アクセシビリティの観点から。
808 名前： Name_Not_Found 投稿日： 2001/07/22(日) 02:55: 項目毎にきちんとマークアップすればいいと思うんだが
まさか全エレメント一つ一つ座標指定してるんじゃないよな？
809 名前： Name_Not_Found 投稿日： 2001/07/22(日) 03:28: 代替シートってのもあるからな
810 名前： 805 投稿日： 2001/07/22(日) 12:02: しまった。「レイアウト」をまちがえて「ポジショニング」と書いたばかりに
話しが迷走してしまった。ｽﾏｿー。
811 名前： Name_Not_Found 投稿日： 2001/07/22(日) 12:04: >>805
うーん、実はXSLってのはXSL-FOとXSLTの二種類に大きく
別ける事が出来るんだけど、
XMLをHTMLに整形するのは主にXSLTの話。
XSL-FOって実は殆どCSSと同じ機能のモノなんよ。
CSS以上の表現力がある訳で無し、
わざわざXMLの文法でCSSぽいものを書く必要も無いんで
全然普及してないんだよね。
だから、XSLとCSSがまるで無関係かと言うとそうでもない。
812 名前： 805 投稿日： 2001/07/22(日) 18:17: >>811
そうだったのか…
知ったかでｽﾐﾏｾｿ。

俺、最近こういううの多いなぁ…
もちと勉強します。
813 名前： Name_Not_Found 投稿日： 2001/07/23(月) 12:29: あげ
814 名前： Name_Not_Found 投稿日： 2001/07/23(月) 16:59: a:hover
を特定のグループのリンクだけに適用したのですが、どうしたらよいでしょうか。

＃imgのリンクまで適用されるのを防ぎたいのです。
815 名前： Name_Not_Found 投稿日： 2001/07/23(月) 17:09: >>814
classを振る。
適用したいのだけ、class="a"とでもつけて、
.a a:hover{}
でよろしいかと。
816 名前： Name_Not_Found 投稿日： 2001/07/23(月) 18:00: >>814->>815
imgだけ除外をするなら、
a:hover img { デフォルトの状態 }
の方が良くない？
817 名前： Name_Not_Found 投稿日： 2001/07/24(火) 00:45: li { margin-left: 0; list-style-type: none; }
とした時、IE5.5では、リストが左にピッタリ寄るのですが、
MozillaやNetscape6では、リストの左にリストのマーカー用のボックス分だけ
スペースが空くようです。
CSSの仕様では、本来どちらが正しいのでしょうか？
MozillaやN6でも左にピッタリ寄せたいのですが、どうすればいいのでしょうか？
818 名前： Name_Not_Found 投稿日： 2001/07/24(火) 00:47: 誘導しておこう。
http://natto.2ch.net/test/read.cgi?bbs=hp&key=994004855&st=214&to=214&nofirst=true
819 名前： Name_Not_Found 投稿日： 2001/07/24(火) 01:00: >>817
ul { padding-left: 0; }

IEとN6とでは「デフォルトのスタイル指定」に差があります。
820 名前： 817 投稿日： 2001/07/24(火) 01:10: >>819
なるほど。できました。
ありがとうございました。
821 名前： Name_Not_Found 投稿日： 2001/07/24(火) 09:10: >>815-816
ありがとうございました。
822 名前： Name_Not_Found 投稿日： 2001/07/24(火) 09:54: >>816
ん?それはそれでいいのか?
それだと「a要素がhoverのときに、子要素のimg要素に適用される」って意味だろ?
具体的にhoverで何をやってるのかはしらんが、なんとなく疑問だったので。
意味的にもなんとなく>>815のほーがいいような。
＃あんまり言ってると信者になっちゃうから言わないケドー
823 名前： Name_Not_Found 投稿日： 2001/07/24(火) 10:35: >>815でしょ。
824 名前：　投稿日： 2001/07/24(火) 12:35: よく<TEXTAREA>にWhat'sNewを書いてるページを見ますが、
<TEXTAREA>内のテキストにスタイルシートを適用することって
できるのでしょうか？
825 名前： Name_Not_Found 投稿日： 2001/07/24(火) 12:39: >>824
とりあえずやってみたら良いんじゃないかと。
どこか壊れる訳でもないし。
ていうか、普通に出来るよ。
826 名前： Name_Not_Found 投稿日： 2001/07/24(火) 16:00: フィルターの使い方を今日覚えましたが、
もう画像いらずって感じでおしっこ漏れそうです。
まだフィルターを多用するのはよせとかありますか？
827 名前： Name_Not_Found 投稿日： 2001/07/24(火) 16:17: >>826
別にないよ。でもおしっこ漏らすなよ。
828 名前： Name_Not_Found 投稿日： 2001/07/24(火) 16:49: はい、おむつ携帯してますから平気です。
829 名前： Name_Not_Found 投稿日： 2001/07/24(火) 17:05: <div style="clear: both;">
<img src="..." style="float: right; width: auto;">
<p>...</p>
</div>

画像を右に置いてテキストを左に置く，普通の書式ですが，このブロックを多数並べて
レイアウトを組んだ時にブロック間の上下の間隔をうまくそろえる方法で悩んでいます．
<div> に margin を設定しても画像の高さが（テキスト + margin）よりも大きい場合には
画像のすぐ下に次のブロックがくるようなレイアウトになってしまい，かといって
<img> に margin を設定するとテキストの回りこみが起こったときに画像とテキストの
間が開いてみっともないことになります．
何か案があったらコメントいただけないでしょうか．
830 名前： 829 投稿日： 2001/07/24(火) 17:45: ちょっと自己フォロー．
<img> に margin-top を適当につければ，ある程度はうまくいきました．
しかし，各画像とテキストをまとめる意味で <div> で囲んでいるので，
できれば <div> ブロック単位で margin を設定したいのですが…．
float させたら無理なんでしたっけ？それともこの書き方が html の構造として正しくない？
831 名前： Name_Not_Found 投稿日： 2001/07/25(水) 00:33: age
832 名前： Name_Not_Found 投稿日： 2001/07/25(水) 08:44: >>829
divにheightを指定すれば？
divに背景色付ければわかると思うけど、文章が短い場合は画像がdivからはみ出す。
833 名前： Name_Not_Found 投稿日： 2001/07/25(水) 10:59: あげ
834 名前： 829=830 投稿日： 2001/07/25(水) 12:29: >>832
画像の高さより大きめの height を div に設定して，うまくいったと思ったのだけど，
mozilla で文字の大きさを大きくして（テキストが div の height を超えるようにして）
見ると，上下のブロックの文字が重なって悲惨なことになってしまいました．むー．
IE だと，文字が増えた分だけ div の height も自動的に増えてくれてるんだけど．

ともかく，ありがとうございました．
835 名前： Name_Not_Found 投稿日： 2001/07/25(水) 15:02: age
836 名前： Name_Not_Found 投稿日： 2001/07/25(水) 16:05: background-color : #000000;

background : #000000;

これってどっちでもいいんですか？
普通どっちですか？
837 名前： Name_Not_Found 投稿日： 2001/07/25(水) 16:37: ＞＞836
上
838 名前： Name_Not_Found 投稿日： 2001/07/25(水) 17:02: >>836
どっちでもいいけど、ブラウザによってはbackground-colorを解釈できない。
839 名前： Name_Not_Found 投稿日： 2001/07/25(水) 20:41: >>836
http://www.ne.jp/asahi/minazuki/bakera/html/css/colors#background
これか。
840 名前： Name_Not_Found 投稿日： 2001/07/25(水) 20:42: >>839
>>836は>>838の間違いだ。
841 名前： Name_Not_Found 投稿日： 2001/07/25(水) 21:59: とはいえIE3じゃないか。
NN4の様に議論にもならん。無視無視。
「background-color」の方向だね。
842 名前： Name_Not_Found 投稿日： 2001/07/25(水) 23:19: つか、background は一括指定のためのものだから、
使って悪いってワケでは無いんだけどな。
843 名前： Name_Not_Found 投稿日： 2001/07/25(水) 23:39: 例えば、背景色のみ設定の場合は一括指定したい訳ではないから、
*{background-color : #000000;}
こうしておけばいいんですかね。
844 名前： Name_Not_Found 投稿日： 2001/07/26(木) 00:08: >>834

div.親ブロック {

height: 画像の縦;
\68 eight: auto;
\6D in-height: 画像の縦;

}

Netscape6ならこれでいけるはず。
845 名前： Name_Not_Found 投稿日： 2001/07/26(木) 05:05: backgroundとかlist-styleは常に一括指定でいいと思う
846 名前： Name_Not_Found 投稿日： 2001/07/26(木) 06:45: だが font の一括指定は font-family が外せないのでちょっと困る。
指定すると文字化けするんだまたこれが…何でやねん。
こっちゃ serif 指定してるっちゅーの。
847 名前： Name_Not_Found 投稿日： 2001/07/26(木) 11:26: あげ
848 名前： Name_Not_Found 投稿日： 2001/07/26(木) 12:34: >>846
そのserifが化けるんじゃなかった？
849 名前： Name_Not_Found 投稿日： 2001/07/26(木) 13:25: 字間のカーニングってなんですか？
850 名前： Name_Not_Found 投稿日： 2001/07/26(木) 13:47: >>848
何ッ
serif って明朝体（だっけ？）のどれかが割り当てられるんじゃなかったっけ。
ＭＳ　Ｐ明朝ならそれだけしか選ばれないけど、
serif ならＭＳ　明朝だろうがＭＳ　Ｐ明朝だろうがどれかを選んでくれる…と聞いたけど。
851 名前： 834 投稿日： 2001/07/26(木) 17:29: >>844
うまくいきました（Mozilla 0.9.2 で）．ありがとうございます．
なぜこのように（エスケープ？）すると上手くいくのか，調べてみようと思います．
自分でも検索してみますが，どこか参考になるサイトがありましたら教えていただけませんか．
852 名前： Name_Not_Found 投稿日： 2001/07/26(木) 18:07: >>849
letter-spacing
853 名前： 844 投稿日： 2001/07/26(木) 18:11: >>851
CSSの仕様では、セレクタ・プロパティ・値それぞれをエスケープ文字で記述しても良いことになってます。
一部の先進的なブラウザはエスケープされた文字列を仕様通りに正しく解釈できるので、>>844のように書けば後半の指定でheight/min-heightの指定が上書きされ、対応していないブラウザでは前半の指定のみが有効になる、という仕組みです。
UTF-16（Unicode）の文字コード（16進数）をバックスラッシュのあとに書けばOKです。
ここの「CSS1」の項に詳しい解説があります。
http://east.portland.ne.jp/~sigekazu/css/ascii.htm

ここでは面倒なのでプロパティの頭の1文字だけエスケープさせましたが、全体をエスケープしてももちろんOKです。
854 名前： 848 投稿日： 2001/07/27(金) 09:13: >>850
ごめん、sans-serifの話だった。
どうして化けるんだろうね。
855 名前： 851 投稿日： 2001/07/27(金) 10:05: >>853
詳しい解説ありがとうございます．いろいろ応用が利きそうなので
「イケてるスタイル」スレッドも見ながらもっと勉強してみます．
856 名前： Name_Not_Found 投稿日： 2001/07/27(金) 10:43: そういえばうちはgeneric-familyで化けたことないんだけど。
環境に依存するんだっけ？
857 名前： Name_Not_Found 投稿日： 2001/07/27(金) 13:28: なんにせよ、font-family は指定しない方が良い…と。
つか、書体の絶対指定をしているって考えると、
文字化け云々は別にして、指定しない方が良いのかも。
858 名前： Name_Not_Found 投稿日： 2001/07/27(金) 13:37: 擬似フレームの解説が載ってるサイトを教えてください。
859 名前：？投稿日： 2001/07/27(金) 14:01: [IE5]sans-serif を指定した HTML ファイルを表示すると文字化け
http://www.microsoft.com/JAPAN/support/kb/articles/J058/3/67.htm
860 名前： Name_Not_Found 投稿日： 2001/07/27(金) 14:43: Win IE4.0～5.5、NC4.7、Mac IE4.5～5.0、NC4.7 Unix NC4.7までを対象に、出来るだけ画面で見たときの文字サイズが近くなるようなCSSを用意したいのですが、
どこかにサンプルありませんでしょうか？
あと、javaｽｸﾘﾌﾟﾄで各CSSへのリンクを分岐してる場合ですが、javaをoffにしてる人に対してはどのような対処をされていますか？
861 名前： Name_Not_Found 投稿日： 2001/07/27(金) 15:01: >>860
<noscript><link rel="stylesheet" ...></noscript>
はどう?
HTML的には文法違反だけど。
862 名前： 844 投稿日： 2001/07/27(金) 15:12: >>860
S5というスクリプトはDOMを使って元からヘッダに書いてあるlink要素を利用するので、media属性やなんかと組み合わせればどうとでもなりそう。
863 名前： Name_Not_Found 投稿日： 2001/07/27(金) 15:20: dl{
width:500px;
border-color : #ffffff;
border-style : double;
background-color : White;
}

dt{
width:500px;
background-color: Silver;
border-color : #000000;
text-align : center;
font-weight : bold;
}
dd{
text-align : left;
font-weight : bold;
}

話題を横にずらすようで悪いんだけど、>>787を見て、
こんな風にしたんだけど、IE5.5、N6では思うようにできました。
NN4.xだと、dl,dtともに背景色が出ません。仕様ですか？
それともどっかおかしいですかね？この書き方。
864 名前： Name_Not_Found 投稿日： 2001/07/27(金) 15:56: 
これで、リンクに重ねたときにアンダーラインを入れることって
できないんんですか？
backgroundと両用するのは無理ですか。別々にclass指定しないとだめですか？
865 名前： Name_Not_Found 投稿日： 2001/07/27(金) 16:03: >>864
a:hover{text-decoration:underline;}
866 名前： Name_Not_Found 投稿日： 2001/07/27(金) 16:06: >>864
ん？
a:hover{
background-color: yellow;
text-decoration: underline;
}
で問題ないと思うけど？で，a:link の方は「まだ見てないリンクは
下線を消す（他のリンクは知らない）」となっているけど，それは意図通り？
867 名前： 864 投稿日： 2001/07/27(金) 21:07: >>865-866
ありがとう。
あ、見てない所の線を消すんですか？
リンクにカーソルが乗った時にアンダーラインが出て、
何もないときには消えてるという具合にしたかったんです。
868 名前： 864 投稿日： 2001/07/27(金) 21:11: IEの履歴にカーソル合わせたときみたいなのにしたいんです。
(MAC)
869 名前： sage 投稿日： 2001/07/27(金) 21:19: >>864
まとめ。これで出来るよ。
870 名前： 愚問ですが。 投稿日： 2001/07/27(金) 21:28: 素朴な疑問です。スレの主旨からずれるんですが、なぜ、最近はcssの
規格統合(各ブラウザでの互換性の向上など)が強力になされるようになったのですか？
これまでにあったhtmlの方で同様のことをしていけばいいのにとも思います。
タグ辞典を見ても、同じ効果を求めるのにcss推奨みたいなことが書いてあるのが
多く、htmlよりもその子供(？)的なcssを意欲的に発展させていこうという意図が
わかりません。
ブラウザや、各スクリプトの仕様が巨大ビジネスにつながっているというのは
分かるんですが、htmlよりcssを優先(しているように見える)することで
誰が得するんでしょう？
そういう事情に詳しい人教えてください。

スレとずれてるので下げます。
871 名前： Name_Not_Found 投稿日： 2001/07/27(金) 21:45: んー、Strict-HTMLスレとかで聞いた方が良い答えが返ってきそうだが。
http://natto.2ch.net/test/read.cgi?bbs=hp&key=992708594

まぁ、予備知識程度に少々語らせてもらうと…

HTML は本来、文章の意味を明示的にマーク付けする為の言語であって、
見た目の制御をするものでは無かったんだ。

でも、HTML3 辺りから意味をマーク付けできない、
ただ見た目を制御するだけのタグが大量に出て来た。

（長くなるので中略）

そして今、HTML4 ～ XHTML で、HTML には本来の役割を、
そして見た目の制御は全て CSS 等の代替スタイルシートでやってしまおう、
という方針になったわけだ。

だから HTML や CSS 自体は、ビジネス等には全く関係無い。
まぁ、思想の問題だ。

まぁ、大方こんなもんだな。
872 名前： Name_Not_Found 投稿日： 2001/07/27(金) 21:46: >>870
一応習ってsage。

http://www.zspc.com/documents/wcag10/
WAIのガイドライン

http://www.zspc.com/documents/wcag10-tech/#tech-style-sheets
3.3　レイアウトや表現方法などを制御するにはスタイルシートを使う。[優先度2]

取り敢えず、一度目を通して。
873 名前： 愚問ですが。 投稿日： 2001/07/27(金) 21:56: ははぁ、なるほど。872、871のお二人様(1人？)、ありがとうございます。
リンク先、読んでみます。
874 名前： Name_Not_Found 投稿日： 2001/07/27(金) 22:36: 以下のような指定でdiv class="menu"を３つ横に並べました。
CSS : div.menu{float:left; (略)}
HTML : <div class="menu">テス</div>×３
それ以下のコンテンツをフロート解除して表示させたいのですが、
clearの使い方が良くわかりません。

テステステス
あああ

のように、フロート解除して「あああ」の部分を表示するためには
clearをどのように使用すればいいのでしょうか。
文章わかりにくくてすみませんm(_ _)m
875 名前： Name_Not_Found 投稿日： 2001/07/27(金) 22:47: >>874
div.menu + * { clear: both } でいけるかな。
876 名前： Name_Not_Found 投稿日： 2001/07/27(金) 23:35: >>875
そしたら
テス
テス
テス
あああ
になっちゃわないかな?
<div id="aaa">あああ</div>
で
div#aaa{clear:both}
でいいんじゃない?
877 名前： Name_Not_Found 投稿日： 2001/07/28(土) 00:27: >>869
それだとhoverの指定がlinkで上書きされてしまわない？
CSS2 Spec.にそう書いてあったような……。



の方がいいと思われ。
878 名前： 864=869 投稿日： 2001/07/28(土) 01:02: みなさん、ありがとう。
おかげでうまくいきました。
879 名前： Name_Not_Found 投稿日： 2001/07/28(土) 01:35: 875さん876さん、どうもありがとうございました。
>>876で上手くいきました。
880 名前： Name_Not_Found 投稿日： 2001/07/28(土) 16:40: age
881 名前： Name_Not_Found 投稿日： 2001/07/29(日) 00:57: 質問でーす
http://hp.vector.co.jp/authors/VA013937/cssref/clear.html
のページにある緑の長線はどうやれば出せるのでしょーか？
ソース見ただけではよく分からないのですが・・・
882 名前： Name_Not_Found 投稿日： 2001/07/29(日) 01:08: >>881
ソース見ただけじゃわかんないよ．
（いや，わかるけど，わかんない人がソースだけ見てもわかんないよ．）
ソース見たら css ファイルがが同じディレクトリの cssref.css だって
ことがわかるはずだから，それを見ればわかる，はず．
（単純に div に background-color を指定しているだけ．）
883 名前： Name_Not_Found 投稿日： 2001/07/29(日) 01:09: div.band{ background-color:lightgreen;}
<div class="band">ほげほげ</div>
こんな感じ。
でも、ここみたいに<div>が沢山あるのはどうかと思うなぁ・・・
884 名前： Name_Not_Found 投稿日： 2001/07/29(日) 01:12: >>881
まず、ソースだけ見るんじゃなくて、
リンクになってるスタイルシートもチェックしよう。
div.band{ background-color:lightgreen;}
という風になってたよ
885 名前： Name_Not_Found 投稿日： 2001/07/29(日) 01:13: 恐ろしいほどかぶたね（ｗ　>>882-884
886 名前： クソ初心者で悪いんだが 投稿日： 2001/07/29(日) 01:17: >>884
>リンクになってるスタイルシート
これ何の事？？？
887 名前： あっこれの事か？ 投稿日： 2001/07/29(日) 01:21: <link rel=stylesheet type=text/css href=cssref.css>

で、チェックの仕方とは？>>884さん教えてくだされ
888 名前： Name_Not_Found 投稿日： 2001/07/29(日) 01:44: >>882 のcssファイルのこと。
まずGoogleなどで調べてみた？
イヤミじゃなくて、自分で調べる努力しないと上達はしないよ。
cssファイルが何かも検索すればすぐ出てくる。
それで分からないことがあったら、聞くべし。
889 名前： 888 投稿日： 2001/07/29(日) 01:46: >>887
あ、分かってたか。ごめん。
>>884さんじゃないけど、ヒント。
cssファイルのURLをブラウザのアドレス欄に入れれば出てくるよ。
890 名前： Name_Not_Found 投稿日： 2001/07/29(日) 03:36: >>886
884だけど、俺の書き方が悪かったごめん。
けど、css使うくらいならもうネット的に見ても初心者ではないと思う是よ。
891 名前： Name_Not_Found 投稿日： 2001/07/29(日) 05:49: どうでもいいけど、dreamweaber入れてて、css直リンでみようと
すると起動しやがってウザイ。
892 名前： Name_Not_Found 投稿日： 2001/07/29(日) 06:05: >>891
ファイルの関連付けを変えたらいいんじゃないの？
893 名前： Name_Not_Found 投稿日： 2001/07/29(日) 14:22: >>881のページに<div class=sample>ってのがあるが、これ何意味してるん
だっけ？？
894 名前： Name_Not_Found 投稿日： 2001/07/29(日) 14:28: ついでに<div class=band>も・・・
895 名前： Name_Not_Found 投稿日： 2001/07/29(日) 14:37: <font color="#0000cd">△</font>
これをわざわざFONTとか入れないで
△だけで、色を”#0000cd”にしてくれる
スタイルなんかありませんか？

<font>じゃあまりにもダサイので・・・・・
896 名前： Name_Not_Found 投稿日： 2001/07/29(日) 14:56: >>895
spanにidかclassつけてcolor指定。
# background-colorも指定することを推奨(謎

>>893-894
classの意味がわからんといってるのか？
# もしそうなら仕様書を読むことをお勧めするが、
sampleの意味なんて、そりゃsample的な属性値を持ってるってことじゃないの？
897 名前： Name_Not_Found 投稿日： 2001/07/29(日) 15:01: ついでに。

idとかclassの名前なんて、分かりやすけりゃそれに越したことは無いかもしれないが、
べつに流用するために書いてるわけじゃないんだから、
auther自身が分かれば問題ないと思うのだけどどう？
898 名前： Name_Not_Found 投稿日： 2001/07/29(日) 15:23: でも、もしかしたら id や class を理解してくれる UA も出てくるかも知れないから、
まぁ、確かに解りやすいに越したことは無いな。

＃見出し id とかグループ id とかは解りやすい方がリンク貼る時なんかに良いだろうし。
＃hoge.html#html とか
899 名前： Name_Not_Found 投稿日： 2001/07/29(日) 21:10: >>id や class を理解してくれる UA
あーいや、idやclassの持つ意味を解釈するUAなんてのは
かえって混乱するから無いと思う。
予約語は無い、っていうのが基本的な条件だからね。

ただ、特定のサイトのidやclassに対してユーザースタイルシートを設定する、
ってのはアリだと思う。
900 名前： Name_Not_Found 投稿日： 2001/07/30(月) 00:52: res{number:900;}
901 名前： Name_Not_Found 投稿日： 2001/07/30(月) 00:53: >>895
かっこいいかっこわるいでcss使うってのはちょっと間違ってると思うよ。
902 名前： Name_Not_Found 投稿日： 2001/07/30(月) 10:01: あげ
903 名前： Name_Not_Found 投稿日： 2001/07/30(月) 16:37: >>899
言い方が悪かったすまそ。
理解っていうのは意味を理解するんじゃなくて、例えばポップアップでクラス名が出て来たりとか、
読み上げてくれるとか、そういう意味。
904 名前： Name_Not_Found 投稿日： 2001/07/30(月) 19:45: age
905 名前： Name_Not_Found 投稿日： 2001/07/31(火) 01:52: idを重複させると表示できないブラウザってありますか？
NN6x.とIE5x.は大丈夫と確認しました。
めちゃくちゃ文字数が多いページだから少しでも文字数を減らしたい。
906 名前： Name_Not_Found 投稿日： 2001/07/31(火) 02:19: >>905
重複するなら class 使えば良いのに。
907 名前： Name_Not_Found 投稿日： 2001/07/31(火) 02:35: だから、「class」と「id」じゃ3文字も違うじゃないですか。
しかも約600個ぐらい定義しているんですよ。
1800文字ですよ。

・・そんなに重くならないっか。
何より600個も手動で変えるのが面倒です。拷問です。できれば逃げたいです。
908 名前： 905=907 投稿日： 2001/07/31(火) 02:39: ちょっと数えてみたら1000個以上使ってました。
誰か助けて下さい。
909 名前： Name_Not_Found 投稿日： 2001/07/31(火) 02:50: >>908
子孫セレクタか隣接セレクタか属性セレクタでどうにかした方がいいのでは。
どんなページか知らないけど。
910 名前： 905=907 投稿日： 2001/07/31(火) 03:03: それって何でしょうか？
一部のタグを公開すると、
<table width="660">
<tbody>
<tr>
<td width="133" id="a">********</td>
<td width="172" id="b">********</td>
<td width="45" id="a">********</td>
<td width="77" id="b">********</td>
<td width="57" id="a">*******</td>
<td width="46" id="b">******</td>
<td width="92" id="a">******</td>
</tr>
<tr>
<td colspan="7">******</td>
</tr>
<tr>
<td id="a"><a href="ht**://********/">*******</a></td>
<td id="c">**</td>
<td id="a">*******</td>
<td id="b">*************</td>
<td id="a">*********</td>
<td id="b">**********</td>
<td id="a">******</td>
</tr>
<tr>
<td colspan="7">********************</td>
</tr>
<tr>
<td id="a"><a href="ht**://*******/">********</a></td>
<td id="c">******</td>
<td id="a">*****</td>
・
　　　　・
　　　　・
こういうTRが延々と約150回ほど続きます。文字は*にしました。
911 名前： Name_Not_Found 投稿日： 2001/07/31(火) 03:16: >>910
ドキュソ決定だと思うんだが・・・
自業自得ってヤツじゃない？
912 名前： Name_Not_Found 投稿日： 2001/07/31(火) 03:25: >>910
タグの書き方よりも、そのページの目的の方が重要です。
これでは何のページかわからない。アドバイスのしようもない。
913 名前： 905=907 投稿日： 2001/07/31(火) 03:37: あ、リンクページです。
上側idを使っているtdにリンク先のサイトとそのデータ。
下側colspanを使っているtdに一行コメント。
それの繰り返しです。

確かに、チョイトやりすぎた感も見られますが、
一つ一つ指定したら60Kを超えたでしょう。今はテキストのみで30K強ぐらいです。
914 名前： Name_Not_Found 投稿日： 2001/07/31(火) 03:51: >>910
縦に同じidを並べているようなので、<col class="***"> とするようにすれば、
td要素には、idやclassは何も指定しなくても済みそうだ。
915 名前： Name_Not_Found 投稿日： 2001/07/31(火) 04:08: あのさ・・・
＞ちょっと数えてみたら1000個以上使ってました。
classとidの違いを気にするぐらいならそのページを
いくつかに分割した方がいいと思うヨ。
# ま、その辺は個人的な好みだろうからとめはしないが・・・
916 名前： Name_Not_Found 投稿日： 2001/07/31(火) 08:16: 表で一つ一つのセルに別々のスタイル
を定義しなきゃならない状況ってのが
想像できないんだが。
そんなことしたら、表に見えないような。
917 名前： Name_Not_Found 投稿日： 2001/07/31(火) 09:44: >>916
だね。914も書いてる通り、<col>を有効に使えばほとんどのidは消せると思われ。
918 名前： Name_Not_Found 投稿日： 2001/07/31(火) 09:48: <col>ってNC4.78eに適用できますか?
919 名前： Name_Not_Found 投稿日： 2001/07/31(火) 11:18: >>918
N4は対応してない。

そうそう、
＞上側idを使っているtdにリンク先のサイトとそのデータ。
＞下側colspanを使っているtdに一行コメント。
＞それの繰り返しです。
だとしたら、<dl>を使った方が構造的に正しいかもと思ったりして。
(ファイルサイズを減らすという目的には沿わないが)
<dt>
<span class="a">***</span>
<span class="b">***</span>
<span class="c">***</span>
<span class="d">***</span>
<span class="e">***</span>
<span class="f">***</span>
<span class="g">***</span>
</dt>
<dd>説明文</dd>
(セレクタ.a～.gにはそれぞれwidthを設定しておく)

…spanにwidthって設定できるんだったかな…?
920 名前： 919 投稿日： 2001/07/31(火) 11:33: スマソ、調べてみたらspanにwidthは適用できなかった。
実際試してみたらIE5はwidth適用してくれたけどN6はダメだった。
921 名前： Name_Not_Found 投稿日： 2001/07/31(火) 11:50: >>919
あぁ、やっぱり対応していないんですね。
わたしゃそれだけのために、全セルにclass指定しているんです。
泣けてきます。
922 名前： Name_Not_Found 投稿日： 2001/07/31(火) 12:05: >>921
N4も範疇に入れるならまあ仕方ないな、小さくするのは諦めろ。
923 名前： Name_Not_Found 投稿日： 2001/07/31(火) 14:21: ねぇねぇ、最初のtd class=a を th にして、
次の td class=b を td にしちゃだめなの？
TH にリンクと名前があって、TD に一行コメントって、
HTML の文法的にはだめだめっすか？
924 名前： Name_Not_Found 投稿日： 2001/07/31(火) 14:42: 正しいテーブルの作り方

<table>

<caption>表題</caption>

<thead>
<th>縦列の説明１</th><th>説明２</th><th>説明３</th>
</thead>

<tfoot>
<th>横列の説明等（合計とか）</th><td>データ</td><td>データ</td>
</tfoot>

<tbody>
<th>横列の説明等</th><td>データ</td><td>データ</td>
</tbody>

</table>

これで判断してください。
925 名前： Name_Not_Found 投稿日： 2001/07/31(火) 16:30: >>919
displayをblockにすれば出来るよ。
floatも指定しておくとインライン要素っぽく扱える。
（実は、display:inlineの要素にwidth指定するのは無効）
一行コメントにはclearを指定。でOKなはず。
926 名前： Name_Not_Found 投稿日： 2001/07/31(火) 16:41: >>924
ｔｒを忘れているようです。よって却下。
927 名前： Name_Not_Found 投稿日： 2001/07/31(火) 16:51: >>923
いや、このクラス指定はどうもデータの種別には関係無く
縦のストライプで境界を表現したいだけの様に見える。
幅をpxで固定しているなら、divで囲ってその背景に
ストライプ状の画像を指定すると言う手も考えられる。
（tableに直接指定するとN4の場合セルごとになっちゃうので）
928 名前： Name_Not_Found 投稿日： 2001/07/31(火) 16:52: 簡単な質問ですみません。
PalmやZaurus等のPDAのブラウザってCSS2.0対応なんでしょうか？
929 名前： 919=920 投稿日： 2001/07/31(火) 17:42: >>925
<dt></dt>の中にブロック要素を入れることはできないから
<span>をdisplay:blockするのはダウトではないかと。
930 名前： 925 投稿日： 2001/07/31(火) 17:50: >>929
あー、俺も昔勘違いしていたけど、
HTMLのブロックレベル要素とCSSのdisplay:blockは別物。

例えばpの中にdisplay:inlineを指定したdivはダメ。
pの中にdisplay:blockを指定したstrongはOK。

……説明になってる？
931 名前： Name_Not_Found 投稿日： 2001/07/31(火) 17:53: >>928
Zaurus MI-E1 ユーザーです。
CSS2 どころか CSS1 すら対応してません。
ブラウザのレンダリングは NN3 レベルだと思ってください。

漏れはPDA や Dreamcast では LYNX と同様に文章が読めれば
いいやと、割り切ってます。
932 名前： Name_Not_Found 投稿日： 2001/07/31(火) 18:27: >>929-930
HTML と CSS は別物なんだよ。
block 要素と block 要素“のような振る舞い”をさせることは別って言えば解りやすいかな。
933 名前： Name_Not_Found 投稿日： 2001/07/31(火) 21:06: Mozillaで
a:active { position: relative; top: 1px; left: 1px; }
ってやると、リンクをクリックした瞬間Mozillaが
落ちちゃうんですが、対応してないってことですか？
934 名前： Name_Not_Found 投稿日： 2001/07/31(火) 21:09: >>933
なんでsageんの？
a { position: relative; }
a:active { top: 1px; left: 1px; }
これで回避出来る。
935 名前： Name_Not_Found 投稿日： 2001/07/31(火) 22:15: Bugzilla逝ったほうが(･∀･)ｲｲne!
936 名前： Name_Not_Found 投稿日： 2001/07/31(火) 23:27: >>933
それ前もあったけど（ていうか漏れが書いた）、
position でなく、padding 使う手もあるです。

a { padding: 0 1px 1px 0; }
a:active { padding: 1px 0 0 1px; }
937 名前： Name_Not_Found 投稿日： 2001/07/31(火) 23:34: >>934
レスありがとうございます。デフォルトsageなタチなので・・・。
で、それでやってみたんですが、うまくいきませんでした。
（落ちることはなくなりましたが、activeでも位置がそのまま）
ひょっとするとどっか書き間違えてたのかもしれませんが、結局は

a:link、a:visitedに
{ position: relative; top: 0px; left: 0px; }
として、
a:hover（ここにも適用させることにしました）、a:activeに
{ position: relative; top: 1px; left: 1px; }
とすることで意図していた動作になりました。

>>935
別に開発に貢献したくないってわけではないんですが、
とりあえず直っちゃったので、また今度にします。
938 名前： Name_Not_Found 投稿日： 2001/07/31(火) 23:36: >>936
おぉ、なるほど。
ちょうど今友達のページ手伝ってるんで、そっちで試してみます。
939 名前： Name_Not_Found 投稿日： 2001/07/31(火) 23:39: 間違えました。
>>937
a:link、a:visitedにはposition関係は何も指定してませんでした。
940 名前： Name_Not_Found 投稿日： 2001/07/31(火) 23:44: >>937->>939です。多重すみませぬ。
まとめると、a:activeだけじゃなくてa:hoverにも書いておけば大丈夫なようですね。
941 名前： 929 投稿日： 2001/08/01(水) 08:49: >>930
え、そうだったの? 知らなかった。
CSS使えば本来インライン要素しか置けない場所に
ガンガンブロック要素(もどき)置けるのか…
…とすると色々自由度上がりそうだなあ。
942 名前： Name_Not_Found 投稿日： 2001/08/01(水) 11:02: パート４は立てないの？
943 名前： Name_Not_Found 投稿日： 2001/08/01(水) 11:36: cssで頑張るのもいいけどcss切ったときのことも考えよう。
# inlineしか含めないのにblockを含んでたとか
944 名前： Name_Not_Found 投稿日： 2001/08/01(水) 11:52: css切ってある人に対する対策はどのように？＞特にレイアウト、表組あたり
945 名前： Name_Not_Found 投稿日： 2001/08/01(水) 13:05: CSS を切った状態がデフォルトで、CSS はあくまで飾りだから問題ない。

やけに凝った飾りだが（ｗ
946 名前： Name_Not_Found 投稿日： 2001/08/01(水) 13:26: >>945
それがCSSのあるべき形なんだろうね。

今後StrictなHTMLとCSSでデザインするようなGUIエディタが主流になる
(というかDreamweaverやGoLiveがそういうソフトに転身する)
時が来たとして、それはそれで結局CSSを解釈できるブラウザでなければ
まともみ見れたもんじゃないページが世に溢れるようにならないか心配だ。
947 名前： Name_Not_Found 投稿日： 2001/08/01(水) 13:34: >>944

つきなみだけど、hrをdisplay:noneするとか。
948 名前： ちょこら 投稿日： 2001/08/01(水) 14:16: >>943>>944
それは考え方がすでに本末転倒な気がする。。
>>943の状態とかすでにhtmlとしておかしいでしょ。

cssなんてあくまでちゃんとマークアップしてあってこそのものだから
切った状態の対策も何もない。
そこがJavascriptやFlashとは違うところだと思うけど。

>>945が正論だと思う。
949 名前： ちょこら 投稿日： 2001/08/01(水) 14:17: といいつつ自分もやらかしてそうだが…。
ｽﾏｿ。
950 名前： Name_Not_Found 投稿日： 2001/08/02(木) 11:14: 初歩的な質問だったら申し訳ありません。
このサイト、画像の上にテキスト文字が乗っているのですが、
これはどうやって指定するのでしょうか？
↓
http://www.orbis.co.jp/

背景に画像をリピートなしで置いて、その上にテキストかと思いましたが、
ネットスケープ4.7でもエクスプローラー5.0でも同じように
表示するにはこの方法ではまずいんですよね？
すみません、教えて下さい。
951 名前： Name_Not_Found 投稿日： 2001/08/02(木) 12:25: >>950
？何言ってるの？？
こりゃ背景でしょうが。テーブルん中に背景。

つかこのサイト、font-sizeにpxとptが指定してあるな。
952 名前： Name_Not_Found 投稿日： 2001/08/02(木) 14:09: >>951
背景にしないで画像に文字を重ねる方法を聞いてるんだろ。
953 名前： Name_Not_Found 投稿日： 2001/08/02(木) 14:11: http://isweb29.infoseek.co.jp/travel/twoweb/222.htm
例えば↑はテーブルを使っています。
この場合html的にテーブルは使ってはいけないんですよね。
正しくマークアップして、かつ見栄えを同じにするには
どうやって書けばいいですか？
954 名前： Name_Not_Found 投稿日： 2001/08/02(木) 14:15: >>953

表なんだから問題はない。

関係ないが、広告の部分
<DIV ALIGN=CENTER style="display:block">
display:none対策されてるんだね。
955 名前： ちょこら 投稿日： 2001/08/02(木) 14:34: >>953
その場合なら定義型リストを使うというマークアップもあり｡
で、compactにするか、対応してないUAを気にするなら
<dt>をフローとさせるのもアリ｡

でも>>954のようにテーブルでも問題ないと思うけど。
956 名前： Name_Not_Found 投稿日： 2001/08/02(木) 15:20: >>954-955
レスありがとうございます。
では、よくレイアウトにテーブル使うな使うなと言われますが、
なんだかスタイルシート勉強しているうちに
いつテーブルを使ってはいけないのか
よくわからなくなってきてしまいました。
簡単な例でこんな時テーブルは使わずにこういう書き方にしろ、
っていうのはありますか？
957 名前： Name_Not_Found 投稿日： 2001/08/02(木) 15:43: >>956
表だったら table 使え。
それ以外では使うな。

表って何かまで説明要る？
958 名前： Name_Not_Found 投稿日： 2001/08/02(木) 16:01: い草が張ってある方。
959 名前： Name_Not_Found 投稿日： 2001/08/02(木) 16:27: >>957
表じゃないのに、画像をテーブルで切って
一枚の画像に見せかけてるFWはどうなんですか？
960 名前： Name_Not_Found 投稿日： 2001/08/02(木) 16:29: >>959
単にFWが間違っているだけ。
961 名前： Name_Not_Found 投稿日： 2001/08/02(木) 18:14: li {list-style-type:circle}
li:hover{list-style-type:disc}

IE5.5やNN6.1でも、これが出来ないのは、
ブラウザの仕様の問題なのか、それともCSSの元々の仕様書が、
こういうのを許容してないのかどっちなの？
962 名前： Name_Not_Found 投稿日： 2001/08/02(木) 18:46: >>961
http://www.fan.gr.jp/~kaz/rec-css2/selector.html#dynamic-pseudo-classes
疑似クラスの変化に伴って、ユーザエージェントが現在表示している文書全体を再び流し込む必要はない。たとえば、アクティブなリンクの'font-size'プロパティを通常のリンクより大きく指定しても、この指定はユーザがリンクを選択した時に文字列の位置を変える結果を招くので、ユーザエージェントは対応するスタイル規則を無視してよい。

だから、;hoverでpaddingとかを変えるのは無視されるかも知れない。
list-styleの場合、無視するべきかどうかはボーダーだと思うけど、
list-style-positionがinsideになっていた時の事も考えると、
仕様書としては「実装してもいいけど無視してもいいよ」ってところだろう。
963 名前： 961 投稿日： 2001/08/02(木) 19:41: >>962
なるほど、再描画させられるマシンへの負担を考えると
確かにそれが現実的対応と言えますね。
勉強になりました。
964 名前： CSS 投稿日： 2001/08/02(木) 19:48: TABLEじゃなくて　レイヤーで画像レイアウトしちゃだめ？
965 名前： Name_Not_Found 投稿日： 2001/08/02(木) 20:08: >>959
Fireworksが間違ったHTMLの使い方をしているだけ。
けど現時点においてはその方法が最も多くのブラウザで
正常にレイアウトされるから採用しているんだろう。
(おそらくIE2やNN2でも制作者の思い通りにレイアウトされる)

だが本来は>>964の言うようにボックスのポジショニングを活用すべきだろう。
966 名前： Name_Not_Found 投稿日： 2001/08/02(木) 22:03: というか画像を分割するなよって感じ。
967 名前： Name_Not_Found 投稿日： 2001/08/02(木) 22:22: とりあえず、あげ
968 名前： Name_Not_Found 投稿日： 2001/08/02(木) 22:51: 分割しなきゃいけないほどでかい画像を使うなって感じ。

そろそろ次スレ？
969 名前： Name_Not_Found 投稿日： 2001/08/03(金) 01:53: 予告無しに1200*980とかいう画像出すなよって感じ。
やりすぎです奥さん。

初心者スレと統合しても良いんじゃないか？
そろそろネタ切れだろ。
殆どＦＡＱだし。
970 名前： Name_Not_Found 投稿日： 2001/08/03(金) 01:57: 遅レスだが
>>952
>>950の文章をよく読んで考えてみな。
「そのサイトのように」って感じの文章だろうが。
971 名前： Name_Not_Found 投稿日： 2001/08/03(金) 08:15: 新スレのテンプレ考えようあげ
972 名前： Name_Not_Found 投稿日： 2001/08/03(金) 08:58: 質問。

<div id="i1" class="c1">
<div class="c2">
内容
</div>
</div>

って、<div>を２つネストさせても文法的にアリですか？
どっちかを<p>とかにした方が良いのですか。

あと、CSS専用のスレがあるってのはたいへん心強いので、
一応初心者スレと分けてもらってた方が嬉しいな。
973 名前： Name_Not_Found 投稿日： 2001/08/03(金) 09:22: 質問用スレッド、っていう名前になってるんだから、
F&Qのこの流れでいいんじゃないのか？
974 名前： Name_Not_Found 投稿日： 2001/08/03(金) 09:34: >>972
文法的には何ら問題ないだろ。
pにすべきかどうかは内容次第じゃないだろうか。
ちなみに外側はpにはできないぞ。(p要素は内部にブロック要素を含められない)

さて、970越えちゃってヤバイのでいいかげん引っ越ししないとね。
新スレの1はこんな感じでどうかね?

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

Cascading Style Sheets の事で尋ねたいことがあったらこちらへどうぞ。

【過去ログ】
　http://mentai.2ch.net/hp/kako/974/974934062.html
　http://natto.2ch.net/hp/kako/984/984113434.html
　http://natto.2ch.net/test/read.cgi?bbs=hp&key=992992981

【CSSと特に関係ない初心者質問はこっちで】
・☆　Webサイト初心者用スレッドver9　☆
　http://natto.2ch.net/test/read.cgi?bbs=hp&key=995867650

【関連スレ】
・CSS/DHTMLバグ辞典スレッド ver2.0
　http://natto.2ch.net/test/read.cgi?bbs=hp&key=991666454
・/*CSSでイケてるデザインサイト！*/
　http://natto.2ch.net/test/read.cgi?bbs=hp&key=985978270
・* CSS { イケてるスタイルを："作れ";}
　http://natto.2ch.net/test/read.cgi?bbs=hp&key=991906104
・CSSコミュニティの功罪を評価するスレ
　http://natto.2ch.net/test/read.cgi?bbs=hp&key=993743434
・代替スタイルシートに萌え～
　http://natto.2ch.net/test/read.cgi?bbs=hp&key=991400015

【関連サイト】
・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
・ZSPCのCSS2対応状況ガイド(日本語)
　http://www.zspc.com/documents/css2/
・とほほのスタイルシート入門(日本語)
　http://tohoho.wakusei.ne.jp/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/

こんな感じでどうよ?
関連スレ多すぎかな? バグ辞典スレッドだけで十分かな?
975 名前： Name_Not_Found 投稿日： 2001/08/03(金) 10:17: http://www.kanzaki.com/docs/htminfo.html
神崎さんところも入れといた方がよくないでしか？
976 名前： Name_Not_Found 投稿日： 2001/08/03(金) 11:04: んじゃこんな感じ?

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

■1

Cascading Style Sheets の事で尋ねたいことがあったらこちらへどうぞ。
各種リンクは>>2にあるぞｺﾞﾙｧ

【過去ログ】
　http://mentai.2ch.net/hp/kako/974/974934062.html
　http://natto.2ch.net/hp/kako/984/984113434.html
　http://natto.2ch.net/test/read.cgi?bbs=hp&key=992992981

【CSSと特に関係ない初心者質問はこっちで】
・☆　Webサイト初心者用スレッドver9　☆
　http://natto.2ch.net/test/read.cgi?bbs=hp&key=995867650

【関連スレ】
・CSS/DHTMLバグ辞典スレッド ver2.0
　http://natto.2ch.net/test/read.cgi?bbs=hp&key=991666454

■2

【仕様書】
・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

【その他リンク】
・ごく簡単なHTMLの説明
　http://www.kanzaki.com/docs/htminfo.html
・ZSPC - Style Sheets Reference
　http://www.zspc.com/stylesheets/
・ZSPC - CSS2対応状況ガイド
　http://www.zspc.com/documents/css2/
・CSS1テストスイート
　http://www.doraneko.org/css1test/
・とほほのスタイルシート入門
　http://tohoho.wakusei.ne.jp/wwwcss.htm
・ばけらの CSS リファレンス
　http://www.ne.jp/asahi/minazuki/bakera/html/css/reference
・三日坊主＋＋の部屋
　http://east.portland.ne.jp/~sigekazu/
977 名前： Name_Not_Found 投稿日： 2001/08/03(金) 11:38: 個人的には第一案の関連スレあってもいいと思う．ただし 2 に．
あと，仕様書の「英語」はいらないと思う．どうせ質問する人は読まない
（読むような人は日本語からたどってでも読む）と思うから．
あ，あと「W3C CSS 検証サービス」 http://jigsaw.w3.org/css-validator/
ってのもあるけど…いらないか．
978 名前： 972 投稿日： 2001/08/03(金) 12:45: >>974
ありがとう。

あと、次のスレの１から省略されそうなカンジスね。
メチャ長い。
カッコいいなぁ。
979 名前： 第3候補 投稿日： 2001/08/03(金) 12:58: CSS、スタイルシート質問スレッド【4】

■1

Cascading Style Sheets の事で尋ねたいことがあったらこちらへどうぞ。
各種リンクは>>2にあるぞｺﾞﾙｧ

【過去ログ】
　http://mentai.2ch.net/hp/kako/974/974934062.html
　http://natto.2ch.net/hp/kako/984/984113434.html
　http://natto.2ch.net/test/read.cgi?bbs=hp&key=992992981

【CSSと特に関係ない初心者質問はこっちで】
・☆　Webサイト初心者用スレッドver9　☆
　http://natto.2ch.net/test/read.cgi?bbs=hp&key=995867650

■2

【関連スレ】
・CSS/DHTMLバグ辞典スレッド ver2.0
　http://natto.2ch.net/test/read.cgi?bbs=hp&key=991666454
・/*CSSでイケてるデザインサイト！*/
　http://natto.2ch.net/test/read.cgi?bbs=hp&key=985978270
・* CSS { イケてるスタイルを："作れ";}
　http://natto.2ch.net/test/read.cgi?bbs=hp&key=991906104
・CSSコミュニティの功罪を評価するスレ
　http://natto.2ch.net/test/read.cgi?bbs=hp&key=993743434
・代替スタイルシートに萌え～
　http://natto.2ch.net/test/read.cgi?bbs=hp&key=991400015

【仕様書】
・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

【その他リンク】
・W3C CSS 検証サービス
　http://jigsaw.w3.org/css-validator/
・ごく簡単なHTMLの説明
　http://www.kanzaki.com/docs/htminfo.html
・ZSPC - Style Sheets Reference
　http://www.zspc.com/stylesheets/
・ZSPC - CSS2対応状況ガイド
　http://www.zspc.com/documents/css2/
・CSS1テストスイート
　http://www.doraneko.org/css1test/
・とほほのスタイルシート入門
　http://tohoho.wakusei.ne.jp/wwwcss.htm
・ばけらの CSS リファレンス
　http://www.ne.jp/asahi/minazuki/bakera/html/css/reference
・三日坊主＋＋の部屋
　http://east.portland.ne.jp/~sigekazu/

ちとリンクが多すぎるか…?
980 名前： Name_Not_Found 投稿日： 2001/08/03(金) 15:31: >>979
ごくろうさまです。
かちゅ～しゃを使ってない人で、「最新レス50」を選んでも
「１」だけは表示されるワケだから、あんまり長いとウザいかも。

だから「１」は質問スレの１～３、CSS原文とその翻訳
くらいで良いんじゃないかな。
あとのは「２」に書いておいたら…。
981 名前： Name_Not_Found 投稿日： 2001/08/03(金) 17:26: >>980
■2 より後は「2」に書かれるんだよ．わかってるんならごめん．

これでいいと思います．新スレッド立ててくれる方，ありがとうございます．
あとは本当は FAQ（リンク下線とかテーブルセンタリングとか）をどっかに
まとめてあるといいんだけど，まだないよね．過去ログ読んでまとめる…気力がない．
982 名前： Name_Not_Found 投稿日： 2001/08/03(金) 17:47: というわけで新スレ立てました。
http://natto.2ch.net/test/read.cgi?bbs=hp&key=996828258
コピペ失敗して1の内容が一部欠けてしまった…スマソ…逝ってくる…
983 名前： Name_Not_Found 投稿日： 2001/08/04(土) 18:17: http://isweb29.infoseek.co.jp/travel/twoweb/aiueo.htm
今↑にひとつのテーブルがあります。
１と２の高さの幅の割合が半々になっているんですが、
１の方（上側）に詰めて、２の幅をいっぱいに取りたいのですが、
どのように書いたらいいのでしょうか。
<td height="100%">2</td> とか書いても全く反応しないんですが。。
984 名前：夏厨投稿日： 2001/08/04(土) 18:21: コピペ荒らしかよ。うざい。
985 名前： Name_Not_Found 投稿日： 2001/08/04(土) 22:18: １２３
986 名前： Name_Not_Found 投稿日： 2001/08/05(日) 15:18: age
987 名前： Name_Not_Found 投稿日： 2001/08/05(日) 17:00: こらこら，vol.4 が >>982 にあるのにあげるな．

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