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

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

　.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/08/03(金) 17:44: 【過去ログ】
　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 名前： Name_Not_Found 投稿日： 2001/08/03(金) 17:44: 【関連スレ】
・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/
3 名前： ISO/IEC 15445信者 投稿日： 2001/08/03(金) 18:06: お疲れ様です。新スレおめでとう！
4 名前： Name_Not_Found 投稿日： 2001/08/03(金) 18:10: おめでとう。
これからもスタイルシートをよろしく！
5 名前： Name_Not_Found 投稿日： 2001/08/03(金) 22:19: 祝辞はいいから質問しろｺﾞﾙｧ(ﾟДﾟ)
6 名前： Name_Not_Found 投稿日： 2001/08/03(金) 22:20: つーか早速下がってんぞ(´ﾟДﾟ｀)
7 名前： Name_Not_Found 投稿日： 2001/08/03(金) 23:33: そんなに質問が欲しいかｺﾙｧ!(ﾟдﾟ)
じゃあ、何で１は>>2へのリンクを貼らなかったんだｺﾙｧ...
8 名前： Name_Not_Found 投稿日： 2001/08/03(金) 23:54: お、新スレおめでとう。
とりあえず、質問待ちあげ。
9 名前： Name_Not_Found 投稿日： 2001/08/04(土) 00:23: CSSは某音楽グループと関係あるのでしょうか。
10 名前： Name_Not_Found 投稿日： 2001/08/04(土) 00:57: >>9
ねーよ
11 名前： 雑談なのでsage 投稿日： 2001/08/04(土) 01:01: まだ駆け出しだけど、CSSに凝れば凝るほど画像の使い方が
難しくなってくるなぁ。特にbackgroundの。
12 名前： Name_Not_Found 投稿日： 2001/08/04(土) 02:32: NN4.xに対応させるのに疲れました。
もうシカトだな、こりゃ。
13 名前： Name_Not_Found 投稿日： 2001/08/04(土) 03:13: >>12
対応できるんスか？
14 名前： Name_Not_Found 投稿日： 2001/08/04(土) 03:17: CSS3と言えば、opacityがヤパーリ気になります。
15 名前： Name_Not_Found 投稿日： 2001/08/04(土) 03:31: >>13
できます，もちろん，ある程度は．

>>14
僕は multicol（だっけ？）が．
16 名前： 13 投稿日： 2001/08/04(土) 03:46: >>12
ある程度ってどの程度ですか？配置はテーブルですよね。
僕もやろうと苦労したんですけど徒労でした。
17 名前： Name_Not_Found 投稿日： 2001/08/04(土) 03:50: すたいるしーと　って何ですか？
18 名前： スタイルいい人 投稿日： 2001/08/04(土) 05:32: >>17
「スタイルのいい人」のことです。
19 名前： Name_Not_Found 投稿日： 2001/08/04(土) 10:09: 俺もopacity気になるな。
あとmoz-border-radiusはCSSには正式に取り入れられないんだろうか?
20 名前： Name_Not_Found 投稿日： 2001/08/04(土) 10:26: opacity は UA 側での描画作業が大変そうだ。
今でさえ背景固定程度でヒイヒイ言っているくらいなのに。
21 名前： Name_Not_Found 投稿日： 2001/08/04(土) 10:33: 確かにクライアントのレンダリングプログラムが面倒になりそうだし
重くなりそうだな。
22 名前： Name_Not_Found 投稿日： 2001/08/04(土) 13:54: >>20
でもIEはビジュアルフィルタで既に実装できてるから、
IE・Netscapeの2強で使えるならそれで良いんじゃないかな。
23 名前： Name_Not_Found 投稿日： 2001/08/04(土) 14:17: そういやそうだな。
IEはフィルタとしてなら4からサポートしてたっけかな?
正式にopacityに対応してくれるのはいつになるんだろう?
24 名前： Name_Not_Found 投稿日： 2001/08/04(土) 17:12: CSS、スタイルシート雑談スレッドになってます。
25 名前： Name_Not_Found 投稿日： 2001/08/04(土) 17:34: 次スレはタイトルから質問を外してみるか。
26 名前： Name_Not_Found 投稿日： 2001/08/04(土) 17:49: だね。「質問」は抜いてもいいと思う。
27 名前： Name_Not_Found 投稿日： 2001/08/04(土) 21:58: だ、誰かたすけてください・・・！
先日IEを5.0から5.5にバージョンアップした時代遅れの私なのですが
filterが全く機能しなくなってしまって・・・
CSS tipsなどを紹介してくださっているどのサイトにいっても
fliterがかかっているはずのテキストや画像がそのままなんです。
透過のfliterが気にいっていたのですごくショックです（涙
これはIE5.5だからなんでしょうか？
それとも私のパソコンがおかしいのでしょうか？

ちなみにCSSは TABLE.1{ filter:Alpha(opacity=60);} というふうに定義して
tableタグ内でclassを使って呼び出しています。

もし何か情報をお持ちの片がいらっしゃったら
どうか教えてやってください。<(_ _)>
28 名前： Name_Not_Found 投稿日： 2001/08/04(土) 22:26: >>27
私も以前5.5なのにフィルターが使えていなかったのですが、
インストールの項目でIEを選んで修復にすると
直りました。
一回試してみて下さい。
29 名前： Name_Not_Found 投稿日： 2001/08/04(土) 22:32: >>28さん、レスありがとうございます。
インストールの項目ということは、再インストールということでしょうか？
30 名前： Name_Not_Found 投稿日： 2001/08/05(日) 01:32: >>28
コントロールパネル-アプリケーションの追加と削除の[インストールと削除]
31 名前： Name_Not_Found 投稿日： 2001/08/05(日) 01:36: どっちかっちゅうと5.5のせいというよりかは、
＞TABLE.1{ filter:Alpha(opacity=60);}
の.1の方ががあやしいと思うんだが。
32 名前： Name_Not_Found 投稿日： 2001/08/05(日) 02:16: セレクタ名はアルファベットで始まり，アルファベット，数字，ハイフンのみで構成される，とある．
http://www.kanzaki.com/docs/html/htminfo17.html#selector-chars
33 名前： 27 投稿日： 2001/08/05(日) 04:57: 丁寧に教えてくれた方、有難う＆すみません、
「インストールと削除」でIE修復しても直りませんでした。とほ。
こんなことなら5.5にするんじゃなかった・・・鬱
IE5.5をアンインストールして5.0入れるのってやっぱりまずいです？
あ、そろそろスレ違いかな；

>>31-32
えと、紛らわしい書き方しちゃったのですが
自分の作ったHTMLでのフィルターだけでなく
どのサイトにいってもフィルターが機能しないのです。
でも数字から始まったら駄目なんですね。
ひとつ賢くなりました。有難う御座います～
34 名前： 27 投稿日： 2001/08/05(日) 05:33: 結局IE5.0に戻しました。
直ったけど原因が未だに不明だわ（涙
みなさま、すみませんでした。ぺこ。

てか、こんな時間になにやってるのだ、わたしは・・・
35 名前： Name_Not_Found 投稿日： 2001/08/05(日) 18:29: 前スレッドより下がってるのであげ
36 名前： Name_Not_Found 投稿日： 2001/08/05(日) 21:08: もう少しあげ
37 名前： Name_Not_Found 投稿日： 2001/08/06(月) 09:01: ここで聞いたら良いのかしら。
geckoエンジンって何ですか。
38 名前： Name_Not_Found 投稿日： 2001/08/06(月) 11:27: >>37
月光仮面の乗っているバイクのエンジンのことです。
39 名前： Name_Not_Found 投稿日： 2001/08/06(月) 12:57: mozila,netscapeの画像レンダリングエンジン
cssには関係ないものと
40 名前： 37 投稿日： 2001/08/06(月) 13:02: >>39(38)
そうですか、ありがとう。
なんかの本でN6にはGeckoエンジンが付いてるから
CSSを正常に表示ウンヌンと書いていた様に思ったんですがね。
月光仮面のソレには愛想笑いで対処。
41 名前： Name_Not_Found 投稿日： 2001/08/06(月) 13:11: Geckoは画像だけじゃなく全ての表示のレンダリングに関係している。

参考：
http://home.netscape.com/ja/browsers/gecko/summary.html
42 名前： Name_Not_Found 投稿日： 2001/08/06(月) 13:13: 失礼、表示だけに限らないね
43 名前： 37 投稿日： 2001/08/06(月) 15:10: >>41
なるほど、リンク先見て理解しました、ありがと。

読み方「ゲッコ」でいいの？
人前で「ゲッコがさー」とか言っても恥かかないのかな？
つーか、総じてスレ違いによりスマソ。
44 名前： Name_Not_Found 投稿日： 2001/08/06(月) 15:12: >>38
ワラ
45 名前： Name_Not_Found 投稿日： 2001/08/06(月) 15:47: >>43
「ゲッコー」　※月光からとったという話も
46 名前： Name_Not_Found 投稿日： 2001/08/06(月) 20:27: >>43
(　´_ゝ`)ﾉ⌒http://dictionary.goo.ne.jp/cgi-bin/dict_search.cgi?MT=Gecko&sw=0
47 名前： Name_Not_Found 投稿日： 2001/08/06(月) 20:29: >>45
それも「忍者部隊月光」だぞー。古いだろー。
48 名前： Name_Not_Found 投稿日： 2001/08/07(火) 06:15: 質問です、がいしゅつだったらすいません、よろしくお願いします。
どこのサイトか失念してしまったのですが、クリックして別ページに飛ぶ時
段々滲んで画面が変わる（夢の中のように）のを見たのですがこれってCSSですか？
私はJAVAもJavaScriptもActive Xもオフなのでこれぐらいしか思いつかないです。
ちなみに全ページで起こったのでFlash等でもないと思います。
49 名前： Name_Not_Found 投稿日： 2001/08/07(火) 06:30: >>48
このようなものを使っていると思われ。
12の部分を色々変えると変化の仕方が変わる。
<META http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=12)">
50 名前： Name_Not_Found 投稿日： 2001/08/07(火) 06:46: >>48様
おお！！これです！！いきなりわかってもらえて感動です。
厨房なんでよくわからないんですがCSSじゃないっぽいですね…HTMLかな？
さっそく使ってみたいと思います。
重くなってウザがられるかな…（涙
51 名前： Name_Not_Found 投稿日： 2001/08/07(火) 06:50: >>49様
喜びの余り御礼言い忘れました。
しかもあげてる上に番号も違うし…自分に御礼って…本当にすいません。
この度はありがとうございました。
52 名前： Name_Not_Found 投稿日： 2001/08/07(火) 07:49: body内のfontの一括設定
カレットやテキストエリア内のfontの一括設定
の仕方教えて下さい
53 名前： Name_Not_Found 投稿日： 2001/08/07(火) 08:58: >>19
CSS3 module: box model で検討はされてるよ。どうなるやら。
http://www.w3.org/TR/2001/WD-css3-box-20010726/#border-radius
54 名前： Name_Not_Found 投稿日： 2001/08/07(火) 09:08: >>52
bodyに直接fontを指定すればそのままカスケーディングされて
全ての文字に適用される筈。
bodyの子孫全てにと言う意味で明示したければ
子孫セレクタと全称セレクタを組み合わせて

body, body * { font: *** }

と記述する。

が、「カレットやテキストエリア内」が何なのか良く分からん。
スマソ
55 名前： Name_Not_Found 投稿日： 2001/08/07(火) 09:26: >>52
もしかして「カレットやテキストエリア内」て
input, textarea{ font: *** }
つーことだろうか？
56 名前： 52 投稿日： 2001/08/07(火) 09:59: >>54
ありがとうございました
>>55
はいそうです
57 名前： Name_Not_Found 投稿日： 2001/08/07(火) 23:41: テーブルをセンター寄せして中に文章書いたみたくしたいんですけど、
左右のマージンをオートにするのって、なんかダメだって
言われたんですけど、じゃあどうしたら良いのでしょうか。

うーん、言えば
<TABLE WIDTH="200" ALIGN="CENTER">～</TABLE>
こんなのがしたいんですけど。
58 名前： Name_Not_Found 投稿日： 2001/08/07(火) 23:43: >>57
body {
text-align;center;
}

table {
width:200px;
text-align:left;
margin-left:auto;
margin-right:auto;
}

でどう？
59 名前： 57 投稿日： 2001/08/07(火) 23:49: >>58さん
あ、普通にテーブル使ってたのをやめようと思って。
<DIV>でなんとか…。
60 名前： Name_Not_Found 投稿日： 2001/08/07(火) 23:55: >>57
DIVの幅を固定する気がないのなら
左右のマージンを同じにすればいいけれど、
そう言う事ではないのね？
61 名前： 57 投稿日： 2001/08/07(火) 23:59: >>60
そうですね。幅を固定したいです。
あんま長いと読みにくく感じちゃって。
62 名前： Name_Not_Found 投稿日： 2001/08/08(水) 00:02: >>61
tableをdivに置き換えるだけでいいと思うんだが・・・
63 名前： 58 投稿日： 2001/08/08(水) 00:02: >>59
う、ごめん。

>>58のtableを div.main(テキトー) に置き換えて、
<div class="main">の中に本文書く方法なら、borderも簡単に使える。
border:ridge 0.2em gray;(かなりテキトー)
を付け加えるとか。
64 名前： 58 投稿日： 2001/08/08(水) 00:03: 被った上に、書きながら修正しまくったので文脈がヘンだ…。
65 名前： 57 投稿日： 2001/08/08(水) 00:15: >>61-64
なんかね、これ有効なのN6、MacIE5.0だけなんだって聞きました。
WinIE5.5、5.0はかろうじて有効、程度だとか。
何がダメなんだろう…。厨房でスミマセン…。
66 名前： 58 投稿日： 2001/08/08(水) 00:25: >>65
うそっ？
今やってみた(IE5)けどちゃんとセンタリングされたよ。
body {text-align:center;}
の所、値の区切りでタイプミスやってるのに気が付かなくてビビったけど。
67 名前： Name_Not_Found 投稿日： 2001/08/08(水) 00:38: 58の言いたいことはわかる。
固定幅のtable(でもdivでもいいからとにかくボックス)を中央に配置したいけど
その中の文章は左寄せにしたいんだろ?
俺が知る限りでは>>58の例のように
margin-left:auto;margin-right:auto;するしかないと思う。
けどIE5.0は対応してないから(´д｀)ｳﾂｰ
68 名前： Name_Not_Found 投稿日： 2001/08/08(水) 00:42: autoじゃなくて具体的な値を入れるとか。それなら出来たんじゃない＞IE5.0&5.5
69 名前： 58 投稿日： 2001/08/08(水) 00:53: divにtext-align:left;を指定すれば、
中の文章は左寄せになる筈なんだけど、違うかな？

むぅ、ちょっとあぷろだ探すかな。
70 名前： Name_Not_Found 投稿日： 2001/08/08(水) 01:12: divの幅を固定って言うのが曲者だよね。
幅を％指定にするなら、自分でmarginを計算して入れればいいんだけど…。

WinIEでブロックレベル要素をセンタリングするには
親要素にtext-align:centerを入れるしかないのが鬱だね。
71 名前： 58 投稿日： 2001/08/08(水) 01:14: すぐ消されるかも知れないけど。
http://www02.so-net.ne.jp/~riot/cgi-bin/junk/image/112.htm

ウチの環境（確認したらIE5.01だった鬱）では、
ボックスがセンタリングされてて、中の文章が左寄せになっている。
72 名前： Name_Not_Found 投稿日： 2001/08/08(水) 01:15: >>65
人から聞いただけじゃなくて自分で試した？
58のやり方ならWinIE5.xでもセンタリングできるよ。
まぁ、正当なCSSの使い方ではないけど。
73 名前： Name_Not_Found 投稿日： 2001/08/08(水) 02:39: 本来ならば、58のtableをdivに置き換えた、
div {
width:200px;
text-align:left;
margin-left:auto;
margin-right:auto;
}
で、全て事足りるはずなのだが、WinIEでは、margin-left(or right):auto
に対応していない。
57の言う“左右のマージンをオートにするのって、なんかダメだって”とは、
その事だ。そこで、58は、
body {
text-align:center;
}
と付け加えているわけだ。本来これでdiv要素は、センタリングしないはずだが、
なぜかWinIEでは、センタリングしているので、これでよしとしているのだ。
わかるか？ >>57
74 名前： Name_Not_Found 投稿日： 2001/08/08(水) 02:54: 多分今やってる問題は全スレ辺りで激しく既出だと思う。
75 名前： Name_Not_Found 投稿日： 2001/08/08(水) 02:54: おーのー

○　前
×　全
76 名前： 58 投稿日： 2001/08/08(水) 03:24: たぶん解決一直線なのでそろそろ名無しに戻る。
今回は解説が足りなかったと反省。

>>72-73
フォローありがとう。

>>74
「全」で正解なんじゃないかと思う。
77 名前： Name_Not_Found 投稿日： 2001/08/08(水) 08:09: なんで幅固定にしたいって思うのかな
78 名前： 57 投稿日： 2001/08/08(水) 09:17: 昨日はおもっきり寝ました。スミマセン。
結局、親要素に「text-align:center;」を指定するしかないのですね。
これはどのブラウザでも問題なく表示できるんですよね？
ま、これでいってみます。みなさんありがとうございました。

>>72さん
うちのパソ環境が、とても貧弱な為、多数のブラウザを
入れていない為、ぜんぜんチェックできません。
落ちぶれてスマン。って感じなのです…。

>>77さん
>>61参照ってことで…。
79 名前： Name_Not_Found 投稿日： 2001/08/08(水) 11:17: >>61
その固定した幅よりウィンドウの幅が狭い場合は悲惨なことになりますが。
80 名前： Name_Not_Found 投稿日： 2001/08/08(水) 12:35: 外部cssファイルで
td {background-color:blue}
td.b {background-color:red}
と指定して
<td class="b">
としているのに背景色が青になってしまうのですが、なぜでしょうか。
81 名前： Name_Not_Found 投稿日： 2001/08/08(水) 12:52: >>80
一言一句間違わずにコピペした？
82 名前： Name_Not_Found 投稿日： 2001/08/08(水) 15:40: ウチは幅を５６０ｐｘで固定だけど３００ｐｘでも余裕で読めるのでさしあたり問題無い。
83 名前： Name_Not_Found 投稿日： 2001/08/08(水) 15:54: >>82
漏れ>>79じゃないけど、それどのブラウザで、
どんな風に表示されてるのですか？
いや、純粋な興味で。
84 名前： Name_Not_Found 投稿日： 2001/08/08(水) 17:38: いや、トップページだけなんだけどね。
横幅２８０ｐｘの画像置いてその右側に目次リストを列挙。
それだけのページ。
ギリギリ大丈夫。
85 名前： Name_Not_Found 投稿日： 2001/08/08(水) 17:39: しまった余裕とか言っておきながらいきなりギリギリとか言っちまったよ。
その辺は忘れてくれ。
86 名前： Name_Not_Found 投稿日： 2001/08/08(水) 17:47: ちなみにどうしても読みにくいと言われたらその画像に指定してある
float:left → float:right
と変更すれば良いので問題無い、と思う。
こうすればリストが左に来るし。
87 名前： Name_Not_Found 投稿日： 2001/08/08(水) 21:26: background-color:transparent
は指定した方がいいの？validんとこで注意されっけど
意味ないような・・
88 名前： CSSの本2000円もしたのに… 投稿日： 2001/08/08(水) 21:34: 　　＿＿＿＿＿＿
　／　　　　　　＼
｜￣￣￣￣￣￣￣￣￣￣￣￣￣￣｜
｜　　　　　　　　　　　　　　｜
｜　　　　　　　　　　　　　　｜
ーーーーーーーーーーーーーーーー
こんな感じのタブのブロックをdivあたりで作りたいのですが出来ますかね？
ちょっと表現出来なかったのですが出来れば角は丸くしたいっす。よろしくっす。
89 名前： 88 投稿日： 2001/08/08(水) 21:36: ずれてるっす…鬱っす…
90 名前： Name_Not_Found 投稿日： 2001/08/08(水) 21:43: >>88
CSSを勘違いしてないか？
2,000円も出したんだからもっとよく読めよ。
91 名前： Name_Not_Found 投稿日： 2001/08/08(水) 22:22: やっぱ無理っすよね…どうもっす。
初心者本だったのでもしかしたらと思ったんっすけど。
92 名前： Name_Not_Found 投稿日： 2001/08/08(水) 22:28: >>91
いや、君の場合はその前にHTMLを学んだほうがいいな。
divあたりで作りたい、と書くあたりに不安な要素が一杯だ。
さすれば自ずとCSSが何のためにあるか、何ができるのかわかるだろう。
93 名前： Name_Not_Found 投稿日： 2001/08/08(水) 22:35: >>88
画像使え
94 名前： Name_Not_Found 投稿日： 2001/08/08(水) 22:50: >>88
CSS3（と実装ブラウザ）を待て
95 名前： Name_Not_Found 投稿日： 2001/08/09(木) 00:17: >>79
確かに。いろいろ実験してたら、
下の行と重なったりでうなるしかない状況。

そうだ！漏れ、テーブルにするよ！
96 名前： Name_Not_Found 投稿日： 2001/08/09(木) 00:55: これってCSS自体の質問じゃないかもしれないけど
CSS使用中にさしあたる問題で「フォントを指定したはいいけど相手の環境に
そのフォントがない」場合があるとします。
こんな時は複数指定してできるだけこちらの
意思どうりに表示できるようにするわけだけどその時の...
うまく説明できないなぁ。要は自分はウィンドウズ９８なんだけど
マッキントッシュな人やバージョンの違うウィンドウズを使ってる人にも
97 名前： 96 投稿日： 2001/08/09(木) 00:59: 途中で送信押しちゃった。
つづき
できるだけ似た表示になるようなフォントの対応表（？）が欲しい。
「ウィンドウズのこのフォントはマックではこのフォントに近いよ」
とか。
ええ、意味わからないですね。ごめんなさい。
98 名前： Name_Not_Found 投稿日： 2001/08/09(木) 01:54: ホントはgeneric familyで済むのにね
99 名前： ちょこら 投稿日： 2001/08/09(木) 03:43: >>88-94
画像を使えば出来なくもない
ttp://cgi.mrdn.net/~vivo/
TOPの画像がショボイのはご愛嬌。
友達んとこだ。荒らすなよ。
100 名前： ちょこら 投稿日： 2001/08/09(木) 03:54: あとhtmlのソースが汚いけど気にしないでね♥
101 名前： Name_Not_Found 投稿日： 2001/08/09(木) 06:29: tableのtr、tdのheight、widthの固定の仕方を教えて下さい
102 名前： Name_Not_Found 投稿日： 2001/08/09(木) 12:57: >>99-100
「作れ！」スレのちょこらさん？
多少尊敬してます。今後とも頑張ってください。
103 名前： Name_Not_Found 投稿日： 2001/08/09(木) 14:39: すみませんが質問です。
文字などの単位設定で、ptなどの絶対単位とpxなどの相対単位とで
どちらがどう不便なのでしょうか？
マージンを指定するときなどはptのほうがいいとか、とりあえずの
セオリー見たいのものがあれば、おしえてください。
また、1画面全体の単位をどれかで固定してやったほうがいいので
しょうか？
104 名前： Name_Not_Found 投稿日： 2001/08/09(木) 15:06: >>103
きみ、今、ヤバい質問したぞ。
まず過去ログ読め。
105 名前： Name_Not_Found 投稿日： 2001/08/09(木) 17:49: >>101
普通に指定すればいいと思うが？
ブラウザの対応状況は >>2 の関連リンク参照ということで．
106 名前： Name_Not_Found 投稿日： 2001/08/09(木) 17:50: 　　
　　　position:fixed

とした時にWin IEではabsoluteと同じになるのはわかったんですが、
こいつの位置を
　　
　　　top:1em;
　　　right:1em;

とした際、右によってくれません。

　　　よせたいよ。
107 名前： Name_Not_Found 投稿日： 2001/08/09(木) 18:21: emでのフォント指定についてですけど、
これは要素内のfont-sizeを基準に1として考える単位ですが、
この場合のfont-sizeには何を設定したほうが一般的でしょうか？
単純に考えてfont-size:mediumあたりが妥当と思うのですが、
font-size:12pxだと駄目でしょうかね……pxは一応相対ですけど
歓迎されていないようですし。現在のブラウザの状況から
「これが妥当じゃない？」と思われるものを教えて欲しいです。
108 名前： Name_Not_Found 投稿日： 2001/08/09(木) 18:30: >>107
＞pxは一応相対ですけど
絶対に「絶対」です。

それと、漏れには質問の意図が不明。
emで指定するはずなのになんでmediumとか出てくるの？
親要素の話してるのか？
109 名前： 106 投稿日： 2001/08/09(木) 18:33: >107
解像度に対する相対だからね…。
絶対単位とあまり変わらないような気がするです。よくしらないけど。

妥当なのは何も(body要素に)指定しないか、もしくはmediumあたりでは。

というかbody要素のことだよね？
110 名前： 106 投稿日： 2001/08/09(木) 18:35: >>108
（　´_ゝ`）ｶﾌﾞｯﾀﾈ.
111 名前： Name_Not_Found 投稿日： 2001/08/09(木) 18:37: >>108

pxは相対
http://www.hajimeteno.ne.jp/stylesheet/css1/value.html
http://www.eris.ais.ne.jp/~haza/cssfont.html
http://www.parkcity.ne.jp/~chaichan/src/css.htm

漏れも感覚的には「絶対」っぽく思うのだが、相対ということらしい。
112 名前： 107 投稿日： 2001/08/09(木) 18:38: あ、すみません。親要素＝body要素の話でした。説明不足ですみません。
基本のフォントサイズを決めて、emで強調文字のサイズを決めたいと思って。
やはり指定なしかmediumですかね……。

pxは解像度に対しての相対と聞いていましたから「一応」と言いました。
113 名前： Name_Not_Found 投稿日： 2001/08/09(木) 19:12: mediumだとIEでデカくなる……らしい（見聞）
全部emでやるならbodyにいちいち指定しなくてもいいと思う。
114 名前： Name_Not_Found 投稿日： 2001/08/09(木) 19:19: >>106
Win IEは対応してないんじゃねえの？
115 名前： Name_Not_Found 投稿日： 2001/08/09(木) 19:25: em ってタグ（emphasis）か大きさ単位かどっちの話してるの？
116 名前： Name_Not_Found 投稿日： 2001/08/09(木) 19:29: >>115
単位の話だろう。親要素を基準にと言っているんだから。
117 名前： Name_Not_Found 投稿日： 2001/08/09(木) 19:29: Mの方だよ
118 名前： Name_Not_Found 投稿日： 2001/08/09(木) 19:50: >>106
text-align:rightは指定してる？
119 名前： Name_Not_Found 投稿日： 2001/08/09(木) 20:42: >>107
ユーザーが文字サイズを自分の好みで見られるようにしたかったので、
昔は、body は font-size なしで hn などに em で指定していたんですが、
例えば IE5 で「最小」にすると h1 { font-size: 1.2em } が body より
小さくなるなんてことがあったので、今は % 指定に変えました。
h1 { font-size: 120% } とか。
120 名前： Name_Not_Found 投稿日： 2001/08/09(木) 22:01: >>119
> 例えば IE5 で「最小」にすると h1 { font-size: 1.2em } が body より
> 小さくなるなんてことがあったので、今は % 指定に変えました。
え、それ本当？本当ならIE逝ってよし！
121 名前： 107 投稿日： 2001/08/09(木) 22:43: >>119
あらら……emより%が良いのですか……IEめ。
まぁ、CSSファイル書き直すだけだから良かったです。
皆様ありがとうございました。

しかし、本当ブラウザごとの解釈の違いには悩まされますね。
せめてユーザーで文字サイズ設定できるようこうして苦労してますけど……。
122 名前： Name_Not_Found 投稿日： 2001/08/09(木) 22:43: CSS で多段組を実装するにはどうしたら良いのでしょうか？（ガイシュツ？）
123 名前： Name_Not_Found 投稿日： 2001/08/09(木) 23:17: 質問です。
例えば
<html><head><title>???</title></head><body>
<div style="width: 100px; background-color: blue; filter:Alpha(Opacity=75);">
<p>ｺﾞﾙｧｧｯ！</p>
</div></body></html>
として、ボックス要素を透過させたのですが、
これだと中の文字まで透過しちゃうのですが、
ボックスのみ透過できないもんでしょうか。
よろしくお願いします。
124 名前： ちょこら 投稿日： 2001/08/09(木) 23:45: >>123
<p>を不透明にしてみるってのはどう？
125 名前： 123 投稿日： 2001/08/09(木) 23:54: >>124
こうですか？なんかダメなんですよう
<html><head><title>???</title></head><body>
<div style="width: 100px; background-color: blue; filter:Alpha(Opacity=70);">
<p style="filter:Alpha(Opacity=100);">ｺﾞﾙｧｧｯ！</p>
</div></body></html>
126 名前： ちょこら 投稿日： 2001/08/09(木) 23:58: >>125
そうか、ダメだったか。
適当に言ってみただけだったんだ。
ゴメンネ。
127 名前： 101 投稿日： 2001/08/10(金) 01:45: >105
ありがとうございました
128 名前： Name_Not_Found 投稿日： 2001/08/10(金) 02:37: 話に乗り遅れたけど、IEではフォントサイズにem使ったら駄目よ。
だいたい>>119の言うとおり。%にしませう。
親にmedium使うのも微妙に×。
129 名前： Name_Not_Found 投稿日： 2001/08/10(金) 03:11: 教えていただきたいのですが、
以下のようにした場合、borderで作った長方形の右と下の辺には影がつきません。
テーブルタグで長方形を作ると全ての辺に影がつくのですが、
borderで長方形を作った場合も全ての辺に影をつけるにはどうしたら良のでしょうか・・・。
<html><head><style type=text/css>

</style></head><body>
<ul>
<li>テスト</li>
<li>夏ですねぇ</li>
<li>暑い</li>
<li>暑い</li>
</ul>
</body></html>
130 名前： Name_Not_Found 投稿日： 2001/08/10(金) 10:10: 文字の%指定で便乗質問。
HTMLタグにおけるFONT SIZEの1～7の大きさを実現するには、
FONT SIZE=3を100%として、残りは何%で指定してやればいいですか？

あと、Mac版NN4.7でfont-size:100%とするとデフォルトサイズより
一回り大きくなってしまうのは仕様ですか？
131 名前： 106 投稿日： 2001/08/10(金) 10:17: >>118
それも試したんですがダメでした…。
うーん。
132 名前： Name_Not_Found 投稿日： 2001/08/10(金) 10:29: >>129

solidじゃ陰にはならんと思う。
133 名前： Name_Not_Found 投稿日： 2001/08/10(金) 10:32: フィルタは重いからやめてをけ
134 名前： Name_Not_Found 投稿日： 2001/08/10(金) 11:12: あのーーー……。
>>73を試してみたのですけど、
DIVのボックスがセンタリングされたのはいいのですが、
DIV内のテキストまでセンタリングされてしまいます（滅
これはWinIE5.0は駄目ということですか？
135 名前： 106 投稿日： 2001/08/10(金) 11:49: >>106
どうやらWin IEは

　　　position:fixed;

を relative と解釈してしまうようですね。
>>114さんの仰った通りでした。

うまい回避策はないでしょうか。macの@media screenのような。
JavaScriptで別に読ませる…のは、
　　　いやっ。
136 名前： Name_Not_Found 投稿日： 2001/08/10(金) 12:22: 両すれ挙げ
137 名前： Name_Not_Found 投稿日： 2001/08/10(金) 12:59: >>135
>>2 の「三日坊主＋＋」さんのところにブラウザ振り分け法がある．
僕は前にここで教えていただいた方法（文字エスケープ）で IE を外す．
138 名前： 106 投稿日： 2001/08/10(金) 13:43: >>137
できました！感謝。

軌跡残していきます。同じ悩みがあった方、参考にされて下さい。

最初のシートの不具合部分を修正し（この場合fixedをabsoluteに置換）
行頭に

　　　@import url("***.css") all;

とし、読み込ませる***.cssに

　　　position:fixed !important;

を入れた。さらにMacIE対策として
@media screenで囲った。
（MacIEはfixed対応してるがリンクテキストがクリックできないバグがある）
　　　
139 名前： Name_Not_Found 投稿日： 2001/08/10(金) 14:01: web板ではこのスレッドでしかまともな事話してないよね。
140 名前： Name_Not_Found 投稿日： 2001/08/10(金) 14:17: display : none;
をやるとその要素が無くなったようになるんですが、
一体なんのために使うんですか？
141 名前： Name_Not_Found 投稿日： 2001/08/10(金) 14:25: >>140
正統派な使い方はhr要素を消してCSS無効状態ブラウザ用の見栄えを考えたり、
邪道方法では無料ウェブスペースの自動広告を隠したり。

ジャバスクリプトと組み合わせて、クリックしたら表示/非表示切り替えスクリプトをつくるとか。
142 名前： 129 投稿日： 2001/08/10(金) 14:31: >>132,133
返事ありがとう。
少し考えてみます。
143 名前： Name_Not_Found 投稿日： 2001/08/10(金) 14:46: clipってN6だけですよね？
144 名前： Name_Not_Found 投稿日： 2001/08/10(金) 15:10: >>139
Javascriptの方も普通だよ。
あと、スタイルを作れ！も硬派。
145 名前： Name_Not_Found 投稿日： 2001/08/10(金) 15:26: border-collapse
って使う事ありますか？
146 名前： Name_Not_Found 投稿日： 2001/08/10(金) 15:30: 総合して識者の方々に聞きたいんですけど、
結局、一般個人サイトで使うCSSで
使用に耐えるコマンド(？)ってどれとどれですか。
10個もないような気がしますが。
147 名前： Name_Not_Found 投稿日： 2001/08/10(金) 15:33: >>146
イケてるスレででも勉強してから聞けよ。
10どころか100ぐらいはあるんじゃないの？
というか、10っていうのはｷﾐが使いこなせる数じゃ（藁
148 名前： Name_Not_Found 投稿日： 2001/08/10(金) 15:34: ゴメソ・・・100は言いすぎか・・・
149 名前： Name_Not_Found 投稿日： 2001/08/10(金) 15:48: >>147
横レススマソ。
イケてるスレって見れないブラウザに対する配慮とか
関係なしでやってるっぽいから、>>146の言うように
一般的ではないってことでは？
150 名前： Name_Not_Found 投稿日： 2001/08/10(金) 16:00: ためしに数えてみた。うちでは20個。

color
text-decoration
background-color
font-size
font-weight
display
margin
padding
border-style
border-color
border-width
font-style
width
text-indent
line-height
list-style-image
position
top
left
overflow
151 名前： Name_Not_Found 投稿日： 2001/08/10(金) 16:05: >>149

いや、彼らほど「見れる」にこだわってる人種はないぞ。
ただ「同じように見れる」にこだわりはないだけで。

ためしにテキストブラウザとか、CSSをオフにしたNetscapeで見て見よ。
152 名前： Name_Not_Found 投稿日： 2001/08/10(金) 16:21: >>151
いや，それはベースとなる HTML のマークアップの問題であって
「一般的に使えるCSS」とは全然違う問題のような気が

>>146
いくらなんでも 10 ってことはないぞ
border や font みたいなのは数え方にもよると思うが
153 名前： Name_Not_Found 投稿日： 2001/08/10(金) 16:24: そんなの数える事に意味あるのか？
厨房に振り回されるのはよそう。
154 名前： Name_Not_Found 投稿日： 2001/08/10(金) 16:25: potisionのrelativeとabsoluteの違いがいまいちよく
わかりません。
155 名前： Name_Not_Found 投稿日： 2001/08/10(金) 16:33: potisionのrelativeとabsoluteの違い

relative---通常の状態で配置される位置からの相対位置
absolute---親ボックスを基準とした位置
156 名前： Name_Not_Found 投稿日： 2001/08/10(金) 17:07: 「一般的」の意味にもよるな。
NN4あたりになるとそれこそ10程度かもしれん。
そんなあなたはこちらへ↓
http://natto.2ch.net/test/read.cgi?bbs=hp&key=994829516
User Agent - NN4への対応
157 名前： Name_Not_Found 投稿日： 2001/08/10(金) 17:26: 155 の例を考えていたらわけがわからなくなってしまったので質問（僕は 155 じゃないけど）

div{width: 90%; border: dashed 1px #06c; margin: 0; padding: 0;}
p{width: 90%; border: solid 1px #0c6; margin: .5em 0; padding: 0;}

<body>
<div>
<p>基準：<span style="position: absolute; right: 2em;">あああ</span></p>
</div>
</body>

こう書いたら「あああ」は <p> の右端から 2 em 内側に配置されるのだと思ったのだけどそうじゃない
では <div> の右端からかと思ったらそういうわけでもない
てことは親 BOX って body のこと？それはなんか違うような
正しい解釈はどうなのでしょうか？
表示確認は Win の IE5.5 と Moz 0.9.2
あと，IE だと同じ行に表示されて Moz だと「あああ」が 1 行下がるのは，どっちが正しいの？
158 名前： Name_Not_Found 投稿日： 2001/08/10(金) 18:08: >>130
CSSの<absolute-size>は一段階につき20%ずつ大きく／小さくするのが推奨されているけど……。
<FONT size=*>はどうなんだろ。150%ぐらい（適当）？
159 名前： Name_Not_Found 投稿日： 2001/08/10(金) 18:49: >>157
「親ボックス」てのはポジショニングされたボックスの事。
親がposition:staticの時はポジショニングされた要素が
出るまで先祖を辿る。
HTMLの場合、最後はbodyだと思っていい。
160 名前： 157 投稿日： 2001/08/10(金) 19:01: >>159
おおー！なるほど
「ポジショニングされたボックス」であることがわかってなかった
ためしに 157 で p{position: relative; left: 0;} とダミーの指定を入れたら
「あああ」が p の右端から 2em になった
あと，Moz だと 1 行下になる件は span に top: 0; を入れれば解消した

ありがとうございました
161 名前： Name_Not_Found 投稿日： 2001/08/10(金) 19:23: 素晴らしいスレ。あげます。
162 名前： Name_Not_Found 投稿日： 2001/08/10(金) 23:08: >>140
例えば、CSSのborderで指定した時には出てくる線も、
当たり前だが、CSS切ると見えないだろ。

CSS切ってある奴らの為に、
一応<hr />辺りを{display:none}で仕込んどく訳だ。
そうすると、両方に対応出来ると。
163 名前： Name_Not_Found 投稿日： 2001/08/10(金) 23:42: >>140
“CSS有効にすると、見映えが変わるよ”という文を、dispaly: none にしています。
164 名前： Name_Not_Found 投稿日： 2001/08/11(土) 04:47: >>134
>>73に　text-align: left;　ってあるでしょ？
抜けてない？　継承されないってことはないと思うけど。
165 名前： Name_Not_Found 投稿日： 2001/08/11(土) 07:46: リンクにカーソル合わした時に
カーソルを指定の画像にする事って出来ないのでしょうか？

これで試しましたが駄目でした。
<a href="" style="cursor:url(image1.gif),auto;">リンク</a>
166 名前： Name_Not_Found 投稿日： 2001/08/11(土) 11:16: >>165
まだ対応ブラウザがないんじゃないかな。

ポジショニングの質問ですが、位置でbottomを指定した場合、
Mozi、Win IEでは表示されている画面枠の下からの位置になるんですが
何故かマクIEだけ一番したからの位置になるです。

これは仕様的にマックがマチガイ？
167 名前： Name_Not_Found 投稿日： 2001/08/11(土) 11:25: >>165-166
というか、それは:hoverを付けないと駄目なのでわ？
168 名前： Name_Not_Found 投稿日： 2001/08/11(土) 11:26: >>165
IE6bはwinのカーソルファイルを指定出来たはず。
画像じゃなくて。
IE5.5でも使えたっけ？（曖昧）

>>166
MozとWinIEのポジショニング、特にbottomは弱い。
position:fixedなら画面下枠から、
position:absoluteならページの一番下からのポジショニングになる筈。

普及度合いから考えて、現状bottomからのポジショニングは使えない。
169 名前： Name_Not_Found 投稿日： 2001/08/11(土) 12:19: >>167
:hoverは関係ない。画像じゃなくてpointerとかで試してみ
170 名前： Name_Not_Found 投稿日： 2001/08/11(土) 19:24: input { background:tranparent ｝

で入力フォーム部分を背景に透過させてるのですが、
MacIEの人に緑になってるって言われました。
MacIEでもうまくいく方法ってありませんか？
171 名前： 170 投稿日： 2001/08/11(土) 19:25: すいません、sageちゃったのでage。
172 名前： Name_Not_Found 投稿日： 2001/08/11(土) 19:32: >>170
ない。
backgroundをtransparentではなくてbodyと同じ指定をすれば
なんとなくよくなるかも。
173 名前： 170 投稿日： 2001/08/11(土) 19:35: >>172さん
ありがとうございました。
う～ん残念。
じゃ、WinとMacでスタイルシートを割り振ってMacは
Bodyと同色にしてみます。
174 名前： Name_Not_Found 投稿日： 2001/08/11(土) 23:48: <td nowrap>
をCSSでやるにはどうすればいいでしょうか？tdに限らずdivとかでも。
175 名前： Name_Not_Found 投稿日： 2001/08/11(土) 23:58: >>174
white-space: nowrap;
176 名前： Name_Not_Found 投稿日： 2001/08/12(日) 00:06: ありがとうございます。なんかWinIEは非対応みたいですね。
177 名前： Name_Not_Found 投稿日： 2001/08/12(日) 00:21: >>176
WinIE4は未対応だったかな？ IE5.5は対応してるよ。IE5は知らない。
178 名前： Name_Not_Found 投稿日： 2001/08/12(日) 02:45: >>176-177
少なくともIE5.0は非対応
5.5は対応してたっけ?
Mozillaは対応してる。
179 名前： Name_Not_Found 投稿日： 2001/08/12(日) 07:39: IE5.5は○だよ
180 名前： Name_Not_Found 投稿日： 2001/08/12(日) 09:18: fontについて質問なんですが、htmlで
<p><font color="～">あいうえおかきくけこ<font color="～">さしすせそ</font>
たちつてと</font></p>
ってあった場合、CSS的にはPタグにfont指定して、『さしすせそ』のところは
classかidで指定するんですか？
こんな感じに。
p{font color:black}
font.a{color:white}
どうでしょう？
181 名前： Name_Not_Found 投稿日： 2001/08/12(日) 12:39: >>180
<p><span class="a"> あいうえおかきくけこ </span><span class="b"> さしすせそ </span> たちつてと </p>

p{color:black}
span.a{color:white}

言ってる事がはっきりしないが、多分こうだろう。
CSSの属性名は半角スペースは含まないし、
font-colorなんて属性も存在しない。
前景色に関係しているのはcolor。

て言うか、一体どこのチュートリアルを読んだの？
182 名前： Name_Not_Found 投稿日： 2001/08/13(月) 00:47: >>180
そもそもHTML自体間違ってるよ。font入れ子にできないっしょ。
183 名前： ポロロッカ 投稿日： 2001/08/13(月) 00:58: >>182
できるよ。

<!ELEMENT FONT - - (%inline;)* -- local change to font -->
184 名前： 180 投稿日： 2001/08/13(月) 01:16: >>181-182
何か文章おかしいですね。スマソ。
bodyでcolor:silverって指定してるんですけど、
数カ所だけフォントの色を変えたいんですよ。で、今は
あひゃひゃ<font class="a">うひゃひゃ</font>ぶひゃひゃ・・・・
ってやってるんです。

そうか、spanタグを使えばいいんですね。
185 名前： Name_Not_Found 投稿日： 2001/08/13(月) 17:13: >>184
色を変える理由によっては当然 EM や STRONG や DFN やなんやかんやが望ましい。
そして font-style: normal; や font-weight: normal; だ。
色に依存する場合は代替スタイルシートで白黒環境用も作ってあげるとベスト。
186 名前： 4180 投稿日： 2001/08/13(月) 18:09: XMLなんかどぅぅぅぅぅだろ？
187 名前： Name_Not_Found 投稿日： 2001/08/14(火) 04:37: <center>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center"><img src="2.jpg" width="80" height="60"></td>
<td bgcolor="#ffffff"></td>
<td align="center"><img src="3.jpg" width="80" height="60"></td>
<td bgcolor="#ffffff"></td>
<td align="center"><img src="4.jpg" width="80" height="60"></td>
</tr>
<tr>
<td bgcolor="#ffffff"></td>
<td bgcolor="#ffffff"></td>
<td bgcolor="#ffffff"></td>
<td bgcolor="#ffffff"></td>
<td bgcolor="#ffffff"></td>
</tr>
<tr>
<td align="center"><img src="5.jpg" width="80" height="60"></td>
<td bgcolor="#ffffff"></td>
<td align="center"><img src="1.jpg" width="320" height="240"></td>
<td bgcolor="#ffffff"></td>
<td align="center"><img src="6.jpg" width="80" height="60"></td>
</tr>
<tr>
<td bgcolor="#ffffff"></td>
<td bgcolor="#ffffff"></td>
<td bgcolor="#ffffff"></td>
<td bgcolor="#ffffff"></td>
<td bgcolor="#ffffff"></td>
</tr>
<tr>
<td align="center"><img src="7.jpg" width="80" height="60"></td>
<td bgcolor="#ffffff"></td>
<td align="center"><img src="8.jpg" width="80" height="60"></td>
<td bgcolor="#ffffff"></td>
<td align="center"><img src="9.jpg" width="80" height="60"></td>
</tr>
</table>
</center>

ってなhtmlがあるんですけど、これもテーブル使っちゃダメなんですか？
div使ってみたんですけど上手くいかないんですよね。
何かイイ手は無いでしょうか？
188 名前： Name_Not_Found 投稿日： 2001/08/14(火) 05:17: 外部CSSファイル読み込みでページ作っていたのだが……。
背景画像などの指定をCSSファイルでやってしまうとMacIEで
別ディレクトリのHTMLに反映されない事態になってしまった。
おかげで背景が真っ白いページが多数発生……。
画像ディレクトリ指定ってCSSファイルでやらんほうがいいの？
189 名前： Name_Not_Found 投稿日： 2001/08/14(火) 05:40: >>187
divというかp使え。
で、width,height,margin,background-colorあたりを
ちゃんと指定すればできる。
#いちいち計算する義理は漏れにはない。

>>188
＞画像ディレクトリ指定ってCSSファイルでやらんほうがいいの？
MacIEを使わない方がいいの。
それか、使わないようにお願いするのがいいの。
#それが嫌なのならCSSを「諦める」しかないの。
190 名前： 188 投稿日： 2001/08/14(火) 06:07: >>189
うーん、IEのほうががCSSの対応率がいいのだが、
この際MacIEには諦めてもらうしか……。
というかマカーの大半がNNだからあまり支障ないかな。
なにはともあれありがとう。Winでは問題ないよね？　一応。
191 名前： 182 投稿日： 2001/08/14(火) 06:19: >>183
あちゃー。適当なこと言ってすまへん
192 名前： 189 投稿日： 2001/08/14(火) 08:26: >>190
漏れもちょうど同じ事やってるけど、大丈夫。in Win
193 名前： Name_Not_Found 投稿日： 2001/08/14(火) 08:27: >>180
p font font{color:white}
194 名前： Name_Not_Found 投稿日： 2001/08/14(火) 08:28: >>188
一体どう言うディレクトリ？
ひょっとして、NN4を基準にして言ってる？
195 名前： Name_Not_Found 投稿日： 2001/08/14(火) 10:54: > 画像ディレクトリ指定ってCSSファイルでやらんほうがいいの？

そんなこたぁないと思う。マカで CSS 使いのサイト見ても、
バリバリ背景画像使ってるし。
なんか別の原因がありそう。
@charset, @import, @media あたりはどう？
196 名前： 188 投稿日： 2001/08/14(火) 11:19: うわー皆様すみません。
原因究明してたら以下の事実が明らかになりました。

「外部CSS定義ファイルで指定した場合、
IEでは外部CSS定義ファイルからの相対位置と解釈するのに対し、
NNでは外部CSS定義ファイルへリンクされているドキュメントからの
相対位置と解釈します。」

外部ファイルでurl("./img/00.gif")って指定してたのですが、
url("http://www.00.com/00.gif")などと指定したほうがいいらしいです。
お手数をおかけしてしまい申し訳なかったです……。
モジュラーケーブルで逝ってきます。
197 名前： Name_Not_Found 投稿日： 2001/08/14(火) 11:26: >>196
ありがちだよねー
198 名前： Name_Not_Found 投稿日： 2001/08/14(火) 12:06: <a href="hoge.html><img src="ahya.gif"></a>
と画像にリンクを貼ったんですが、これを
a:link,a:visited,a:active,a:hover{}
で色を変えることってできないんですか？
誰か教えて下さい。お願い！！
199 名前： Name_Not_Found 投稿日： 2001/08/14(火) 12:37: >>198
少なくともJavaScriptでなら出来ます
CSSはわからないので、他の優しい人が答えてください
200 名前： 198 投稿日： 2001/08/14(火) 12:48: あ、いやそういうのじゃなくて、画像の周りに出る色（ボーダー？）
を変えたいんです。
試しに上のCSSで{boder:black}とかやってみたんですけど青のままなんですよねぇ。
201 名前： Name_Not_Found 投稿日： 2001/08/14(火) 12:52: >>200
出きるはずだぞ。
自分の書いたソースコピしてみろ。
202 名前： Name_Not_Found 投稿日： 2001/08/14(火) 13:00: >>200
border-colorプロパティをいじれ
203 名前： Name_Not_Found 投稿日： 2001/08/14(火) 13:00: >>198
aのborderを直接いじってないか？
いじるのはimgだぞ。
a:link img { border: black }
だ。
204 名前： Name_Not_Found 投稿日： 2001/08/14(火) 13:39: >>201-203
よく見ろ。>>200が書いてるのは {boder:black}だ。
これで変わるわけがない。ﾎﾞﾀﾞｰ
205 名前： Name_Not_Found 投稿日： 2001/08/14(火) 14:11: B!
O!
R!
D!
E!
R!

BORDER!!
206 名前： 200 投稿日： 2001/08/14(火) 14:12: >>201-203
203さんのでできました！ありがとうございます。
で、また質問ですまんのですが、hrをいじる場合、boderでやったほうが
いいんですかね？普通にwidth,height,colorではまずいですか？
207 名前： Name_Not_Found 投稿日： 2001/08/14(火) 14:33: >>206
それはブラウザによっていろいろだ。
widthやheightは普通に使えるはずだが、
ただの空要素としてborderだけで表示している場合（Mozilla）や
一つの置換要素と捉えて凹んだ表示を独自に行うものもある。
colorでnoshadeな状態を再現出来る事もある。
208 名前： Name_Not_Found 投稿日： 2001/08/14(火) 15:20: まだboderになってるよ・・・
209 名前： Name_Not_Found 投稿日： 2001/08/15(水) 07:04: ｶﾞﾝｺﾓﾉ200ﾜﾗﾀ
210 名前： Name_Not_Found 投稿日： 2001/08/15(水) 14:02: 質問いいですか？
＜イメージ＞文章＜イメージ＞
みたいな感じにしたいんですけど（テーブルだとこんな感じ）。
<table>
<tr>
<td><img></td><td>文章</td><td><img></td>
</tr>
</table>
何かいい方法ないっすか？pとかdivとかやったんですけど、上手くいきませぬ。
211 名前： Name_Not_Found 投稿日： 2001/08/15(水) 14:34: >>210
<p><img style="float:left;"><img style="float:right;">文章</p>
212 名前： Name_Not_Found 投稿日： 2001/08/15(水) 14:58: >>211
サンクス！できましたー！！
213 名前： Name_Not_Found 投稿日： 2001/08/16(木) 11:25: ネスケの4.7(mac)ってCSS綺麗にでないんですか？
a:link { font-family: "Osaka", "Osaka－等幅"; font-size: xx-small; font-style: normal; line-height: 140%; color: #0066cc; text-decoration: none}
て感じなんですけど。
214 名前： Name_Not_Found 投稿日： 2001/08/16(木) 11:49: NN4.Xで表示確認する必要は全くありません。
215 名前： Name_Not_Found 投稿日： 2001/08/16(木) 12:32: >>213
>>214
というか、media="all" にするとか、@importするとかして
NN4.Xには積極的にスタイルシートを適用させないのが
親切かもしれません。
216 名前： Name_Not_Found 投稿日： 2001/08/16(木) 14:52: >>213
Mac版は手元にないので知らんけど、
Win版のNN4.xだと日本語が混じると×だな。
217 名前： Name_Not_Found 投稿日： 2001/08/16(木) 23:46: >>213
ぶっちゃけた話、NNでfont-familyやline-height指定するとアレなのです。
本気で対応させたいのなら使わないか頭を使うかしましょう。
218 名前： Name_Not_Found 投稿日： 2001/08/17(金) 12:18: テーブルレイアウトはダメと聞きますが、height指定して
ちゃんと見れるのってどんなタグがありますか？
pとかdivとかでできるならプロパティ教えて下さい。
219 名前： Name_Not_Found 投稿日： 2001/08/17(金) 13:31: >>218
ブロック要素全部。***はクラス、===は数値。
div.***{height:===px;}
p.***{height:===px;}
220 名前： Name_Not_Found 投稿日： 2001/08/17(金) 14:47: >>213
NN4.xでは分けて記述した方がええよ。

a:link { font-family: "Osaka", "Osaka－等幅"; line-height: 140%;}
a:link { font-size: xx-small; font-style: normal; color: #0066cc; text-decoration: none; }

こうすれば、font-familyとline-height以外は適用されるかな・・？
（面倒なので確認はしてないよ。）
221 名前： Name_Not_Found 投稿日： 2001/08/17(金) 14:56: >>220
なぜこれで NN4 が除外されるのだ？
多分上の行を @media なり @import なりで分けろってことだとは思うが
あと細かいけど generic font family の指定があったほうが
222 名前： Name_Not_Found 投稿日： 2001/08/17(金) 15:07: >>221
除外ではなくて、NN4.xにも適用させる例なんじゃない？
よく知らないけど。
223 名前： Name_Not_Found 投稿日： 2001/08/17(金) 15:41: generic font family、そんなんあったんだ。
詳細き�hぉ。
224 名前： 221 投稿日： 2001/08/17(金) 15:55: >>222
ん？いや，適用させたらバグる（可能性が高い）よね，というのが >>215-217 だと思っているのだが

>>223
http://www.fan.gr.jp/%7ekaz/rec-css2/fonts.html#generic-font-families
要は serif とか sans-serif とかいうやつ
225 名前： Name_Not_Found 投稿日： 2001/08/17(金) 15:56: >>221
220じゃないけど、
@media なり @import なりで分ける必要は無いよ。
漏れは
.hoge{font-size:100%;color:#00B898;} .hoge{font-family:'hogefont';}
こんな感じにして、（NN4では）font-size、colorは適用されて、font-familyは適用されないって感じになってるから。
IEではしっかりと両方適用してくれる。
226 名前： Name_Not_Found 投稿日： 2001/08/17(金) 16:07: >>224
あ、なんだ、アレか。generic font familyてゆーんだ。
そういうセレクタがあったのかと思った。ﾋﾞｸｰﾘ。ありがt。
227 名前： Name_Not_Found 投稿日： 2001/08/17(金) 16:11: >>219
ですよねぇ？
p.top{
border-bottom : medium solid Gray;
border-right : medium solid Gray;
margin-left : 30%;
width : 100%;
height : 100px;
}
ってやったんですけど、全然反映されず・・・。
ん～何故だ・・・・。
228 名前： Name_Not_Found 投稿日： 2001/08/17(金) 16:11: >>225
NN4.xは同じセレクタがあると、最初のものしか有効ではないってこと？
229 名前： Name_Not_Found 投稿日： 2001/08/17(金) 16:47: >>227
コピペで試したらちゃんとなったよ＠IE5.5
ま、まさかネ○ケ使いか？
230 名前： Name_Not_Found 投稿日： 2001/08/17(金) 16:52: h1,h2{border-style: solid;border-width: 2px}
h1{border-color: red}
h2{border-color: blue}

っていう使い方は正しいですか？
231 名前： 225 投稿日： 2001/08/17(金) 16:56: >>228
ちょっと気になったんで色々やってみた。
まず、前後逆にしても同じように表示してくれた。
次に
.hoge{font-size:100%;} .hoge{color:#00B898;font-family:'hogefont';}
.hoge{font-size:100%;} .hoge{font-family:'hogefont';color:#00B898;}
colorの位置を変えたら、font-sizeだけ適応された。
そんで
.hoge{font-size:100%;} .hoge{color:#00B898;}
こうしてみたら、両方適応された。
使えないスタイルがあったら、{}内は全部無視されるみたい。
232 名前： Name_Not_Found 投稿日： 2001/08/17(金) 16:56: >>227, >>229
NN6 もしくは Moz なら
height: auto; min-height: 100px; とかやると上手くいく，かも
＃以前こちらで教えていただいた方法

>>230
問題ないよ，のちのち管理がややこしくなる可能性はあるけど
233 名前： 225 投稿日： 2001/08/17(金) 17:04: >>228
>>231に付け足し。
.hoge{font-family:'hogefont';} .hoge{font-size:100%;color:#00B898;}
これでも同じ結果が得られる。
234 名前： 221 投稿日： 2001/08/17(金) 17:10: >>231
なるほど，細かい追試ありがとう

>>220
ロクに確かめもせずに疑うようなことを書いて申し訳ない
235 名前： 227 投稿日： 2001/08/17(金) 17:11: うそ～ん・・・。N6でもないしmozillaでもないし。
IE5.5なのに・・・・。
pの変わりにtableでやると何故かちゃんとなる。鬱。
ちなみにNN4.xは消去済み（ｗ
236 名前： Name_Not_Found 投稿日： 2001/08/17(金) 17:34: >>235
p.topってbody要素直下にあるんかな？
divに入っていたりするなら、
div.*** p.top {---}
と細かくやってみるとか。もしくは、cssのどっかで他にも.topとかを指定しているとか。
何とも曖昧でスマソ
237 名前： Name_Not_Found 投稿日： 2001/08/17(金) 17:38: >>235
とりあえずfont-sizeとかつけたらちゃんとなるの？
238 名前： 235 投稿日： 2001/08/17(金) 18:40: >>236-237
いや、body直下なのよ。クラスも.topは無いし・・・。
font-sizeつけても何も変わらず。なーぜーだー！！
カナーリ鬱。
239 名前： Name_Not_Found 投稿日： 2001/08/17(金) 18:47: >>238
<html><head><style type="text/css"></style></head><body>
<p class="top">Hoge hoge hoge.</p>
</body></html>
コピペしてみそ。
240 名前： 235 投稿日： 2001/08/17(金) 18:57: >>239
あれー？ちゃんとなってる・・・。
外部呼出しとか関係無いよね？
241 名前： 240 投稿日： 2001/08/17(金) 19:25: とかなんとか言って自分で突っ込みいれときます。
href違いでした。スマソ、逝きます・・・・。
242 名前： Name_Not_Found 投稿日： 2001/08/17(金) 19:28: リンクのかかった画像の枠線を消したくて

a img{border-style:none;}

とか

a img{border-width:0;}

とかやってます。
でもNN4では消えてくれません。
NN4で枠線を消す方法はありますか？
243 名前： Name_Not_Found 投稿日： 2001/08/17(金) 20:22: <img src="***.gif" border="0">

素直にこれがいいんじゃない？
全然CSS的解決になってないけど、、、

俺はHTML4.01StrictDTDでやるんだｺﾞﾙｧっていうなら

a img { border:0px ; color:#ffffff }
こんな感じでごまかすとか、、、
この場合のcolorは背景色ね。

スマートなやりかたあったっけ？
244 名前： Name_Not_Found 投稿日： 2001/08/17(金) 20:35: NN4 はアンカー要素となるイメージの border を消せません。
どうしてもってんなら、border 属性使うしかない、はず。
245 名前： Name_Not_Found 投稿日： 2001/08/17(金) 20:40: くりっかぶるまっぷ。
246 名前： Name_Not_Found 投稿日： 2001/08/18(土) 00:12: NN4で
a img{border:none;}
ってやったらリンク画像をクリックしても飛べなくなったよ。
カスだね。
247 名前： 242 投稿日： 2001/08/18(土) 00:37: やっぱりダメなんですね。
あきらめて border="0" でいきます。
ありがとうございました。
248 名前： Name_Not_Found 投稿日： 2001/08/18(土) 00:55: >>242=>>247
>>243のレスは見た？
a img { border:0px ; color:背景色; }
これでいいんだよ。
249 名前： Name_Not_Found 投稿日： 2001/08/18(土) 03:44: 教えてください。

FRAMEなしのページで
スクロールバーをださない様にするにはどうすればよいでしょうか。
overflowでどうにかできるんでしょうか？

くだらない質問かもしれないけど、どなたかお願いします。
250 名前： Name_Not_Found 投稿日： 2001/08/18(土) 04:29: 理論的には
body{overflow:hidden;}
と思われるが実際試したことないのでうまくいくかどうかは知らん
251 名前： 213 投稿日： 2001/08/18(土) 10:25: みなさんありがとう。
<style type="text/css">

</style>
こいつで解決しました。
ところでこれにa要素を加えたいのですが、
a{ font-size: 10pt; font-style: normal;}
a{ color: #000000;}
a{ font-family: "ＭＳＰゴシック", "Osaka", "Osaka－等幅", line-height: 140%; text-decoration: none}
て具合に合計六行にして書かないと駄目ですか？
252 名前： Name_Not_Found 投稿日： 2001/08/18(土) 10:37: 
</style>
てなりますね、ネスケにあわせようとすると。このダブリって省略できますか？
それでもネスケだと line-height: 140%;は反映されないですね。
253 名前： 252 投稿日： 2001/08/18(土) 10:39: あ、hoverもtext-decoration: noneも駄目ですね。
なんとかしてくれ、ネスケ～。
254 名前： Name_Not_Found 投稿日： 2001/08/18(土) 11:08: テーブルを絶対指定でポジショニングしたら、
テーブル外の文字がテーブルの下に隠れてしまうみたいなんです。
なにかいい解決策ありませんか？

↓現状↓
<TABLE style="position : absolute;top : 9px;left : 9px;float : none;" cellspacing="0" cellpadding="0">
<TBODY>
<TR>

（中略）

</TBODY>
</TABLE>
<P>
ここら辺に書いた字がテーブルに隠れてしまいます。
255 名前： Name_Not_Found 投稿日： 2001/08/18(土) 11:51: >>251-252
colorを分ける必要があるのか。
text-decoration: noneも
{ font-size: 10pt; font-style: normal;}この中に入れて良いと思ふ。
256 名前： Name_Not_Found 投稿日： 2001/08/18(土) 15:00: >>254
<p>も絶対指定すれば？
tbodyってことはビルダー使いか？
257 名前： 254 投稿日： 2001/08/18(土) 15:49: >>256
ありがとうございます、早速試してみます。
そして、お察しのとおりビルダー使いです。
プレビューや背景テストモードが気に入って使ってるんです。
どうか偏見の目で見ないようご協力お願いします。
258 名前： Name_Not_Found 投稿日： 2001/08/18(土) 16:54: 確かに偏見の目で見たよｗ

絶対指定ってのはソース内での順番に関係なく、何が何でも上から○px
に表示するってものだから、position非指定のものと共存させるのは
難しいと思うよ。
259 名前： Name_Not_Found 投稿日： 2001/08/19(日) 12:19: .position1{
position : absolute;
left : 20%;
vertical-align : middle;
}
.position2{
position : absolute;
right : 20%;
vertical-align : middle;
}

<p><img class="positon1"><img><img class=position"2"></p>

これで真ん中のimgをちょっと上にずらしたいんですが、margin-bottomを
設定すると左右のimgまで上に上がってしまいます。どうすれば？
260 名前： Name_Not_Found 投稿日： 2001/08/19(日) 14:29: >>259
なぜそこまでしておいて真ん中にclassを指定しないのか・・・
真ん中のimg要素にclass="position3"を設定して、
.position3{
position : absolute;
top : 適当;
}
あと、position"2"は間違いだよ・・・な？
こういうときはコピペするようにしたほうがいい。

＃左右のimgまでって・・・もしかして
＃img{margin-bottom:適当}ってやったわけじゃないよな？
261 名前： 259 投稿日： 2001/08/19(日) 15:21: >>260
あ、position"2"は間違いね（ｗスマソ。
topで指定するとその下にくる<hr>と被っちゃうんだよね。

<p>
<img src="a.jpg" class="position1">
<img src="b.jpg">
<img src="c.jpg" class="position2">
</p>
<hr>
htmlはこんな感じ。もっと長いけど端折りました。
この場合hrにも・・っていうかその下にくるimgとかにも%指定しなきゃ
いけないですよね？ん？absoluteじゃなくてrerativeにすりゃいいのか？
ヤヴァー、頭がごちゃごちゃしてきた。。。
262 名前： 259 投稿日： 2001/08/19(日) 15:59: 何度もスマソ。解決しました。

ところでまた質問なんですが、<img>のwidth,height,boderってCSSで指定した方が
良いの？htmlの方でやったらダメ？
img{height: 100px; width: 100px; boder: 0}みたいに。
263 名前： Name_Not_Found 投稿日： 2001/08/19(日) 17:27: >>259
UAのこと考えないならいいもしれん。
264 名前： Name_Not_Found 投稿日： 2001/08/19(日) 19:00: >>262
<img>のwidth,heightはhtmlの方で、boderはCSSで指定した方がいいような
気がする。

widthとheightはStrictでboderはTransitionalじゃなかったか？
265 名前： Name_Not_Found 投稿日： 2001/08/20(月) 12:12: boderじゃなくてborderだよ・・・
266 名前： Name_Not_Found 投稿日： 2001/08/20(月) 12:29: すまん、素で間違えた・・。

StrictとTransitionalの違いがイマイチわからんのだが、
その辺について記述してあるサイトを紹介してれー。
ここを読めっ！みたいな。
267 名前： Name_Not_Found 投稿日： 2001/08/20(月) 12:48: >>266
仕様書。
http://www.w3.org/TR/html4/index/elements.html
http://www.w3.org/TR/html4/index/attributes.html
DTDにLがあるのがTransitional、空ならStrict。
268 名前： Name_Not_Found 投稿日： 2001/08/20(月) 14:01: position:absolute;
で絶対位置指定したのですが,
IE5.5 SP2は親要素を基準とした絶対位置,
N6.1はBODY要素(？)を基準とした絶対位置に配置します。
どっちが仕様なのでしょうか？

後,N6.1で
BODY{overflow:hidden;}
が有効になりませんが,バグですか？
269 名前： Name_Not_Found 投稿日： 2001/08/20(月) 20:53: >>268
親セレクタに、position:absoluteまたはposition:relativeが指定してあればIEのその挙動が正しい。
position:static（デフォルト）なら、Mozillaの挙動が正しい。

>BODY{overflow:hidden;} が有効になりませんが,バグですか？

バグかどうかは知らないが、やめてくれと言いたい。
270 名前： Name_Not_Found 投稿日： 2001/08/20(月) 22:35: >>266
>>267の仕様書には日本語訳もあるから検索して探してみるよろし。
271 名前： 267 投稿日： 2001/08/21(火) 08:12: >>270
そこは訳さなくても分かると思うが……。
変に訳されると返って分かりにくくなるぞ。
272 名前： 266 投稿日： 2001/08/21(火) 13:01: >>267
サンクス！
>>270
日本語訳はいっぱいあるんだね。
ttp://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/cover.html
とりあえずここを読んでみようと思う。

下らない質問かもしれないんですが、基本的に被るスタイルは別のファイルに
書いて、@importで呼び出す方が利口なやり方ですか？
273 名前： Name_Not_Found 投稿日： 2001/08/21(火) 16:07: 基本的に被るスタイルのいみわからん
274 名前： Name_Not_Found 投稿日： 2001/08/21(火) 16:21: すみません。

スタイルシートにhrに
1px実線影無し
を指定するにはどうすればいいのですか。
275 名前： Name_Not_Found 投稿日： 2001/08/21(火) 16:30: >>274
無理。
その前後に入るブロック要素またはインライン要素をブロック化したものの
border-topもしくはborder-bottomにsolid 1pxを指定するしかないだろうな。

どうしてもhrでやるのなら物理的マークアップするしかないだろう。
276 名前： Name_Not_Found 投稿日： 2001/08/21(火) 16:31: >>274
hr {
color: #******;
background-color: #******;
border: 0 none;
height: 1px;
}
colorはMacIE向け、backgrond-colorはMozilla向け。
WinIEでの追試求む。
277 名前： 274 投稿日： 2001/08/21(火) 16:42: >>276
WindowsIE5.5,Mozilla,NN6.1,Hotjavaでできました。
ありがとうございます。
278 名前： Name_Not_Found 投稿日： 2001/08/21(火) 16:47: hr{border: 1px solid #???; height: 0;} でも．
279 名前： 274 投稿日： 2001/08/21(火) 16:47: 訂正
最後のはできませんでした。誤
280 名前： Name_Not_Found 投稿日： 2001/08/21(火) 18:03: >>278
height:0が効かないブラウザもある。
281 名前： 278 投稿日： 2001/08/21(火) 18:22: >>280
例えば？そしてそのブラウザは height: 1px; なら効くの？
自分の手元にないので確認が取れないのだが，あれこれ直す必要が
あるかもしれないのでぜひ教えてください．
手元での確認では，WinIE5.5 と WinMoz0.9.2 はどっちも大丈夫．
WinNN4.78 はどっちもダメでした．
282 名前： 280 投稿日： 2001/08/21(火) 19:48: >>281
手元のMacIEでは効かないみたい。
>>278の例にあるやつだと、height:0が効いても
border-topだけに限る必要とかありそうだね。
283 名前： 272 投稿日： 2001/08/21(火) 21:49: >>273
うひ。日本語おかしかったか。
例えば、全ページの背景が黒。フォントが白とかだった場合、
全てのcssファイルにそれを記述しないで、別ファイルに記述したものを
@importで呼び出すって事。
284 名前： 281=278 投稿日： 2001/08/21(火) 22:52: >>282
なるほど．MacIE はダメなのか．ありがとう．
border は，少なくとも Win では一括指定で大丈夫だった．top だけとかの方が安全だろうけど．
285 名前： Name_Not_Found 投稿日： 2001/08/22(水) 00:23: HRの上か下だけボダーを指定すればいいんじゃネーノ？
俺それだけど。
286 名前： Name_Not_Found 投稿日： 2001/08/22(水) 00:58: >>285
だめっしょ．hr そのものが表示されて，さらに border も表示されるはず
例えば hr {border-top: 1px solid #???;} ってやったら 2 本見えるよ（WinIE5.5）
287 名前： 愛で空がお味噌汁 投稿日： 2001/08/22(水) 01:01: >>283
共通するスタイルを抜き出して@importするってことだね。
背景色とか変えたくなったときに、@importしたcssだけを書き換えれば
すむから管理が楽だよ。

ただ、NN4.xxとかは@importしたcssは適用されない（はず）から注意。
288 名前： 283 投稿日： 2001/08/22(水) 01:27: >>287
サソキュウ。
NN4.x対策はしてない（ｻﾊﾟｰﾘ､ｷﾊﾟｰﾘ排除）から気にしなーい（ｗ
おかげでNN4.xユーザーは減ったけど。
289 名前： Name_Not_Found 投稿日： 2001/08/22(水) 09:59: <DIV STYLE="text-align:justify;text-justify:distribute-all-lines;">こんにちは、ヨッシーです！</DIV>

均等割付にならないんです。
290 名前： Name_Not_Found 投稿日： 2001/08/22(水) 11:13: >>289
なるけど。ブラウザは何？
291 名前： Name_Not_Found 投稿日： 2001/08/22(水) 11:52: text-justify: inter-ideograph
でどう?
292 名前： Name_Not_Found 投稿日： 2001/08/22(水) 12:33: >>290
IE5.5です
293 名前： 290 投稿日： 2001/08/22(水) 13:01: >>292
こっちもIE5.5。ほかの部分が悪いような気がする
294 名前： Name_Not_Found 投稿日： 2001/08/22(水) 15:04: >>286
border-box辺りも関わってくるから、
1px影無しならborderは使わない方が安全かな？
295 名前： 285 投稿日： 2001/08/22(水) 23:47: 勘違いしてた。
height: 1px で、ボダートップ以外に none を指定してあった。
一応IEとN6で影なし1pxになってる。
296 名前： Name_Not_Found 投稿日： 2001/08/23(木) 02:25: テーブルって、cellpaddingを指定しないとcellpadding=2
ってことになりますよね？

スタイルシートでテーブルをcellpadding=0 cellspacing=0　に
指定したのと同様にするにはどうするのですか？（paddingとかだと
どうしてもセル間の隙間が空いてしまう。。）
IE55です。
297 名前： Name_Not_Found 投稿日： 2001/08/23(木) 02:52: >>296
無理かも。

TABLEのcellpadding、cellspacing、width、borderはStrictだから
HTMLのほうで　<table cellpadding="0" cellspacing="0">
って指定しちゃっていいのでわ？
298 名前： Name_Not_Found 投稿日： 2001/08/23(木) 03:12: IE55いいなぁ・・・
299 名前： Name_Not_Found 投稿日： 2001/08/23(木) 03:14: <table width="100%">
<tr><td align=left>左寄せ</td><td align=right>右寄せ</td></tr>
</table>
と同じことをCSSでやるにはどうしたら良いでしょう?

<div style="float:left;">左寄せ</div>
<div style="text-align:right;">右寄せ</div>
とやるとMozillaでは思い通りの配置になるのに対して
IE5.0ではそれぞれが微妙に上下にずれてしまいます。

IEのバグなのだろうとは思うのですが、
なんとかIEでもうまいこと正常に見えるような方法はないでしょうか?
やっぱりTABLEしかないのでしょうか?
300 名前： Name_Not_Found 投稿日： 2001/08/23(木) 03:16: >>296

table{
padding: 0;
border-spacing: 0;
border-collapse: collapse;
}
ってのはどうだろ。試してないからわかんない。
301 名前： 300 投稿日： 2001/08/23(木) 03:19: 間違えた。
paddingはtdに。
302 名前： Name_Not_Found 投稿日： 2001/08/23(木) 03:30: 以前はN4のCSS対応の酷さに「N4早く消えろN4早く消えろ」と思ってたけど
最近はIE5の微妙な表示不具合が少し嫌になりつつあったりして。
IEもMozillaくらいになって欲しいなあ。
303 名前： Name_Not_Found 投稿日： 2001/08/23(木) 03:30: >>296
table{
padding: 0;
border-spacing: 0;
}
td,th{
margin: 0;
padding: 0;
}

これでダメならどうしようもないです。
304 名前： ◆kDDK6ugk 投稿日： 2001/08/23(木) 03:31: >>299

<div style="float:left;width:50%;">
左寄せ
</div>
<div style="float:right;width:50%;text-align:right;">
右寄せ
</div>
305 名前： ◆kDDK6ugk 投稿日： 2001/08/23(木) 03:44: 質問の意味を取り違えてないかとビクビクしながら補足しておく。

borderを入れた場合はMozillaでアレなので、
その時はdivに -moz-box-sizing: border-box; を追加する。

参考：
　http://www.cc-net.or.jp/~piro/tips/page/p0031.html
306 名前： Name_Not_Found 投稿日： 2001/08/23(木) 04:02: >>296
border-spacingとborder-collapseの対応状況はここ↓

http://www.zspc.com/documents/css2/index.html#table
307 名前： Name_Not_Found 投稿日： 2001/08/23(木) 07:54: >>305
MacIE5ではちゃんとbox-sizingで機能するよ。

ついでに言うと、IE6bはDTDをキチンと宣言したHTML上で
content-boxとして扱うけどbox-sizingプロパティには不感症らしい。
正式リリースで対応してくれる事を願って止まないよ……
308 名前： Name_Not_Found 投稿日： 2001/08/23(木) 08:02: 外部リンクからのCSSで出来る限り全て指定したいのですが
テキスト色指定の仕方が良く分かりません・・・
どこにどう指定入れるのでしょうか・・・・
とほほ　や　ばけら　見てもいまいち分からなかったです・・・
ガイシュツならすいませんが　よろしくお願いします。

BODY{
font-color : #FF0000; /*こんな指定無いですよね*/
text-color : #FF0000;
}
/*これは何の指定でしょう?*/

em {color: red;}
strong {color: #FF0000;}
a:visited {color: #FF0000;}
cite {color: rgb(0,255,0);}
q {color: rgb(0%,100%,100%);}
309 名前： 308 投稿日： 2001/08/23(木) 08:03: >>308
は　全体のテキスト色の事です・・
310 名前： Name_Not_Found 投稿日： 2001/08/23(木) 08:23: >>308
ただのcolor。何が分からないのか分からん。
311 名前： Name_Not_Found 投稿日： 2001/08/23(木) 08:48: >>308
悪いが、とほほやばけらのどこがわからなかったのかを説明してくれ。
312 名前： Name_Not_Found 投稿日： 2001/08/23(木) 09:31: ネタ決定
313 名前： Name_Not_Found 投稿日： 2001/08/23(木) 10:06: >>308
<body text="white" bgcolor="black" background="bg.jpg" link="blue" vlink="purple" alink="red">

の場合、

body {
color: white;
background: black url(bg.jpg);
}

a:link { color: blue; }
a:visited { color: purple; }
a:active { color: red; }

で再現できます。
314 名前： Name_Not_Found 投稿日： 2001/08/23(木) 10:14: ついでにa:hover{color:black;}
を加えて『あれ？消えちゃったYO!!』ってのはどうかね？
315 名前： 299 投稿日： 2001/08/23(木) 10:41: >>304
その方法で一応できました。
width指定せずにfloat化してたのがいけなかったんですね。うっかりしてました。
(今度はMozillaの方で微妙に変になりましたが我慢できる程度なので妥協します)
ありがとうございました。
316 名前： Name_Not_Found 投稿日： 2001/08/23(木) 12:12: しつもーん。
<div>
<dl>
<dt>内容1</dt>
<dd>
内容2
</dd>
</dl>
</div>

div{text-align:center;}
dl{width:500px;}
dt{width:500px;text-align : center;}
dd{text-align : left;}
IE5.5だとセンタリングされるんですが、N6.1だと左寄せになっちゃいます。
divの代わりにhtmlに<center>タグをいれると上手くいきます。
どっちの仕様が正しいの？？
317 名前： Name_Not_Found 投稿日： 2001/08/23(木) 12:48: >>316
dt が左寄せになるのが駄目ってこと？
318 名前： Name_Not_Found 投稿日： 2001/08/23(木) 12:53: >>316
text-align:center はインライン要素にしか適用されないのが正しいはず
なのでNetscape6.1の方が正しい。

dl{width:500px;margin-left:auto;margin-right:auto;}
dt{width:500px;text-align:center;}
dd{text-align:left;}
にすればいいはずだがIEが margin:auto; にまだ対応していないようなら

div{text-align:center;}
dl{width:500px;margin-left:auto;margin-right:auto;}
dt{width:500px;text-align:center;}
dd{text-align:left;}
かな？
319 名前： 316 投稿日： 2001/08/23(木) 12:54: >>317
否。<dl>～</dl>までボックス全てが左寄せになっちゃうのよ。dtの内容は
センタリングされてるし、ddの内容も左寄せなんだけどさ。要はテーブルが丸ごと
左に寄ってるみたいな感じになっちゃうのよ。
320 名前： 316 投稿日： 2001/08/23(木) 13:04: >>318
おぉ被った。なるへそ。早速試してみます！！
321 名前： Name_Not_Found 投稿日： 2001/08/23(木) 13:09: ボックス（ってかブロック）をセンタリングしたいのなら、
既に>>318に書かれている通り、センタリングしたいブロックの横方向にに
margin:auto
を対称的に指定する。

margin:auto #上下左右のマージンが上下、左右ごとに等しくなる。
margin:1em auto #上下方向のマージンが一文字分、左右マージンは等しくなる。

とか、色々指定する方法はあるんで適当に選んでくれ。
322 名前： 316 投稿日： 2001/08/23(木) 13:22: >>321
サンクス。>>318氏のでやったらウマークいった。
323 名前： Name_Not_Found 投稿日： 2001/08/23(木) 22:48: >>313
今正にそれ質問しようとしていた所でした
ありがとうございます
324 名前： 308 投稿日： 2001/08/24(金) 00:06: >>310-314
馬鹿でした　すんません・・・・・
>>313
color: white; 属性だけでよかったのですね・・・
助かりました　ありがとうございます。
325 名前： Name_Not_Found 投稿日： 2001/08/24(金) 00:37: 細かいことだが、属性という言い方は混乱を招くと思われ。
326 名前： 質問スレの538 投稿日： 2001/08/24(金) 05:07: /*下のような2重テーブルタグをCSSで出来る限り指定したかったのですが*/

<TABLE border="0" bgcolor="#000000" cellpadding="2" cellspacing="0">
<TBODY><TR><TD bgcolor="#000000" width="200" height="100">
　 <CENTER><TABLE border="0" cellpadding="7" cellspacing="0" bgcolor="#ffffff">
<TBODY><TR>
<TD width="250" height="150" align="center" valign="middle">枠の中</TD>
</TR> </TBODY></TABLE></CENTER></TD> </TR></TBODY></TABLE>

/*下のようにしてもNN4.7ではborderを無しに出来ません*/

BODY{ text-align : center;}
TABLE{ text-align : center;
border-top-width : 0px;border-left-width : 0px;
border-right-width : 0px;border-bottom-width : 0px;
border-style: none;}
TD{ text-align : center;
border-top-width : 0px;border-left-width : 0px;
border-right-width : 0px;border-bottom-width : 0px;
border-style: none;}

「DIVタグ＋スタイルシート」使えば出来るみたいですが
CSSでのみだとNNでは無理でしょうか・・・
ご指摘ヨロシクお願いしますです。
327 名前： Name_Not_Found 投稿日： 2001/08/24(金) 05:28: 今度は要素とタグを混同してる例か
328 名前： ◆kDDK6ugk 投稿日： 2001/08/24(金) 05:50: >>326
何がしたいのかよく分からなかったけど、こーゆー事がしたいの？

<html>
<head>
<style>
body {
text-align:center;
}

div.content {
border-width:1.3em 2px 2px 2px;
border-color:black;
border-style:solid;
vertical-align:middle;
padding:2em 1em;
width:250px;
text-align:center;
}
</style>
</head>
<body>
<div class="content">
<p>枠の中</p>
</div>
</body>
</html>
329 名前： Name_Not_Found 投稿日： 2001/08/24(金) 06:24: >>326
ん？　外側がwidth="200" height="100"で、内側がwidth="250" height="150"？
330 名前： Name_Not_Found 投稿日： 2001/08/24(金) 06:28: >>326
「NN4.7ではborderを無しに出来ません」て書いちょるが、IEではできたのか？
331 名前： 326 投稿日： 2001/08/24(金) 15:48: >>328
おぉぉ　ありがとうございます! そういう枠をCSSで作りたかったのです。
>>329-330
IEだとborder-style: none;で大丈夫でしたよ。

あと枠の中のカラーを背景色とちがうのに変えたかったのですが
padding-color:#CCFF00; と言うのは無いのですね
なので

background-color : #CCFF00;
と入れてみたり　表を2重にしたりしたのですが
IEではうまくいきますが　NN4.7では中の色に透明枠線が出来てしまいます。

これをCSS内で消す方法は無いのでしょうか
何度もすいません・・・・

そろそろNN4.7切捨てて　NN6に水準変えようかと思います・・・
332 名前： Name_Not_Found 投稿日： 2001/08/24(金) 16:18: >>331
>>328にプラス、
p { border: ～; }
でいいんでは？
333 名前： ◆kDDK6ugk 投稿日： 2001/08/24(金) 17:00: >>332
いや、>>331は、
「NN4にはborderとbackground-colorの間にスキ間がある」
と言いたいのかと。

で、俺は多分対処法は無いと思う。
334 名前： 332 投稿日： 2001/08/24(金) 17:05: >>333
そういうことなら、divでbackgroudを指定して、
divのpadding、pのmarginをゼロにして
pでborderを指定したら？
335 名前： 332 投稿日： 2001/08/24(金) 17:09: あっと、divのpaddingじゃなくてpのmarginで処理するだけでもいいような。
336 名前： Name_Not_Found 投稿日： 2001/08/24(金) 17:12: いや、すき間はどう頑張っても解消できなかった記憶がある。試したのはずいぶん前だが。
337 名前： Name_Not_Found 投稿日： 2001/08/24(金) 17:14: フレーム別でセレクトメニューを２つ並べたいんですが、
２つに増やすと機能しません。
誰か教えて
338 名前： Name_Not_Found 投稿日： 2001/08/24(金) 17:19: CSS選択スクリプトのセレクトメニューを置いたのか？
339 名前： Name_Not_Found 投稿日： 2001/08/24(金) 21:58: ページを左右に色分けして
http://members2.tsukaeru.net/coara/
こんな感じにしたいんですけど、
これ場合フォントサイズを大きくしたり小さいウィンドウで開くと、
%で指定したwidthが仇となり、右側が真っ白になることがあります。
また、左右どちらかの内容が縦枠をはみ出した場合、height:100%;が仇となって、
はみ出してない方が白くなってしまいます。

これを解決する事は出来ないでしょうか。
340 名前： Name_Not_Found 投稿日： 2001/08/25(土) 02:01: >>339

これでどうよ？

@charset "Shift_JIS";
body { color: #606060; background: #fbf8cd; margin: 0;}
pre { font-family: 'MS UI Gothic'; }

#hoge {
background:#b0d36a;
width: 13em;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

#hoge2 {
text-align: center;
background: #fbf8cd;
margin-left: 13em;
}

#hoge3{
text-align: left;
position: absolute;
left: 14em;
bottom: 1em;
}
341 名前： Name_Not_Found 投稿日： 2001/08/25(土) 02:13: >>339
Mozillaだと問題無いな・・
IEのwidthの処理がおかしいのか？
342 名前： Name_Not_Found 投稿日： 2001/08/25(土) 02:27: >>341

というか、float の解釈の違いだと思う。
343 名前： 331 投稿日： 2001/08/25(土) 03:27: >>332-337
よく見ると外出しまくってましたね・・・すみません・・・

<table cellpadding="0" cellspacing="0"> か
GIF画像をセルのテーブルバックグランドに
設定するしかNN4.7 では透明枠まで消すのは
だめっぽいですね・・・・

みなさまいろいろありがとうございました。
344 名前： 他から誘導されてきました 投稿日： 2001/08/25(土) 04:47: CSSで出来るので聞いて来て　とのことでしたので　マルチですいませんが　ヨロシクです。

フレームの境界線の色は　立体3Dの境界線のとき意外　変えられないのでしょうか?
frameborder="no" border="1"の状態で色を変えたいのです。
色々試したのですがIE5.5ではぜんぜんダメでした.................
Netscape Navigator4.7でも縁が付いてしまいます
知っておられる方教えて下さいませ。

<FRAMESET rows="15%,85%" frameborder="YES" border="1" BORDERCOLOR="#000000">
<FRAMESET cols="102,*" frameborder="NO" BORDERCOLOR="#000000">
<FRAMESET cols="106,*" frameborder="no" border="1"bordercolor="#FF0000">

これではダメでした.........

FRAMESET { border-color : #FF0000; 　なんて出来ないのですが

IE5以上だけでもいいですので良い方法ありませんでしょうか。
345 名前： Name_Not_Found 投稿日： 2001/08/25(土) 07:05: >>338
はい、置きました。
１つならうまくいくんですが。
346 名前： Name_Not_Found 投稿日： 2001/08/25(土) 10:36: >>344
BODYにborder付ければすむ話じゃん。
347 名前： Name_Not_Found 投稿日： 2001/08/25(土) 12:32: >>346
ブラウザによって解釈が違うので思うような表示は期待できません。
フレームのボーダーを、CSSでどうこうするのは無理だと思う...
348 名前： Name_Not_Found 投稿日： 2001/08/25(土) 14:03: <frameset cols="15%,85%" border="0">
<frame src="left.htm" style="border-right:1px solid aqua;">
<frame src="right.htm">
</frameset>
でなんとかなるが、IE5以外ではダメだな。
つうか、これはスタイルシートの悪い使い方かもしんない。
349 名前： 344=あうう 投稿日： 2001/08/26 08:29: >>346-348
<frameset cols="15%,85%" border="0">
BODY{
border-right:1px solid aqua;">
}　だけでよかったのですね。
IE5だけでも良かったので　助かりました　ありがとうございました。
350 名前： Not_Found 投稿日： 01/08/26 09:35