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: テーブルを真ん中に寄せたいのですが
<CENTER></CENTER> タグをNN6.1で
cssで適応させるにはどうしたらいいのでしょう。
BODY{
text-align : center;
}
でIE5.5とNN4.7はできるのですがNN6.1は真ん中に寄らないです。

TABLE, TD, TH {
text-align : center;
}
や　div.test { text-align:center; }
など　を足しても　ダメでした。

あと　NN6.1の初期設定フォントがMS明朝でなんか見にくくて嫌なので
自分のNN設定は　MSPゴシックにしたのですが
サイトに来る他の人の
NNでのフォントの種類や大きさはサイト側で固定出来ないですよね。
351 名前： ◆kDDK6ugk 投稿日： 01/08/26 10:09: >>350
table {
margin-left:auto;
margin-right:auto;
}

仕様上、text-alignは、インライン要素の整形にしか使えないので、
今のところは、auto値とtext-align:centerを併用する事になる。
352 名前： Name_Not_Found 投稿日： 01/08/26 10:26: >>350
フォントもCSSで指定。
bodyにfont-familyを指定する。
353 名前： Name_Not_Found 投稿日： 01/08/26 10:47: >>350
ブロックのセンタリングの話は何度もがいしゅつ。
ちょっとは過去ログ探せばすぐ出てくるぞ

＞あと　NN6.1の初期設定フォントがMS明朝でなんか見にくくて嫌なので
＞自分のNN設定は　MSPゴシックにしたのですが
＞サイトに来る他の人の
＞NNでのフォントの種類や大きさはサイト側で固定出来ないですよね。

html * { font-family: 'ＭＳＰゴシック'; }
じゃ不満なのか?
354 名前： Name_Not_Found 投稿日： 01/08/26 11:16: >>350
CSSに、
body > * {text-align: center;margin-left:auto;margin-right:auto;}
を加える。
あと、"ＭＳ～"は機種依存なので、フォントを指定するなら
# ゴシックなタイプのものなら、
body,body * {font-family:serif;}
か、
# 明朝なタイプのものなら、
body,body * {font-family:sans-serif;}
# この辺の詳細は
# http://www.y-adagio.com/public/standards/tr_css2/fonts.html#generic-font-families

やってることの意味がわからんというのは無しな。
# んなこた、自分で調べろ。
355 名前： 350 投稿日： 01/08/26 19:35 ID:JfCnqVLY: >>351-354
ありがとうございます！！！
こんなに親切なスレ初めてです。感ドーしました。

マカーの知り合いがいないので　ついでに教えて貰いたいのですが・・・・
macに　ＭＳＰゴシック　などはIEを入れた時点で
一緒に入っているのでしょうか
"ＭＳ～"指定してて　フォントが見つからない場合ちゃんと
似たフォントで表示されてますかね?
一様　body,body * {font-family:sans-serif;}
でやらしてもらうつもりですが　>>354　さんの意見　見て少し気になったのです。
356 名前： Name_Not_Found 投稿日： 01/08/26 20:08 ID:dt9RwTMM: >>355
Mac でＭＳＰゴシックに対応するのは Osaka
{font-family: "ＭＳＰゴシック", Osaka, sans-serif} という感じ
ところで body * の指定は必要なのか？ font は継承されると思ったのだが
357 名前： 354 投稿日： 01/08/26 21:02 ID:VAJbRCA6: >>356
そうだった。
IEでfont-sizeがtable内に継承されないバグと混同してた。
body {}だけでもO.K.
358 名前： Name_Not_Found 投稿日： 01/08/26 23:48 ID:WZ2nUqw6: CSS を使うと重くなるという話しが理解できません。
どう考えても、総合的に、軽くなるはずだとおもいますが？
359 名前： Name_Not_Found 投稿日： 01/08/26 23:57 ID:4nbq.O2c: CSSを使うと重くなる場合を考えてみる。
・filter
・ファイルが階層の深い所にある
・外部に置くとリクエストが１つ増える（転送量は変わらないが、プロセスが増える）
これくらいか。
360 名前： 182 投稿日： 01/08/27 00:24 ID:hMX0mXZM: >>354
明朝系がserifでゴシック系がsans-serifじゃないっけ？
361 名前： Name_Not_Found 投稿日： 01/08/27 03:08 ID:YrzI6kOs: >>359
3つ目のに追加。
よく@import等でCSSを小分けにしているのを見かけるが、
分ければ分けるほどプロセスが増える。
362 名前： 355 投稿日： 01/08/27 06:07 ID:lJ74TygA: >>356-357
すごく参考になりました、ありがとうございます。
会話についていけるように勉強いたします。
363 名前： Name_Not_Found 投稿日： 01/08/27 09:44 ID:/pMIXChQ: >>361
確かに外部CSSや外部スクリプトを使うと
制作者側は楽になるけど
ファイルが増える分リクエスト数が増えて遅くなるね。

ただし、頻繁に更新されるHTMLと、
滅多に変更されないスタイルやスクリプトを別で分けておけば
2回目以降のアクセスはスタイルやスクリプトのファイルの方は
GETしなくて済むので(HEADはしなきゃいけないけど)
軽くなる可能性も。
364 名前： Name_Not_Found 投稿日： 01/08/27 11:49 ID:q8sRzPwM: CSSを使うなとかいって問題になってたのは、
「外部に置く代わりに増えたHEADのリクエスト分の転送量」と
「fontとかタグ使った場合の転送量」を比較してる、ってことでＯＫ？

そこまで考えてた人がどれだけ居るのかは知らんけど。
（CSSを正しく解釈しないUAに考慮しろ、とか的外れな人も多そう）
365 名前： Name_Not_Found 投稿日： 01/08/27 13:33 ID:/pMIXChQ: レガシーな物理タグを多用するよりCSS使った方がデータ量的には軽くなると思う。
ただ、>>359も挙げているようにfilterなどを使うと
場合によってブラウザの挙動が重くなるよね。

filter使ってなくてもポジショニングでいろいろ重ね合わせてたり
背景の画像が固定されてたりすると重くなるよね。

最近はマシンがパワーアップしたから気にならなくなったけど
1～2年以上前は背景画像を固定してるページも重くてうざかった。
366 名前： Name_Not_Found 投稿日： 01/08/28 00:36 ID:d8wWeono: input や textarea などに
font-family: "Verdana", "MS PGothic", "Osaka", sans-serif;
と指定したらWinIE5では問題ないんだけど
MacIE5を使ってる人から文字を入力する所が文字化けすると苦情がきました。
body に同じ指定をしても問題はないようなのですが…。
なんか良い対処法はあるでしょうか? 諦めるしかない?
367 名前： ねぎま 投稿日： 01/08/28 01:01 ID:eZz5oUdI: >>361
レイアウトを全てCSSで行ってて、かつシートが
多く、そしてポジショニングなどと使ってると
MacIE5とかだと絶望的な重さになるね。

>>366
フォームコントロール系の要素があるHTMLの
中に lang="en" の指定があると、MacIEでは
該当要素に文字化けが生じます。確認してみて。
368 名前： Name_Not_Found 投稿日： 01/08/28 02:19 ID:bWJcid12: >>367
lang="en" の指定がなくても確か文字化けしました。

>>366
フォント名の順番を変えたら直ったと思う。
WinとしてはVerdanaを表示してほしいが
マックにもVerdanaがあって、こいつより前にマックにある
日本語フォントを置いてみる。
font-family: "Osaka"."Verdana"."MS PGothic", sans-serif;

これで上手くいくと思う。ちょっと自信がないから報告してね。
369 名前： 366 投稿日： 01/08/28 09:22 ID:d8wWeono: >>368
なるほど、Osakaを先に持ってくれば解決しそうですね。試してみます。
ところでこれってバグですよね? バグ辞典スレッドに書いておくか…
370 名前： Name_Not_Found 投稿日： 01/08/28 13:38 ID:kZADFmMY: 抽象的な質問ですまんのですが、WinIE5.5とMacIE5.5って
そんなに表示は変わらないですよね？
371 名前： Name_Not_Found 投稿日： 01/08/28 16:32 ID:wxeF.qsA: 凝った事をしなければ。
372 名前： Name_Not_Found 投稿日： 01/08/28 21:48 ID:qmm9Wgq.: >>367
マク使い？
浮浪徒はどう？

>>370
http://www.zspc.com/documents/css2/index.html
ここら辺見ると、

・:first-child擬似クラス
・子セレクタ
・兄弟セレクタ

とかで凝ったことすると酷い目に遭いそうだ。
うぃなーなので詳しいことはわからん。
373 名前： まかー 投稿日： 01/08/28 22:09 ID:wxeF.qsA: 子セレクタと兄弟セレクタは普通に対応しているよ。
first-childはダブルバイトに対応していない。（半角英字なら可）
floatはwidthをちゃんと指定するように。（W3Cの仕様上必須）
374 名前： Name_Not_Found 投稿日： 01/08/29 00:25 ID:lfjoXH4.: >>373
？
ダブルバイトに対応してないのは:first-childじゃなくて:first-letterじゃない？
375 名前： 370 投稿日： 01/08/29 03:34 ID:zlgXxTZU: 凝った事なんてしてないんだけどさぁ、背景色が違ってたり、
ボックス領域をセンタリングしてるはずなのに左にあったりするらしいのよ。
近年稀に見る鬱状態・・・。
376 名前： ◆kDDK6ugk 投稿日： 01/08/29 04:28 ID:npmpuEU2: >>375
"color:000" みたいな表記を使ってたり（先頭の#が足りない）、
text-alignでボックスをセンタリングしてない？
377 名前： 370 投稿日： 01/08/29 11:17 ID:ep7YVCK2: >>376
否。誰かソース見て下さい。コピペすんのも悪い気がするんだけど・・・。

body{
background-color : Black;
font-family : "Times New Roman", Times, serif;
color : white;
font-size : x-small;
font-weight : bold;
}
があって、
@import"body.css";
body{
background-image : url(../material/a.gif);
background-position : left;
background-repeat : repeat-y;
}
div{
text-align : center;
}
dl{
width:500px;
border-color : #ffffff;
border-style : double;
background-color : Gray;
padding : 5px;
color : #F8F8FF;
margin-top : 3%;
margin-bottom : 3%;
margin-left : auto;
margin-right : auto;
}
dt{
width:500px;
border-color : #000000;
border : medium outset Silver;
background-color : #A9A9A9;
font-size : medium;
font-weight : bold;
color : Black;
text-align : center;
}
dd{
font-size : 13px;
font-weight : normal;
color : Black;
padding-top : 12px;
padding-bottom : 12px;
text-align : left;
}
これがCSS。
378 名前： 370 投稿日： 01/08/29 11:22 ID:ep7YVCK2: htmlがこれ。
<body>
<div>
<dl>
<dt>土曜</dt>
<dd>俺達はあの土曜の夜を忘れない・・・</dd>
</dl>
</div>
</body>

長くなっちったけどヨロシコ。
379 名前： まかー 投稿日： 01/08/29 22:24 ID:XBMrmxNI: >374
おう、その通り。間違ったよｺﾉﾔﾛｳ
>370
調べてみたよ。
>@import"body.css";
@import "body.css";
間に半角スペースを入れるといい。
センタリングは……されてるけど？
380 名前： 370 投稿日： 01/08/29 23:19 ID:ep7YVCK2: >まかーさん
めっさありがとう！！
ってセンタリングされてました？ちなみに洩れは外部呼出しなんだけど、
その辺も関係あるのかなぁ。372のサイトでマックは外部が△ってなってたから。
ともあれ、ありがとう。
381 名前： Name_Not_Found 投稿日： 01/08/31 09:44 ID:mzXuNdUU: @import url(body.css);

を使ってみるとか言ってみるテスト。
382 名前： Name_Not_Found 投稿日： 01/08/31 14:53 ID:F9rTOG6c: いや、それならこうでしょ。
@import url("body.css");
383 名前： Name_Not_Found 投稿日： 01/08/31 16:38 ID:F9rTOG6c: floatを設定するとvertical-alignが無視されますが仕方ないの？
384 名前： Name_Not_Found 投稿日： 01/08/31 22:44 ID:1AZDOtYo: >381-382
どっちでも仕様的には可。参考までにブラウザの対応状況↓
http://www.zspc.com/documents/css2/associate/atimport.html
>383
どこのvertical-align？
385 名前： Name_Not_Found 投稿日： 01/09/01 00:08 ID:bwZ1eda.: >384
<p><img>文章</p>
の、imgにfloat-leftと、vertical-alignを。
386 名前： Name_Not_Found 投稿日： 01/09/01 04:05 ID:gTkNAcgQ: 文章の行間を、最初130%、途中200%、また130%と空けたいのですが、

<STYLE type="text/css">

</STYLE>

＊＊＊＊＊＊＊＊＊＊

<STYLE type="text/css">

</STYLE>

＊＊＊＊＊＊＊＊＊＊＊

<STYLE type="text/css">

</STYLE>

これだと全部130%になってしまいます。
どうすればいいでしょうか？
387 名前： Name_Not_Found 投稿日： 01/09/01 04:09 ID:5dUygw3o: >386

div を使いましょう
388 名前： ３８６ 投稿日： 01/09/01 04:46 ID:gTkNAcgQ: >>387
すみません、ちょこっとだけDIVの使い方教えて下さい。
389 名前： 名無しさん＠お腹いっぱい 投稿日： 01/09/01 04:48 ID:YTxSMjuE: 「CSS」は
－カッティングスタイルシート－
の略です。
390 名前： Name_Not_Found 投稿日： 01/09/01 04:52 ID:5dUygw3o: >388

<div style="line-height: 130%">
...
</div>
<div style="line-height: 200%">
...
</div>
<div style="line-height: 130%">
...
</div>
391 名前： Name_Not_Found 投稿日： 01/09/01 04:55 ID:bKDQueHI: >>388
CSSは、スタイルを適用したい対象ごとにスタイルを記述します。
table, tr, td { ... } は「全てのtable, tr, tdに」スタイルを指定する記述です。
特定の部分のみスタイルを変えたいなら、class/idなどを利用して、それぞれの部分を対象にスタイルを指定しましょう。

<html>
<head>
<style>
table, tr, td { font-size: 130%; } /* 全てのtableに対する指定 */
table#table1, #table1 tr, #table1 td { font-size: 200%; } /* 特定のtableに対する指定 */
</style>
</head>
<body>
　<table>～</table>
　<table id="table1">～</table>
　<table>～</table>
</body>
</html>
392 名前： Name_Not_Found 投稿日： 01/09/01 04:56 ID:bKDQueHI: font-size → line-height
間違えた。
393 名前： Name_Not_Found 投稿日： 01/09/01 12:14 ID:gyJfi8uw: >385
＋ーーー＋
｜　　　｜
＋ーーー＋　文章
文章文章文章文章

こうしたいのが、

＋ーーー＋　文章
｜　　　｜　文章
＋ーーー＋　文章
文章文章

こうなるってこと？
394 名前： Name_Not_Found 投稿日： 01/09/01 12:31 ID:bwZ1eda.: ーーーーーーー<p>ーーーーーーー
＋ーーー＋　文章<br>
｜　　　｜　文章<br>
＋ーーー＋　文章
ーーーーーー</p>ーーーーーーーー
こうしたいんだけど、

ーーーーーー<p>ーーーーーー
＋ーーー＋
｜　　　｜
＋ーーー＋　文章<br>
　　　　　　文章<br>
　　　　　　文章

ーーーーー</p>ーーーーーー
こうなちゃうって事。
しょうがないから今はmargin-topで凌いでます・・・・。
395 名前： 394 投稿日： 01/09/01 12:33 ID:bwZ1eda.: ×なちゃう
○なっちゃう。
396 名前： Name_Not_Found 投稿日： 01/09/01 12:40 ID:gyJfi8uw: >394
悪いが、再現できなかった。
ソースコードと環境教えてくれる？
397 名前： Name_Not_Found 投稿日： 01/09/01 13:17 ID:AUc0UUNY: >394
それ、vartical-alignいらなくないか？
398 名前： 394 投稿日： 01/09/01 13:38 ID:bwZ1eda.: >396
ソースコードって何？厨でごめん・・・。環境はWin98IE5.5

>397
う～ん、どうすれば良いかね？テーブル使えば簡単なんだけどねぇ・・。
399 名前： Name_Not_Found 投稿日： 01/09/01 13:50 ID:LIRvXceM: table,tr,tdとtable,tdは何がちがうんでしょう？
400 名前： Name_Not_Found 投稿日： 01/09/01 13:59 ID:glwURxE2: >394
imgにfloat: leftを指定すれば、万事OKな気もする
401 名前： 394 投稿日： 01/09/01 15:15 ID:bwZ1eda.: >400
いや、それだけだと394の図２みたいになってしまうんだよ。
<br>タグがあるからその分だけ<p>の領域が広がっちゃうんだよね。
402 名前： Name_Not_Found 投稿日： 01/09/01 15:32 ID:pdc0Maz.: >401

>394 のようにしたいだけなら
<div>
<img src=... style="float:left">
<p>...</p>
</div>
でいいと思うんだけど
403 名前： 397 投稿日： 01/09/01 15:40 ID:AUc0UUNY: だからvartical-align消して、そのままやってみなって。
多分大丈夫なはずだから。
404 名前： 394 投稿日： 01/09/01 16:40 ID:bwZ1eda.: >402
いっぱいあるからdivaタグは使いたくないんだよね。

>403
いや、実際もうやってるって。自分でやらないうちから質問なんてしないよ（ｗ
テーブルだったらこんな感じかな？
<table><tr>
<td><img></td><td>文章<br>文章<br>文章</td>
</tr></table>
405 名前： Name_Not_Found 投稿日： 01/09/01 16:45 ID:b/VV/aMg: img {display:block;float;left;}
で解決┐(´ー｀)┌

というか、<br>なんぞ使う奴が糞。
406 名前： 394 投稿日： 01/09/01 16:50 ID:bwZ1eda.: >405
やっぱり（ｗ？
line-heightを使うべきなのか・・・。
とりあえず試してみるよ。あんがと。
407 名前： ３８６ 投稿日： 01/09/01 16:51 ID:d0I/P58I: >>390 >>391
遅くなってすみません。ご教授ありがとうございます。
408 名前： Name_Not_Found 投稿日： 01/09/01 18:43 ID:gyJfi8uw: >398
……書いたHTMLとCSSをそのままって事だ。
ハッキリ言って、floatとvertical-alignに関係は無い。
409 名前： Name_Not_Found 投稿日： 01/09/02 05:59 ID:2CnvVffk: font-familyをNNで指定すると一部もしくは全体のCSSが無効になるのですけど、
こればっかはもうどうしようもない仕様なのですか？　もう疲れたヨ……。
410 名前： Name_Not_Found 投稿日： 01/09/02 16:49 ID:efWUf8QY: >409
NN6なら問題ないが。記述ミス？
それともNN4の話？
411 名前： Name_Not_Found 投稿日： 01/09/02 18:58 ID:j.UY61h2: <dl compact> をcssで表現するにはどうしたらいいですか？
412 名前： Name_Not_Found 投稿日： 01/09/02 19:27 ID:6Y8QRVgc: NN4ではfont-familyで名前に日本語が混ざったフォント（ＭＳＰゴシック、平成明朝、
HG行書体など）を指定すると全部無効になるので分けて書こう。

span { font-family:"ＭＳＰゴシック"; }
span { font-size:12pt; color:red; }

こうすれば font-family 以外は適用されるはず・・。
413 名前： 412 投稿日： 01/09/02 19:28 ID:6Y8QRVgc: あ、409へのレスです。
414 名前： Name_Not_Found 投稿日： 01/09/02 20:17 ID:vXWwQUz.: >411
display:compactのはずだが、
残念ながら、対応ブラウザが無かったと思う。
415 名前： Name_Not_Found 投稿日： 01/09/02 20:48 ID:3xMmv4JU: CSSではないのですが、詳しそうな方が多いので、
こちらで質問させていただきます。

<dl>
<dt>定義語
<dd>内容１
<dd>内容２
</dl>

というように、ひとつの<dt>に対して<dd>を複数記述するというのは、
文法的に問題ないでしょうか？
416 名前： Name_Not_Found 投稿日： 01/09/02 20:53 ID:vXWwQUz.: >>416
Strict-HTML スレッド
http://natto.2ch.net/test/read.cgi?bbs=hp&key=992708594
417 名前： Name_Not_Found 投稿日： 01/09/02 20:56 ID:3xMmv4JU: >>416 ども、スレ違いでしたね。そちらで質問してきます。
418 名前： Name_Not_Found 投稿日： 01/09/03 02:27 ID:1OXxKsTI: レイヤのrelative指定って、
「レイヤを入れ子にした時の、親レイヤの原点からのオフセット」
じゃないんですか？

そう考えて、レイヤの中に、子レイヤを二つ入れてみたのですが、
子レイヤの二つ目が、思ったところに表示されないのです。

どういうことでしょう？
419 名前： Name_Not_Found 投稿日： 01/09/03 02:54 ID:DA.1k766: >>418
それはposition: absoluteの話。
relativeは対象要素がposition無指定の時の位置を原点として
配置することになります。

親要素の原点からのオフセットなら relativeではなくabsoluteを使いましょ。
420 名前： 418 投稿日： 01/09/03 02:59 ID:1OXxKsTI: >>419

ありがとうございます。

今まで、absoluteは「ウインドウ全体の座標上での絶対値」と思っていたので、
ずっと混乱していたのでした。

そうなるとrelativeって、なんかあんまり使い道なさそうだな…
421 名前： Name_Not_Found 投稿日： 01/09/03 03:35 ID:ePTcyTqQ: >>420
んなこたぁない。
a:active { position: relative; top: 1; left: 1; }
例えばこうすればクリックしたリンクが沈むような効果が得られる。
422 名前： ._. . _ 投稿日： 01/09/03 17:54 ID:UUGxMAyA: IE のお気に入りをマークアップして
<ul>
<li><h3>alpha</h3>
<ul>
<li><span><a href="...">link1</a></span></li>
<li><span><a href="...">link2</a></span></li>
</ul>
<li><span><a href="...">link3</a></span></li>
</ul>
のようにし，スタイルシートを
li{list-style: none;}
li span{display: list-item; list-style: inside url(a.png)}
と指定．意図する見え方は h3 はリストマークがつかず，リンクには画像のリストマークがつく．
（li a に指定しないのは，li a だと Moz で見た時行全体がリンクスポットになるから．）

WinIE55 と WinMoz093 では意図した見え方になるのだが，
MacIE5 だと最初の <li><a> 以降何も見えなくなってしまうとの報告．
どなたかお知恵を貸していただけないでしょうか．

ちなみに li に list-style-image を指定すれば h3 を含めすべてに画像がつくらしいので，
display: list-item の指定が悪いような気はしているのだが，
手元に Mac がないので試行錯誤ができないのが辛い．
423 名前： Name_Not_Found 投稿日： 01/09/03 18:31 ID:0G8o/K12: >>422
HTMLのソースを書き換えていいのなら

<style type="text/css">
li.dir{list-style: none;}
</style>
<ul>
<li class="dir"><h3>alpha</h3>
<ul>
<li><span>link1</a></li>
<li><span>link2</a></li>
</ul>
<li><a href="...">link3</a></li>
</ul>

こうするのが早い。
424 名前： Name_Not_Found 投稿日： 01/09/03 19:01 ID:0G8o/K12: >>422
li{list-style: none; display: block;}
425 名前： ._. . _ 投稿日： 01/09/03 19:03 ID:UUGxMAyA: >423

perl スクリプトを書き換えてそういう html を出力するようにしてうまくいきました．
ありがとうございます．Mac でもちゃんと見えるとの報告をもらいました．
余計な <span></span> が大量に減って一石二鳥です．
なお，li.dir{list-style: none none} としないと画像が表示されました．
どうやら 1 つだけだと list-style-type: none となるらしいです．
426 名前： ._. . _ 投稿日： 01/09/03 19:06 ID:UUGxMAyA: >424

こっちも試してみます．ありがとうございました．
list-item の中にさらに list-item が入るのがまずかったのかな？
427 名前： Name_Not_Found 投稿日： 01/09/03 19:30 ID:EAyKaQGI: IE5.5ってtext-shadowに対応してる？
ウチでは影付かないんだけど、付くって言う人も居るからどちらか判らない。
428 名前： Name_Not_Found 投稿日： 01/09/03 21:25 ID:aVI70aOk: >427
text-shadowはまだ対応ブラウザがないはず。
つけてるやつはfilterを使ってるんじゃないのか？
429 名前： Name_Not_Found 投稿日： 01/09/04 00:04 ID:yavkqFuk: すごい基本的な事ですまないが、idってなんのためにあるの？
classしか使っていないのだが…。
こんなことも理解できない俺って、ｳﾄｩ
430 名前： Name_Not_Found 投稿日： 01/09/04 02:50 ID:6G/42BdM: >>429
その文書に一つしかない要素・・・ってそれは知ってるか。

２大ブラウザの実装上は、CSS的にはclassと同じ解釈だから
確かにわかりづらいかも。
Javascriptだと、idはその要素にアクセスする重要な手段になる。
CSSとJavascriptは今後より一層結びつきを強めるはずだから、
classとidは明確に分けて使っていた方がいい。
431 名前： Name_Not_Found 投稿日： 01/09/04 13:10 ID:2k4htyWM: >>421
単位を付けないとダメなのでは？
A:active { position: relative; top: 1px; left: 1px; }
みたいに。細かい突っ込みですまん。
432 名前： Name_Not_Found 投稿日： 01/09/04 14:29 ID:8YVHuzuY: >>427
http://www.zspc.com/documents/css2/index.html
433 名前： Name_Not_Found 投稿日： 01/09/04 15:41 ID:ek.LPhz6: >>428
>>432
フィルターね…なるほど。
サンクス。
434 名前： Name_Not_Found 投稿日： 01/09/05 00:02 ID:O7QgG3eI: em単位で文字サイズを指定すると
IE5.5で文字サイズを変えた時にとんでもなくなるってほんと？
%単位は？
ex単位は？
435 名前： Name_Not_Found 投稿日： 01/09/05 00:17 ID:kbWptkAU: >>434
そうなの？俺em指定＆IE5.5使用だけど別段なんとも・・・
436 名前： Name_Not_Found 投稿日： 01/09/05 00:56 ID:24ARrpEs: 下記のようにしたとき、IEで文字サイズ「大」以上にすると
下に行くにしたがってだんだんと階段状に右にずれてしまうんですが、
どこがいけないのでしょうか。

（CSS）
dl{ color: #009977; font-size: 90%; font-weight: bold; margin-left: 0em; }
dt{ text-align: right; width: 8em; float: left; padding-right: 1em; }

（HTML）
<dl>
<dt>name:</dt>
<dd><input type="text" name="name" size="30" value=""></dd>
<dt>e-mail:</dt>
<dd><input type="text" name="email" size="30" value=""></dd>
<dt>title:</dt>
<dd><input type="text" name="title" size="30" value=""></dd>
　・
　・
　・
</dl>
437 名前： Name_Not_Found 投稿日： 01/09/05 01:53 ID:15S43V8s: >>434
ホント。
例えば、
body * {font-size:0.8em;} と body * {font-size:80%;} を、
<body><p>あいうえお</p></body>
とやって、IEの文字サイズ小以下でそれぞれ比較してみ。
emのほうはとてもじゃないけど読めないから。
推測だけど、em指定のレンダリングがIEの
文字サイズ変更と似た(もしくは同じ)動作なんだろね。

>>436
＞下に行くにしたがってだんだんと階段状に右にずれてしまうんですが
ってのがよくわからなかったけど、IE5.01sp2では特におかしくなら無かったよ？
438 名前： 436 投稿日： 01/09/05 02:22 ID:24ARrpEs: >437
レスありがとうございます。
確かに私の書いたそのままではおかしくなかったです。ごめんなさい。

body{ line-height: 1.3em; }
書き忘れていたこの部分が原因だったようです。うちはIE6なのですが、

name:　＿＿＿＿
　　　　　　e-mail:　＿＿＿＿
　　　　　　　　　　　　　　　　　title:　＿＿＿＿

こんなふうになっちゃうんです。
439 名前： 436 投稿日： 01/09/05 02:58 ID:24ARrpEs: なんとなく自己解決したようです。

body{ line-height: 1.3em; } があっても、
dl に line-height: 1em; を指定したらずれなくなりました。
なんでそうなるのかが今ひとつよくわかってないのですが、
明日また考えることにします。

板汚して済みませんでした。
440 名前： Name_Not_Found 投稿日： 01/09/05 04:26 ID:VUnXMU52: >>439
それってなんかIEのバグくさいね。
441 名前： Toori_Sugari 投稿日： 01/09/05 06:48 ID:yQko550M: >>439 こんなのどうよ

CSS改　（dt{}に clear: leftを追加）
dt{ text-align: right; width: 8em; float: left; padding-right: 1em;clear: left}
442 名前： Shota 投稿日： 01/09/05 22:32 ID:z9jWRG8.: http://shota.pobox.ne.jp/
↑の作者です。
ナビゲーションバーのポップアップをフィルタで半透明にしているのですが、
表示した後非表示状態になると、非表示にならず残ってしまいます。
半透明をかけなければ問題ないので、
IE5.0のバグだと思いますが、残像（？）が残らない方法はありますでしょうか。
443 名前： Name_Not_Found 投稿日： 01/09/06 05:05 ID:AWAvRjns: 以下のコードは、RFC的に、違反ですか？
（「以下が違反とはならない、RFCのバージョンはありますか？」という意味です）

<style type="text/css" media="screen">
.SeenWhenPrinted {display:none}
</style>

<table border="1">
<tr>
<td>ふが</td>
<td class="SeenWhenPrinted">ほげ</td>
</tr>
</table>
444 名前： Name_Not_Found 投稿日： 01/09/06 08:37 ID:EIZv/W6.: >>443
HTMLをIETFが管理していたのはもう昔。RFC1866もRFC2070もObsolete済み。
今管理しているのはW3Cですな。

コードの方は別に問題ないと思うけど……何が疑問なの？
445 名前： 443 投稿日： 01/09/06 10:23 ID:AWAvRjns: >>444
ありがとう。
＞今管理しているのはW3Cですな。
うが、無知失礼しました。
＞何が疑問なの？
セルをまるごと可視／不可視で切り替えるのが、
今まで見たことないし、なんだか不自然な気がして・・・(^^;
（レイヤや段落ならともかく、そうでなくて、セル１つを不可視にするというのが、
　どうも直感的に変な気がして・・・でも、直感でなく理屈が分からず・・・）

そうか、いいんだよね。
446 名前： Name_Not_Found 投稿日： 01/09/06 12:19 ID:Hh/DaDSE: >>442
IEでしか動かないポップアップをゴチャゴチャいじる暇があるなら
ネットスケープ4.ｘでも同等の振る舞いをする
技術を磨いたほうがウケはいいぞ。

本題の質問には答えられなくてスマソ
447 名前： Name_Not_Found 投稿日： 01/09/06 17:55 ID:mX0YgzyE: >>445
http://east.portland.ne.jp/~sigekazu/css/css2.htm
の"visibility"の項を見ておくと吉、かも。
448 名前： Shota 投稿日： 01/09/06 18:33 ID:jkC21YAs: >>446
ですか。
NN4ではタブの部分のみの表示になるようになってます。
といってもH1の幅が100%に成らないのでタブに見えないんですが。
IE&Mozilla対応の方向で作ってますが。
ログをみるとNN4よりNN3の方が多かったりする時もあるんですが^^;
449 名前： ._. . _ 投稿日： 01/09/06 19:21 ID:2JzhyqeM: 非常に今さらな質問なのですが…

CSS ファイルの中でNN4 除けに
@media all{
（NN4 に適用しない宣言）
}
を使用しているのですが，今日 MacIE5 を使っている人から「効いてない」との報告．
ttp://east.portland.ne.jp/~sigekazu/css/boxm.htm
の記述例をどう読むか，によりますが，@media ... は MacIE5 では使えないのでしょうか？
もしそうなら素直に @import を使うことにします．（ファイルが増えるのがイヤなのだが．）
450 名前： Name_Not_Found 投稿日： 01/09/06 21:07: >>449
MacIE5は@media宣言の中に入れたスタイルは無視してくれちゃいます。
マカーの中では常識っぽい。

それと、上の方で出てた話題だけど…
emはあくまで「M」を基準にした単位であって、
単純に1em=1文字分と捉えるのは間違いじゃないかな？
そう考えれば0.8emと80%で差が出るのも理解できると思うけど。
451 名前： ._. . _ 投稿日： 01/09/06 21:19: >450
むむー，やはりそうですか．ありがとうございます．
あと，@import は最初に書かないといけないはずなので，
読み込まれるファイルの宣言を有効にする（読み込み元で上書きされないようにする）には
@import の中の各宣言に !important ってつけるしかないですか？試してみたけど無理っぽいな…．
@import url() !important; のようなことができると便利かと思うのですが．

＃ID 消えたね…
452 名前： ._. . _ 投稿日： 01/09/06 21:21: 451 の「試してみたけど…」は「便利かと思うのですが．」の後に来るべき文です．
変な日本語ですみません．
453 名前： Name_Not_Found 投稿日： 01/09/06 23:08: >>451
＞あと，@import は最初に書かないといけないはずなので，

ん？これって@charsetの事でなくて？
@importはどこに書いてもよかったんじゃなかった？
454 名前： ._. . _ 投稿日： 01/09/06 23:32: >453
ttp://www.fan.gr.jp/~kaz/rec-css2/cascade.html#at-import
6.3 の項より引用：
＞あらゆる@import規則は、スタイルシート内の全規則集合より先行せねばならず
というのを「先頭になければ」と解釈したのですが，間違ってますか？
ttp://www.fan.gr.jp/~kaz/rec-css2/syndata.html#at-rules
同，4.1.5 の項より
＞CSS2のユーザエージェントは、ブロックの内部に出現する'@import'、任意の規則集合より前に出現する'@import'を無視しなければならない。
あ，「他の規則の後にある @import は無視される」ってことですね．
455 名前： Name_Not_Found 投稿日： 01/09/06 23:44: >>454
@importは@charsetより後・そのシート内の記述より前、に書かなきゃいけません。

@import以外でNN4よけの方法としては、link要素のmedia属性を使うという手もあります。
<link rel="stylesheet" href="normal.css" type="text/css">
<link rel="stylesheet" href="notNN4.css" type="text/css" media="all">
こうすると、下のシートはNN4では無視されます。mediaにscreen以外の値を指定すればオーケイ。
456 名前： 453 投稿日： 01/09/06 23:50: あう、ごめんね。
逆に自分が勉強させられてしまいました。
457 名前： ._. . _ 投稿日： 01/09/06 23:54: >455
@charset に関してありがとうございます．上記サイト中 4.4 でも確認しました．
はあ，勉強が足りないや．
link の media も考えた（NN4 以外の部分を後から上書きできるのが利点）のですが，
全 html ファイルを書き直すのが面倒（かつミスしやすい）ので止めました．

回答を下さった方々ありがとうございました．
458 名前： 445 投稿日： 01/09/07 08:52: >>447
＞visibility
visibility: hiddenとしても、見えないだけでレイアウト上は存在しているように扱われる点で、display: noneとは異なります。

お、知らなかったです・・・。display:noneって、visiblity:hiddenだと思ってた。。。
遅まきながら、ありがとう！
459 名前： Name_Not_Found 投稿日： 01/09/07 22:35: 概出でしたらごめんなさい。
テーブルセルに背景を画像で指定して、
そのセル自体はブラウザ環境に合わせて左右に自動で延びるようにします。
その上で、背景画像だけはリピートしないようにさせるには
どうすればよいのでしょうか？
460 名前： Name_Not_Found 投稿日： 01/09/07 23:07: CSSだよね？
background: url(～) no-repeat;
だけど、取り敢えずどこかのチュートリアルを読んで下さい。
461 名前： 459 投稿日： 01/09/08 02:07: ありがとうございました。
スレッド間違えたみたいです。初心者スレに書くべきでした。
ごめんなさい。
私の質問はCSSではなくてhtmlのようです・・・
462 名前： Name_Not_Found 投稿日： 01/09/08 14:03: CSSで内容をど真中にもってくることってできないの？

<TABLE WIDTH="100%" HEIGHT="100%" ALIGN="center">
<TR><TD>ほげほげ</TD></TR></TABLE>

みたいなやつ。
463 名前： Name_Not_Found 投稿日： 01/09/08 16:47: >>462
<div class="center">ほげほげ</div>

.center {
position: fixed; /* absoluteでも一応可能？ */
top: 0;
left: 0;
width: 100%;
height: 100%;
display: table-cell;
text-align: center;
vertical-align: middle;
}

こんなかんじでどう？
464 名前： Name_Not_Found 投稿日： 01/09/08 22:30: >>462
頻出の質問だけど、今のところこれだと言えるレイアウト法は無かったような。
position: absoluteをうまく使って真ん中に配置するくらいじゃないのかな。

>>463
自分で表示確認した？（ｗ；
465 名前： 463 投稿日： 01/09/09 00:56: >>464
ごめん書いてから自分で試したら全然さっぱりだった。
宇津志
466 名前： 462 投稿日： 01/09/09 02:49: う～む、やっぱ無理なのか･･･。

解像度とかブラウザサイズの問題があるからなかなか万人に同じように
見れるようするには難しいね。

テーブル組んだままにしようかなぁ･･･。
467 名前： 459 投稿日： 01/09/09 03:06: 何度も申し訳ありません。
テーブルの特定のセルに背景画像を指定して、セル自体が自動で伸びても
画像はリピートされないようにしたいのです。
これでどこが間違っているのでしょうか？
GoLive5で作っていて、暗中模索です・・・

<style media="screen" type="text/css"></style>
</head>

<body bgcolor="#ffffff">
<table id="id1" border="1" cellpadding="0" cellspacing="2" width="400" height="200" >
<tr>
<td >-</td>
<td>-</td>
<td>-</td>
<td>-</td>
</tr>
</table>
468 名前： Name_Not_Found 投稿日： 01/09/09 08:30: スクロールバーってIE5.5からじゃないと変更出来ないんですね…
一晩悩んだ結果がそれでした。
でもココの人達はネスケでもちゃんと動作確認してたりえらいですね。
質問じゃないのでsage。
469 名前： Name_Not_Found 投稿日： 01/09/09 09:56: >>467
それだとテーブル全体に背景を指定することになっちゃうから、
背景画像を指定したいセルに class なり id 属性を指定して、そこにスタイルを適用させましょう。

classを使う場合で説明するけど、まずは
.tokutei {
background-image: url(背景画像までのパス);
background-repeat: no-repeat;
}
…というスタイルを作って、背景画像を指定したいセルの class属性に"tokutei"を指定すればいいと思います。
一番左のセルに指定したいなら↓のようにしましょう。

<table 長いので省略>
<tr>
<td class="tokutei">-</td>
<td>-</td>
<td>-</td>
<td>-</td>
</tr>
</table>

ただ、>>467のどこが間違ってるかわからないなら
CSSをしっかり勉強してからにした方がいいと思うよ....
自分で使うんだから、きちんと理解して使った方が気持ちいいでしょ？

>>468
えらいというか…それが制作側の責任のようなものでは？
CSSは下手すると特定の環境でめちゃくちゃになるし....
470 名前： 467 投稿日： 01/09/10 01:21 ID:kjpXTh3o: ありがとうございます。
このように書いてみました。
が、、、、やはり全然ダメで、、、泣き入ってきました。
出直したほうがいいのでしょうか、、、。

<style media="screen" type="text/css"></style>
</head>

<body bgcolor="#ffffff">
<table border="1" cellpadding="0" cellspacing="2" width="500" height="400">
<tr>
<td class="tokutei">-</td>
<td></td>
<td></td>
</tr>
</table>
471 名前： Name_Not_Found 投稿日： 01/09/10 01:36 ID:RwNaQme6: >>470
恐らく「背景画像までのパス」をそのままやってるように見うけられる。
画像は"hoge.gif"なりなんなり用意して、htmlと同じフォルダに置き、
ソース内の(背景画像までのパス)の所を画像ファイルの名前に変えないとダメ。

・・・と、それよりさ、もしかしてjpeg画像でやろうとしてる？
ローカル（IE）で見れない環境の人もいるから、それに当てはまるのかも。
手持ちのgif画像とかで試してみると良い。
472 名前： Name_Not_Found 投稿日： 01/09/10 01:56 ID:9afe7Omc: >>470
"全然ダメ"というのが、どういう状態なのか書きなさい！
473 名前： Name_Not_Found 投稿日： 01/09/10 06:09 ID:drEh9GkQ: >>200さんと同じ質問です。解決策を提示して下さった>>203さんの言う通り
やってみたつもりなんですが反映されません。なんででしょう？
リンク関連の部分だけコピペしてみました。
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}
a:link img {border: none}
474 名前： Name_Not_Found 投稿日： 01/09/10 06:39 ID:95EgaQOU: >>473
同じ質問じゃないじゃないっしょ。
結果的にどうしたいの？

やってることを素直に見たら、
「a:linkの子孫img要素のborderを弄ってるね」
ぐらいしか言いようが無いけど。
475 名前： 473 投稿日： 01/09/10 06:52 ID:drEh9GkQ: あれ？違ったんだ…
画像をリンクの某体に使ってるんですが、その周りにクリック済みのボーダー枠が
出来てしまうので消したいんです。
その訪問済みボーダーの色は私が設定した色ではなく、デフォルトの紫です。
ちなみにIE5.0で試してます。もしかしてマヌケな事言ってたらすいません。
476 名前： Name_Not_Found 投稿日： 01/09/10 06:52 ID:7QnIihxk: >>473
質問の下手な人間ばかりだな。
"反映されません"というのは、どこが反映されないのか書きなさい！
477 名前： 473 投稿日： 01/09/10 06:58 ID:drEh9GkQ: >>476さん
あぅ…バカなんです、すみません。
>>475にちょっと書きましたがわかりにくいですね…
要はテキスト部分のリンクの色はCSSで設定した通りに表示されますが、
画像を使ってのリンクでは画像の周りにボーダーが発生してしまうので
消したいという事です。
478 名前： Name_Not_Found 投稿日： 01/09/10 07:07 ID:7QnIihxk: >>477
いや、時間差で投稿後に見られた475で理解した。
反映されないんじゃなくて、書いた通りに反映されてるんだと思う。
a:visited img {border: none} を加えたら？
それより、
a img {border: none} か、img {border: none}でいいんじゃないの？

a:link img {border: none} と a:visited img {border: none} と
img {border: none} と a img {border: none} の区別は出来るの？
479 名前： 473 投稿日： 01/09/10 07:21 ID:drEh9GkQ: あぁ…ほんとに私バカだと再認識しました。
そうですよね、訪問済だったらvisitedにしないとダメですよね。
CSSサイト少し回ってこの事が載ってなくて、ここで見つけて深く考えずに…
さっきのソースにa:visited img {border: none}つけ加えたら大丈夫でした。
>>478さん、こんなバカ相手に御親切にありがとうございました。
480 名前： ちょこら 投稿日： 01/09/10 10:30 ID:7paSGWvE: というか、いちいち:linkとか;visitedとかつけないで
a img { }
とすれば良いんでは?
481 名前： 467で470 投稿日： 01/09/10 11:00 ID:Il4tF6W6: ひえー

>>ローカル（IE）で見れない環境の人もいるから、それに当てはまるのかも。

こ、こ、これでした、、、、あぅ、、、、
ありがとうございました。本当に助かりました。
Jpegでは私の環境MacIEでは真っ白けだったのです。
アップして確認してみます。
482 名前： Name_Not_Found 投稿日： 01/09/10 12:14 ID:IctK4Kc2: 画像を左右両端に表示したいのですが、上手くいきません
とりあえず単純に

background-image:url("a.gif");
background-position:right　left;
background-repeat:repeat-y;

としてみたのですが、案の定駄目でした…
background-position　で両端指定は出来るのでしょうか？
またもし無理だった場合はどのような方法があるでしょうか？
483 名前： Name_Not_Found 投稿日： 01/09/10 13:25 ID:QLt9jvC2: >482
過去ログは読んだかい？前スレ辺りで同じ質問が出てた気がする。
484 名前： 482 投稿日： 01/09/10 13:57 ID:IctK4Kc2: >483
すいません、前スレチェックしていませんでした
ありがとうございます
……やっぱり無理なんですね……。別のやり方考えます
485 名前： Name_Not_Found 投稿日： 01/09/10 14:08 ID:RwNaQme6: >>484
逝ってよし。前スレ読め。
486 名前： Name_Not_Found 投稿日： 01/09/14 00:47 ID:FsXsJqq.: 質問させて下さい。

letter-spacingを用いると、
何故か連続する「<br><br>」のうち、
二つ目の<br>がブラウザに無視されてしまいます。
回避する方法があれば、教えていただきたいのですが…。

<html>
<head>
<style type="text/css">

</style>
</head>
<html>
ああああ<br><br>
ああああ<br>
ああああ
</html>
</body>
487 名前： 486 投稿日： 01/09/14 00:49 ID:FsXsJqq.: 486続き

ブラウザで見た場合
「ああああ

　ああああ
　ああああ」
と見えるはずが、
「ああああ
　ああああ
　ああああ」
と見えてしまいます。

訪問者が読みやすいように
掲示板にletter-spacingを使っているのですが、
これだと逆に読みにくくなってしまうのです…。

環境　OS:Windows98SE　ブラウザ：IE5.0SP2

N4、N6では問題が無いことを確認しました。
488 名前： 486 投稿日： 01/09/14 00:57 ID:FsXsJqq.: すみません。486は下記の間違いです。
<html>
<head>
<style type="text/css">

</style>
</head>
<body>
ああああ<br><br>
ああああ<br>
ああああ
</body>
</html>
489 名前： Name_Not_Found 投稿日： 01/09/14 00:57 ID:TGOFAz1U: >>486-487
確かIEのバグだったような。IE6でも直ってない。
490 名前： 486 投稿日： 01/09/14 01:01 ID:FsXsJqq.: >489
素早い返事ありがとうございます。
バグですか…。

もしあればですが、
回避する方法をどなたかご存じないでしょうか？
491 名前： Name_Not_Found 投稿日： 01/09/14 01:03 ID:dtptgBZg: >486
CSS/DHTMLバグ辞典スレッド ver2.0 の 48
ttp://natto.2ch.net/test/read.cgi?bbs=hp&key=991666454&st=48&to=48&nofirst=true
で報告されてるね．
で，回避策だけど，<br><br>の間に全角空白を入れるとか＆nbsp; を入れるとか…．
この問題とは関係ないけど <body> 直下に文字データは書けないよ．
492 名前： 486 投稿日： 01/09/14 01:10 ID:FsXsJqq.: >491
対策方法ありがとうございます。
紹介されたスレッドを見てきます。

＞この問題とは関係ないけど <body> 直下に文字データは書けないよ．

知りませんでした。
タグで囲まないと掛けないのかな。
気を付けます。
493 名前： Name_Not_Found 投稿日： 01/09/14 01:46 ID:xkOAW6Ig: >>492
bodyの下には基本的にブロックレベル要素しか置けないナリ。 -Strict
494 名前： 492 投稿日： 01/09/14 01:52 ID:FsXsJqq.: >493
例えば<div></div>で囲めば良いわけですね。
ありがとう。
495 名前： 486 投稿日： 01/09/14 02:20 ID:5wDfaGkU: 事後報告です。

掲示板に入力された「<br>」を「　<br>」に置き換えるスクリプト？を
掲示板のCGIソースに追加して問題を回避しました。

皆さん、ありがとうございました。
かなり悩んでいたので、嬉しかったです。
496 名前： Name_Not_Found 投稿日： 01/09/14 10:26 ID:EKz9zVIM: >>492-494
確かにdivで囲めばDTD的にはOKだが
だからといって安易に
<body><div>
ほげほげほげ…
</div></body>
とやったんじゃ文書構造的に良くないと思う。
本文は適切に<p>などで括るべきなんだろう。
497 名前： Name_Not_Found 投稿日： 01/09/14 12:41 ID:tYSdoiSs: 連続BRを無視するとは、すばらしい(謎)
498 名前：投稿日： 01/09/14 14:31 ID:Nmdz5aAM: 同一ページ内でリンク個所の色を部分によって変えることは可能でしょうか？

御教授おねがいします。
499 名前： ISO/IEC 15445信者 投稿日： 01/09/14 14:46 ID:veSSVC3w: >>498
クラスかIDを設定してやれば可能。それにアンカー疑似クラスを組み合わせる。

A:link { color: blue }
A:emphasis:link { color: red }
※註・通常のクラスと疑似クラスを併用する時は、疑似クラスを後に書く。

という感じ。IE4以上かNetscape 6なら大丈夫かな？
NN4は怪しかった気がする……。

#でも、アンカーの色はあまり変えない方がいい（サイト内で統一した方がいい）と思います。
500 名前： Name_Not_Found 投稿日： 01/09/14 14:49 ID:veSSVC3w: すみません、訂正。

> A:emphasis:link { color: red } 【誤】
A.emphasis:link { color: red } 【正】

です。ごめんなさい。
501 名前： 486 投稿日： 01/09/14 15:10 ID:Q/4BN5pk: >496
なるほど、わかりました。

>497
DTD的にはある意味すばらしいのですが、
掲示板に書き込んでくれた人が、
他の人に見やすいように
所々で二回改行を入れて（文章の間隔を空けて）
見やすいように書き込んでくれる意味が無くなっちゃう
のには困ったです。

掲示板のCGIソースではエンターキーによる改行（\nや\rや\r\n）を
<br>に変換するようになっているので、
２回エンターキーを押して連続改行すると、<br><br>が現れるんです。
大抵の掲示板スクリプトはこうなっているのではないかと思われます。

このスレッドのHTMLソース見てもらってもらえばその例が如実にわかったりしちゃいます。
（２回エンターキーを押したと思われる場所が<br><br>になってます。）
502 名前： Name_Not_Found 投稿日： 01/09/14 16:51 ID:rYUOvhaE: >>501
\n\nを</p><p>に置換したらどうか？
最初と最後に<p>と</p>があることが大前提だが。
503 名前： Name_Not_Found 投稿日： 01/09/14 17:50 ID:yffK8Cfc: すいません、質問スレという事なので･･･恥ずかしい事限りないですが
いさぎよく、質問させていただきます！

スタイルシートを学びたいのですが、
わかりやすいサイトで「とほほのスタイルシート入門」さんが
人気のようなのですが、
このサイトでさえ、理解がなかなかできません！！！
もうこんな私駄目でしょうか･･･末期でしょうか･･･
一応、基礎HTMLはわかります。TABLEタグを使ってならそれなりのレイアウトの
ページを作ってはいたのですが、CSSの存在を知って衝撃を受け今に至ります。
とっても初心者向けで分かりやすいところってないですか･･･？
504 名前：投稿日： 01/09/14 18:01 ID:yeiJnyD.: >503
>2 のリンク先は見た？
505 名前： Name_Not_Found 投稿日： 01/09/14 18:11 ID:wvaY96v.: >>503
ここはどうでしょ？

http://www.cc-net.or.jp/~piro/tips/page/p0019.html
http://www.kanzaki.com/docs/htminfo.html

＞一応、基礎HTMLはわかります。TABLEタグを使ってならそれなりのレイアウトの
＞ページを作ってはいたのですが、CSSの存在を知って衝撃を受け今に至ります。

勉強して行くにつれ、その「わかっていたつもりのHTML」は、「本当のHTML」じゃなかった
ということに気づくと思います。
CSSがわからないというのは、本当のHTMLがわかってないからです。

だんだんわかってきたら、http://203.174.72.112/monar01/ここのリンク集のサイトの
ソースをじっくり研究して見よう見まねで覚えましょう。
506 名前： Name_Not_Found 投稿日： 01/09/14 19:43 ID:yffK8Cfc: >>504
はい、見ました。過去ログも読んで、とほほさんは定評が
あるようだ！と思って見に行った所、最初はわかった気で読んでたものの
だんだん専門用語とかが難しくなって放り投げてしまいました。嗚呼･･･

>>505
こんな初歩的な質問に丁寧に答えていただきありがとうございます。
>勉強して行くにつれ、その「わかっていたつもりのHTML」は、「本当のHTML」じゃなかった
>ということに気づくと思います。
なるほど、ありがちな勘違いというものですね。これを機にがんばって理解しようと
思います、推奨サイトの紹介までありがとうございます！
507 名前： 503=506 投稿日： 01/09/14 19:46 ID:yffK8Cfc: それにしても505さんが教えてくれたところはさすがに
美しいですねー（特に上）リンク集も目移りするばかりです。
どうも、ありがとうございます。
508 名前： 486 投稿日： 01/09/14 23:06 ID:sACUEN1I: >>502
それ、使わせていただきます。
アイデアありがとう。
509 名前： 498 投稿日： 01/09/15 02:04 ID:Wtdw/fjc: 早速のコメントありがとうございます。
やってみます・・・・できるんだろうか・・・不安。

便乗質問なのですが、
リンク個所の色って、指定しないとブラウザによって変わって見えちゃいますよね？
テキストの色を全部ブルーにしたとして、
リンク個所も色変わらないように指定することってできるんでしょうか？
リンクもブルーに指定するとかじゃなくて、
他のテキストの色と一緒にするっていうことができるんでしょうか？
510 名前：投稿日： 01/09/15 02:41 ID:JUmmCUis: >509
「リンクもブルーに指定」しないと，ブラウザの設定が使われるよ．
多くの人にとってはブルーだろうけど，変えてる人もいるでしょうね．
511 名前： Name_Not_Found 投稿日： 01/09/15 03:57 ID:OOFbvqYw: CSSなんて使ってみりゃ簡単だよ。
それに関係するような単語で指定できるんだし。
（fontならfonf-sizeとかfont-colorとか）
難しいと思うのは初めだけ。だんだんCSSの使い良さにはまってくるよ。
512 名前： Name_Not_Found 投稿日： 01/09/15 04:28 ID:eIEebO2k: うん、CSSは簡単…というか、取っつきやすいと思う。
プロパティは殆ど共通してるし、直感的に指定できるからね。
セレクタの使い方さえきちんと理解できればCSSの楽しさが見えてくると思う。
後は本人のセンス次第。

ついでに>>511
font-colorなんてプロパティは無いと思うんだけど？
テキストカラーはcolorでしょ。
513 名前： 182 投稿日： 01/09/15 04:59 ID:kQ4FDJKs: 背景、テキスト、リンク、訪問済みリンクの色は必ずセットで指定してクダサイ。
たとえば私は、ブラウザの設定で目に優しいように、
背景クリーム色、テキスト焦げ茶、リンク薄青、済みリンク薄紫　にしてますが
テキスト=黒、リンク=濃い青と決めてかかって背景色だけ濃いめの色に指定している
サイトではすんごくよみづらいです。
514 名前： Name_Not_Found 投稿日： 01/09/15 05:00 ID:OOFbvqYw: >>512
スマソ、勢いでそうしちゃった。
逝ってきます。
515 名前： 498=509 投稿日： 01/09/15 12:53 ID:GEJmbLu2: すみません、教えていただいた疑似クラス？の使い方がわかりません。
↓のような物を書いているのですが、
“あげ”のリンク色はブルーで、
“ほげ”のリンク色は赤にしたい場合、
どこにどうやって指示すればよいのでしょうか？？？

<style media="screen" type="text/css"></style>
</head>

<body bgcolor="#ffffff">
<p>リンクだよ</p>
<table border="1" cellpadding="0" cellspacing="2" width="64">
<tr>
<td bgcolor="pink">
<p><a href="()">あげ</a></p>
</td>
</tr>
</table>
<table border="1" cellpadding="0" cellspacing="2" width="64">
<tr>
<td bgcolor="pink">
<p><a href="()">ほげ</a></p>
</td>
</tr>
</table>
</body>

</html>
516 名前： Name_Not_Found 投稿日： 01/09/15 13:22 ID:6zIbeWmU: >>515
まず>>500をよくみてな。
517 名前： 515 投稿日： 01/09/15 15:49 ID:27BdB65g: ごめんなさい！
↓です。。。。class="a.emphasis"という指示を書くのでしょうか？

<style media="screen" type="text/css"></style>
</head>
<body bgcolor="#ffffff">
<p>リンクだよ</p>
<table border="1" cellpadding="0" cellspacing="2" width="64">
<tr>
<td bgcolor="pink">
<p><a href="()">あげ</a></p>
</td>
</tr>
</table>
<table border="1" cellpadding="0" cellspacing="2" width="64">
<tr>
<td bgcolor="pink">
<p><a href="()">ほげ</a></p>
</td>
</tr>
</table>
</body>
</html>
518 名前： Name_Not_Found 投稿日： 01/09/15 16:20 ID:OOFbvqYw: <style media="screen" type="text/css"></style></head>
<body bgcolor="#ffffff">
<p>リンクだよ</p>
<table border="1" cellpadding="0" cellspacing="2" width="64">
<tr><td bgcolor="pink"><p><a href="()">あげ</a></p></td></tr></table>
<table border="1" cellpadding="0" cellspacing="2" width="64">
<tr><td bgcolor="pink"><p><a href="()" class="emphasis">ほげ</a></p></td></tr></table>
</body></html>

見難いとか言うな。
519 名前：投稿日： 01/09/15 17:23 ID:nC7Yi7vI: >515-518
element って何？

>517
本かどっかのサイトで css のお勉強をしたほうが…
520 名前： 518 投稿日： 01/09/15 17:29 ID:OOFbvqYw: element って何だろうな（藁
コピペしてたから気付かなかったよ。
521 名前： 515 投稿日： 01/09/15 23:39 ID:mxpbXCzg: ありがとうございます！！！
感動的です・・・・
ホントにバカというか、本も何も買わずにいきなりCSSやろうとしてるんです。
HTMLもそんな感じで始めてしまったので・・・
ご迷惑おかけしてごめんなさい。
でも本当に助かりました。ありがとうございました。

あ、elementってですね、
私、ベースのファイルをGoLiveで作っていたんですが（大ばか者ですかね）
そこでCSS使うと勝手に書かれるんですわ。
今まで気にしたこと無かったですけど・・・
522 名前： Name_Not_Found 投稿日： 01/09/15 23:47 ID:1m27yZOk: DLできるようになるタグ教えて下さい…
523 名前： Name_Not_Found 投稿日： 01/09/16 00:03 ID:3.RkAAm2: >>522は逝ってよし
524 名前： Name_Not_Found 投稿日： 01/09/16 01:16 ID:iAGbahUQ: >>521
> あ、elementってですね、
> 私、ベースのファイルをGoLiveで作っていたんですが（大ばか者ですかね）
> そこでCSS使うと勝手に書かれるんですわ。
GoLive使ったこと無いから分からんが、そりゃどっか間違えてるぞ。
element要素??に色は黒、下線を引くって一体……HTMLじゃなくてXMLなのか？
525 名前： W3C原理主義者。 投稿日： 01/09/16 10:06 ID:foIMcaMc: 強調したいのならばclass等使うな。em要素でマークアップしろ。

# 今原理主義者って名前あんまり使いたくないけど。
526 名前： ISO/IEC 15445信者 投稿日： 01/09/16 10:50 ID:Skv2V8kA: emphasisクラスなんてのは望ましくないか。

A:link { color: blue }
A:visited { color: purple }
EM > A:link { color: red }
EM > A:visited { color: maroon }

の方がいいかな。
527 名前： Name_Not_Found 投稿日： 01/09/16 18:15 ID:tk25uFeY: >>526
子セレクタより子孫セレクタの方がいいんでない？
対応してるのN6/MozollaとMacIE5だけだし。
528 名前： Name_Not_Found 投稿日： 01/09/16 18:29 ID:pGJ4Jwfs: それより498=509=515=517=521は何処へ逝った？
529 名前： 498=509=515=517=521 投稿日： 01/09/17 09:34 ID:gdCJX.x2: おはようございます。ここにいます・・・

518さんの書いて下さったものでとりあえず無事クリアーしました。
いやもう本当に初心者で、子孫セレクタってなんですか状態なもので・・・
530 名前： 初学者 投稿日： 01/09/17 13:22 ID:R/JLPX.Y: すみません、きっと初歩的なことなんですけど……。
margin指定にはautoがあるけどpaddingには無い、でいいんですよね？
レファレンスによってはpaddinngにもautoがあるとしてるものがあったもので
どちらが正しいのか不安になりました。
531 名前：投稿日： 01/09/17 13:25 ID:b.Ns1wOk: >530
はい，ありません．
＃あわてて自サイト見直しちゃったよ…
532 名前： 聞きたがり 投稿日： 01/09/17 14:16 ID:VBcM2e1I: 恐れおおくも質問させてください。この板のみなさまが制作に使うHTMLエディタは何ですか？
本格的なCSSを使用する制作には、テキストエディタを使うのが普通なんでしょうか。
533 名前： Name_Not_Found 投稿日： 01/09/17 14:45 ID:K7p9H9Gk: 私は.cssファイルはメモ帳で書いてます。
htmlの方はFrontpageだったけど今はテキストエディタのtera pad。
534 名前： Name_Not_Found 投稿日： 01/09/17 14:47 ID:PtwUnudc: >>532

CSS書きにはTop Style Lite
英語版だが、CSS書くだけなら別に問題ない。
有料のプロ版もあるが、漏れのような厨房にはLite版で十分。

http://www.bradsoft.com/topstyle/download/litedload.asp
535 名前： Name_Not_Found 投稿日： 01/09/17 15:22 ID:pYUvvNXM: オレもTopStyleLite使ってるけど、我が家のマシンだと重いんよね。
だから、ちょこっと手直しする時はテキストエディタで開いてる。
536 名前： Name_Not_Found 投稿日： 01/09/17 17:45 ID:grREtvok: >>532
最初はメモ帳→次は秀丸エディタ→そんでもって今はTeraPadという流れ。
FrontPageとかも使ったことはあるけど5分でやめた。Dreamweaverはたまに使うけど。

CSSは適当な雛形を一つ作っておいて、それをいじくって作ってる。
537 名前： Name_Not_Found 投稿日： 01/09/17 18:27 ID:VazGhJEA: >>532
WYSIWYGタイプのエディタで、CSSを細かいところまでサポート
できてる物がないから、基本的にはテキストエディタ系になると思う。

私の場合やっつけ仕事はDreamweaver、余力ある時は秀丸。
CSSは秀丸メインでたまにTopStyleLite。
TopStyleLiteは操作性に気に入らない部分があるから、
色指定する時くらいしか使わないな。
538 名前： Name_Not_Found 投稿日： 01/09/17 18:39 ID:vme0aGWc: TopStyleLiteは日本語版が出てもう少し軽ければ
使ってもいいね。
ただ、css書くのは個人サイトだったらメモ帳以下で十分。
539 名前： Name_Not_Found 投稿日： 01/09/18 03:32 ID:gT/BQgYY: >>537
HTMLもCSSも秀丸。
たまにDHTML AssistantやDreamweaverも使う。
DHTML Assistant がもうちょっと軽かったら秀丸のかわりにメインで使うんだが…
TopStyleはまだ使ったことないけどそのうち使ってみたいね。
540 名前： Name_Not_Found 投稿日： 01/09/18 04:17 ID:Q0pwFRO6: CSSは構造化エディタで書いてます。
541 名前： Name_Not_Found 投稿日： 01/09/18 09:03 ID:6y8jsSs6: メモ帳以下
にﾜﾗﾀ
542 名前： 聞きたがり 投稿日： 01/09/18 10:17 ID:/xGRDHeI: 沢山のレスありがとです！やはりテキストエディタになるんですね。
私はHTML&CSSは超初心者で、覚えようと思ったらテキストエディタで辞書と
睨めっこしながらカキカキしなきゃいけない、タグによって有効無効、ブラウザ対応、
スペルミス、時間がかかる、などなど、何だかロスが多いなぁと思ったんです。
それらの大部分は規則性があるようなので（元来HTMLは簡潔なものらしいし）
もっとロスなくHTML記述できる制作ツールがあっても良さそうなのに、と不思議に
思うんです（いわゆるタグ打ち系に限ってですが）。
世の中にほんとにそーいうソフトが存在しないなら、いっそ作っちゃおうかと
思いまして．．それで質問してみた次第です。

なんかこう、テキストエディタでないHTML記述ツール、なんてのは存在しませんか？
543 名前： Name_Not_Found 投稿日： 01/09/18 11:21 ID:iCGs1z16: >>542
文面から見ると、タグ埋め込み型が欲しいのかな？
TTTEDITあたりが有名だと思う。
544 名前： 聞きたがり 投稿日： 01/09/18 11:47 ID:/xGRDHeI: タグ埋め込み型も、基本的にはテキストエディタですよね。
HTML記述でテキスト編集が必要な部分て、文章テキスト、ファイル名、注釈．．
など、ごく限られてますよね。それ以外は、実は編集の必要がない。

だから例えば、
タグは全てアイコンで、クリックすると属性ウインドが開いて、テキスト入力が
必要なところ以外は、マウスで属性の設定ができる．．．みたいなソフトがあれば
ミスも無くなるし初心者もとっつきやすいかな、と。
545 名前： yuu ◆xo3ilszg 投稿日： 01/09/18 11:52 ID:/LMkfb6Q: >>542
壮絶に高いですが、Adobe FrameMaker+SGMLはどうですか。
とりあえず買ってみたりしたのですが、XMLの入力が出来ないのには
極めて残念な思いをしました。なんといっても値段が値段だけに
尚更というか。
546 名前： Name_Not_Found 投稿日： 01/09/18 13:09 ID:rkzyBwcM: ＨＴＭＬエディタはともかく
ＣＳＳ書くのにはそれ用に特化したエディタの必要を感じない。
ここＨＴＭＬでなくてＣＳＳのスレッドですよね？
547 名前： Name_Not_Found 投稿日： 01/09/18 13:40 ID:DkJuqc3c: HTMLソースから使用中のセレクタを抽出して、CSSのひな形を
自動作成してくれるようなのは欲しい。
548 名前： 聞きたがり 投稿日： 01/09/18 13:48 ID:/xGRDHeI: スレ違いだったらごめんなさい．．．
CSS板の方がHTMLも含めて意見が頂けると思いました。
CSSに関しても、タグ対応やブラウザ対応を自動で判別してくれる、属性一欄を表示する、
などが実現できるだけで、随分助かると思ったんです。
549 名前： Name_Not_Found 投稿日： 01/09/18 13:50 ID:DkJuqc3c: >>548

ブラウザ対応なら、Top Style Liteでわかるよ。
550 名前： Name_Not_Found 投稿日： 01/09/18 18:20 ID:U4ieSmmI: リンクをマウスでポイントしたりクリックしても問題ないのに、
Tabキーで移動するとページ上部に隙間がどんどんできていきます。
ページ全体が下に落ちていく感じです。IE5.01sp2での現象です。
<a>のタグのスタイルを消すとこの現象は起きません。
おそらくfloatを使いまくってるせいで起きてる現象のような気がします。
この理由や解決法を御存知の方、どうか教えてください。
551 名前： Name_Not_Found 投稿日： 01/09/19 00:22 ID:lyMeZ/Ik: CSSで target="_blank"　を指定することってできますか？
552 名前： ◆kDDK6ugk 投稿日： 01/09/19 00:46 ID:ygmLvJ/M: >>551
できない。
大人しくとらいでぃしょなるを使おう。
553 名前： 権兵衛 投稿日： 01/09/19 02:03 ID:eYA7qQP2: 過去スレを読んでいて、いろいろと言いたいことが。

一応、誤解を指摘してみる。

誤解其の一，「px」を文字の大きさに指定するのはまずい。
二重の意味で、絶対単位として、振る舞うからだ。
二重の意味とは、
１，基準が、親要素やウィンドウの大きさではなく、ディスプレイの解像度による。
よって、解像度を変えない限りは、絶対単位とほぼ同じく、文字の大きさが変わらない。
２，ほとんどのブラウザは、解像度が変わったとしても、
文字の大きさを変えないというバグが報告されている（真偽は定かではない）。
さらに、ネットスケープは６をのぞいて、
「表示」＞「文字を大きくする（小さくする）」をつかっても、
文字の大きさがいっこうに変わらないと言う致命的なものがある。
（絶対単位ですら、文字の大きさが変わるのに！）

誤解其の二、スタイルシートにおけるHTMLは簡単ではない。
確かに、HTML（間違った文法も含む）だけなら簡単だし、
スタイルシート自体も、難しくはない。
問題は、スタイルシートを適用させるためのHTML（4.01)。
HTML4.01の仕様書とCSS2の仕様書を隅々まで読むと、
ブロック要素とインライン要素、または、置換要素と非置換要素
は絶対に学ばなくてはならないし、
SGMLの観念を理解する必要がある。
でないと、正しいHTMLを使うためにcssを使う意義がないから。

私は、SGMLをXMLで何とか、ほんの少し、理解したつもりだが、
非常に、抽象的で理解に苦しんだ。

あ、SGMLってどんなものなの?
と言う質問はなしよ。
仕様書は読んだんだけど、さっぱり抽象的で理解できなかったから。
554 名前： Name_Not_Found 投稿日： 01/09/19 02:12 ID:i7h2zRFk: 検索フォームにスタイルシートで色を付けたいんですが、
ラジオボタンにまで色つきの枠が付いちゃいます。
どうせましょう？
555 名前： Name_Not_Found 投稿日： 01/09/19 02:17 ID:pCFXM.hw: idかclassで振り分けませう。
556 名前： Name_Not_Found 投稿日： 01/09/19 02:41 ID:epMlKKDY: importは３回までですか？
557 名前：恥投稿日： 01/09/19 04:35 ID:S5snGJfY: 置換要素と非置換要素ってなんだろう？はじめて聞いた。

今から覚えようとする人はxhtmlと1.0を覚えつつ、
XMLを理解するよう心がければいいんじゃないのかな？
SGMLはやっぱ必要？

そういいつつ私はSGMLはさわりはわかってるつもりだけどXMLはサパーリ。
558 名前： ◆W3C/P45s 投稿日： 01/09/19 04:58 ID:NNYQVcok: スタイルシートでフレームを再現できますか？
559 名前： Name_Not_Found 投稿日： 01/09/19 07:44 ID:2iU6gxhI: >>557
置換要素はimgとかobjectのこと。大抵src属性でソースを指定するね。
HTMLソースがsrc属性で指定したソースに置換されるからこう呼ばれてる。
非置換要素はpやblockquote等、テキストがそのまま表示される物だと思って貰えればいいと思う。
560 名前： Name_Not_Found 投稿日： 01/09/19 07:48 ID:2iU6gxhI: >>551
CSSはHTML文書の見た目を整えるものであって、
Webブラウザの動作を指定するものではありません。
だから、不可。

>>552
Transitional
↑これ、なんて読む？
561 名前： Name_Not_Found 投稿日： 01/09/19 21:08 ID:I8rw7cJ2: トランズィショナル（翻訳ソフト・ロボワードより）

http://dictionary.goo.ne.jp/cgi-bin/dict_search.cgi?MT=Transitional&sw=0
gooの翻訳ソフト
562 名前： ◆kDDK6ugk 投稿日： 01/09/19 21:14 ID:ygmLvJ/M: >>560
とらんじしょなる。
…ごめん、どっかの漫画と混ざってた。
563 名前： Name_Not_Found 投稿日： 01/09/19 23:22 ID:OLPVd1h.: >>558
見かけだけならな。
564 名前： 182 投稿日： 01/09/20 04:20 ID:arKLC.Fk: >557
なるほど、ありがとうー。
今までimgは空要素って認識しかなかったよ。
よく考えたら空要素でもimgとhrじゃ全然性質がちがうものな。

iframeなんかも置換要素になるのかしらん？
565 名前： 権兵衛 投稿日： 01/09/20 12:17 ID:8mwQrs7I: >>564

iframe要素も置換要素になるとおもう。
ほかにも、input,textarea要素など。

え？どうして、これらが置換要素になるかって?
置換要素は、要素そのものが寸法を持っており、状況に依存しない、
ということらしい。

それで、width,heightプロパティの値を「auto」にすると、
定められた寸法を自動的に取得する。
けれど、古いブラウザが対応しているとは思えないが。
566 名前： 558 投稿日： 01/09/20 16:43 ID:72246v7c: >>563
雰囲気だけでいいんで教えてもらえませんか？
過去スレ見るとサンプルがあったみたいなんですけど、
そのサンプルへのリンクが切れてて…
567 名前： 558.1 投稿日： 01/09/20 17:15 ID:gbQvUui6: >>566
http://www.cc-net.or.jp/~piro/
此処の切り替えスタイルのFlatとかだな。

イカスレのまと氏リンク集にも色々あったんだが、消されてわからんくなった。写氏。
568 名前： Name_Not_Found 投稿日： 01/09/20 21:19 ID:ZJzTXUhs: body{background-color:green;color:silver;margin:0;}
#left{background-color:blue;width:7em;height:100%;text-align:center;}
#right{position:absolute;top:0;left:7em;}

<body>
<div id="left">左側</div>
<div id="right">右側</div>
</body>

>>566
こんな感じなのは？
569 名前： Name_Not_Found 投稿日： 01/09/20 23:03 ID:r5sZMa7Y: IE6のStandard mode以外ではフレーム再現できます。多分。

body{ overflow:hidden;margin:0; }
#menu{ z-index:1; position:fixed!important; position:absolute; top:0; left:0; background:#CCF; width:10em; height:100%; }
#main{ margin-left:10em; height:100%; overflow:auto; }

<div id="menu">
めにゅ～
</div>
<div id="main">
めいん～
</div>
570 名前： Name_Not_Found 投稿日： 01/09/20 23:06 ID:GH.nzInc: 上下は無理？
571 名前： Name_Not_Found 投稿日： 01/09/20 23:31 ID:r5sZMa7Y: IEがfixedに対応してくれたら・・・ねぇ。

body{ overflow:none;margin:0; }
div{ width:100%; }
#menu{ position:fixed;top:0;left:0;background:#CCC;z-index:1; }
#main{ position:absolute;top:1em; }

<div id="menu">
めにゅ～
</div>
<div id="main">
めいん～
</div>
572 名前： 558 投稿日： 01/09/21 00:22 ID:fHJt1g6E: >>567
これこれこんな感じです...とCSSファイルを覗こうとしたらどこにあるのやら？
>>568
イメージは近いんですけど、メニウも一緒に動くのが惜しいです。
>>569
ありがとうございます。イメージぴったりです。
position:fixed!important; position:absolute;
このposition:absolute;の指定はfixedに対応してないブラウザ用と考えていいでしょうか。

皆様ありがとうございました。
573 名前： 569 投稿日： 01/09/21 01:04 ID:lJz2kFIU: >>572
>このposition:absolute;の指定はfixedに対応してないブラウザ用と考えていいでしょうか。

考え方では逆です。
overflowとposition:absoluteで擬似fixed状態を作り出したのですが、
NS6のStandard modeでは思い通りに表示されなかったのでposition:fixedを付けてみました。

反則かもしれませんが、ちょっと自分の知識では追いきれていません（＾＾；
574 名前： 558 = 572 投稿日： 01/09/21 20:55 ID:DPquuG6c: >>573
そういう経緯がありましたか。なるほど…
解説ありがとうございます。
575 名前： Name_Not_Found 投稿日： 01/09/22 10:51 ID:pmWRyei.: 次のスタイルを指定したところ、
ネットスケープ6.0でリストがまったく表示されませんでした。
どのへんでまちがったのか、わかる方がいらしたら教えてください。

ul.contents-list
{
line-height : 110%;
margin : 1em 0px;
padding : 0px;
position : relative;
z-index : 1;
}
li
{
font-size : 110%;
margin : 1px;
padding : 1px;
list-style-type : none;
width : 200px;
text-align : justify;
}
li a
{
display : block;
width : 100%;
text-decoration : none;
border-color : #cccccc;
border-style : solid;
border-width : 1px 3px 1px 3px;
text-justify : distribute-all-lines;
padding : 5px 5px 5px 5px;
text-align : justify;
}
li a:hover
{
border-color : #EF75BC;
border-style : solid;
border-width : 1px 3px 1px 3px;
text-justify : distribute-all-lines;
padding : 5px 5px 5px 5px;
text-decoration : none;
text-align : justify;
}
576 名前：投稿日： 01/09/22 12:26 ID:J0mosrtY: >575
いやあの，HTML がないと判断のしようがないと思うのですが…
577 名前： Name_Not_Found 投稿日： 01/09/22 12:36 ID:pmWRyei.: >576
すみません。
HTMLのタグは
<ul class="contents-list">
<li><A href="bbs.cgi" target="_top">BBS</A></li>
<li><A href="daiary.html" target="_top">DIARY</A></li>
<li><A href="link.html" target="_top">LINK</A></li>
</ul>
こんなかんじです。
578 名前： Name_Not_Found 投稿日： 01/09/22 12:38 ID:pmWRyei.: daiary.html　って･･･鬱だ･･･。
579 名前： Name_Not_Found 投稿日： 01/09/22 13:19 ID:Hf2KiMSE: うーん、Netscape6.1だけど普通に表示されるなぁ。
text-align : justify; は効いてないケド。
580 名前： Name_Not_Found 投稿日： 01/09/22 13:21 ID:8TwCtyXI: ulとliにborderを指定してどこで消えたか確かめた？
581 名前： 575 投稿日： 01/09/22 14:09 ID:M1UC3R5Q: >580
そういう確認はしていませんでした。
最初から一個一個確認してやってみます。
どうもでした。
582 名前： 575 投稿日： 01/09/22 14:14 ID:M1UC3R5Q: すみません、スタイルシートのせいではなかったみたいです。
リストの前にフラッシュのタグかいてたんですが、
それをけずってみたら普通に表示されました。
583 名前： Name_Not_Found 投稿日： 01/09/23 21:45 ID:36nauzs6: 質問です。

外部スタイルシートで
body { margin-left : 100px }
p { font-size : 10pt }
small { font-size : 8pt }
としているんですが、
HTMLで<p>の中に<small>タグを使用したあと一旦</;p>で閉じると
そのあとの<p>以降がNN4.75だとmargin-leftが無効になってしまいます。
IE5.01とNetscape6.1では大丈夫でした。
これはNN4.75のバグなのか、それともそもそも使い方が間違っているのでしょうか？
584 名前： Name_Not_Found 投稿日： 01/09/23 23:09 ID:6tUb1wIc: 質問です。

<nobr>[トップに戻る]<wbr> [過去ログ]<wbr> [ワード検索]</nobr>

これに相当するような事はCSSでできますか？
↑のは掲示板のメニューですが、メニューは一塊で改行された方が良いので。。
これが文法チェックで点を落すのが気になるので、宜しくお願いします。
585 名前： Name_Not_Found 投稿日： 01/09/23 23:24 ID:NeWv.TmI: >>584
こんなかんじかー
p.nobr span { white-space: nowrap; }
<p class="nobr"><span>ただお</span> <span>さだお</span> <span>みつこ</span> <span>よしお</span></p>
586 名前： Name_Not_Found 投稿日： 01/09/23 23:34 ID:erxAopyQ: >>585
あのー、white-spaceはブロックレベルの要素にしか効かない（指定してはいけない）のですが……。

16.6 Whitespace: the 'white-space' property
'white-space'
Value: normal | pre | nowrap | inherit
Initial: normal
Applies to: block-level elements
Inherited: yes
Percentages: N/A
Media: visual
587 名前： 585 投稿日： 01/09/23 23:45 ID:NeWv.TmI: 正直、すまんかった。
588 名前： Name_Not_Found 投稿日： 01/09/24 00:55 ID:m5sYwOXU: >>584
そりゃできるけど、簡単だから自分で探すべきと思う。
一応答えとくけど、指定不足があってもご勘弁。

li {float: left; width: 8em; white-space: nowrap;}

<ul>
<li>トップに戻る</li>
<li>過去ログ</li>
<li>ワード検索</li>
</ul>
589 名前： Name_Not_Found 投稿日： 01/09/24 01:08 ID:i4GfVmSU: >588
li はブロック要素なのか？
590 名前： Name_Not_Found 投稿日： 01/09/24 01:21 ID:KPVaE9P6: li,dt,dd などの要素にwhite-spaceを使えないとしたら、
今まで散々使ってしまった気がするな。
どうなの？だめなの？
591 名前： 586 投稿日： 01/09/24 01:25 ID:0eEhsrfs: >>590
OL,UL,DLはブロックレベル要素ですし、
"Inherited: yes"ですからUL辺りに適当なクラスやらIDやらを振って
子孫要素に継承させればいいのでは。
592 名前： Name_Not_Found 投稿日： 01/09/24 02:27 ID:nHfOI8aU: 釈然としないな。
white-spaceをインライン要素に指定してはいけないだろうが、
li dt dd には指定してもいいんじゃないのか。
ソースはないよ。俺個人の常識でそんな気がする。
そういえば、td要素にはwhite-spaceを指定した例が仕様書
か何かにあった気がする。どーよ？
593 名前： Name_Not_Found 投稿日： 01/09/24 03:04 ID:EVg1MXOg: >>592
liはブロック要素だからwhite-spaceプロパティ設定できるだろ
594 名前： Name_Not_Found 投稿日： 01/09/24 08:36 ID:ZjPXe/2E: 組版規則に分離禁止って奴があります。
　cf. http://kondou.comic.to/nobuo_Web/zyukai_one07.html
ダッシュ「――」や三点リーダー「……」など、二字取りが普通のものを
途中で改行させないためにwhite-space:nowrapを使用しようと思ってたのですが……。
ブロック要素にしか指定不可となると、他にどんな方法がありますか？
International Layout（↓）が実現しないと無理ですか？
　http://www.doraneko.org/misc/i18n-format/WD990127.html
595 名前： Name_Not_Found 投稿日： 01/09/24 08:40 ID:ZjPXe/2E: ＩＥ5.5だとインライン要素であるspan要素にwhite-space:nowrapを指定しても効いてる気がするのは私の気の所為でせうか。
596 名前： Name_Not_Found 投稿日： 01/09/24 08:45 ID:2LefEJxs: CSSに限って言えばリストアイテムとブロックの違いについての
扱いは仕様書が曖昧な事もあって微妙。
もっとも、仕様書的にはfloatを指定した時点でdisplay:blockだと強制的に
解釈されるはず。（実装は伴ってない事がある）
で、floatを使うとどうしても幅を固定せざるをえないので、
基本的に>>584のやりたいようにはならない。
それから、直後の要素でclearも指定しなければならないかも。

あー、ワードラップについてはwhite-spaceしか関連属性が無いんで、
今のCSSで再現するのは無理。
597 名前： Name_Not_Found 投稿日： 01/09/24 09:51 ID:EVg1MXOg: >>596
ワードラップについては
やりたいことが実現できるかどうかよくわからんが
IE5の独自(先行)実装で
line-break: strict;
みたいなのがあるらしい。

ところでclear属性ってなんかいまいち使いにくいと思わない?
HTMLがいまいちきれいにならないというか。
俺としてはfloatの回り込みをキャンセルしたい最初の要素じゃなくて
floatの回り込みを使う要素の親要素あたりにつけたいんだよね。
<div style="afterclear:both">
<img style="float:left">
<p>回り込む文章</p>
</div>
<p>回り込まない文章</p>
みたいな感じで。
598 名前： Name_Not_Found 投稿日： 01/09/24 17:49 ID:2LefEJxs: img { float: left }
img + * { clear: left }
ちょっと違うがこんな感じでもいいだろう。
599 名前： 598 投稿日： 01/09/24 18:07 ID:2LefEJxs: うぉ、勘違いしてたよ御免。
600 名前： i 投稿日： 01/09/24 18:10 ID:wTtiLcVU: <table>をCSSでcenterにもってくるには如何すればいいでしょうか？
IEだとbody{text-align:center;}でいいですが、
最近のMozillaやN等では効かないようで、body{text-align:-moz-center;}（だっけ？兎に角独自拡張の-moz-何だか）出ないと駄目なようです。
過去にも同じようなのが有ったら御免なさい。
御教授お願いします
601 名前： Name_Not_Found 投稿日： 01/09/24 18:35 ID:2LefEJxs: >>600
http://www.kanzaki.com/docs/html/htminfo17-2.html#talign
602 名前： 600 投稿日： 01/09/24 20:02 ID:wTtiLcVU: >>601
有難う御座いました。
何となく分かりました。
ブロックレベル要素なんかはmarginを使うべきとう言う事ですね。
でも、marginだとブラウザのちょうど中心にテーブルを置くには如何すればいいでしょうか。
諦めるしかないでしょうか。
603 名前： Name_Not_Found 投稿日： 01/09/24 20:12 ID:f7U5p5TQ: >>602
margin:auto;
margin-left:auto;margin-right:auto;

どっちかだと思った。
IE用に[text-align:center;]も残しておいた方が良い。
604 名前： Name_Not_Found 投稿日： 01/09/24 20:16 ID:2LefEJxs: >>602
こっちの方がよかったな。
http://east.portland.ne.jp/~sigekazu/css/box.htm
605 名前： 602 投稿日： 01/09/24 22:46 ID:wTtiLcVU: >>603と>>604
body{
text-align:center;
}
table{
margin-left:auto;
margin-right:auto;
}
この二つでばっちりに成りました。
marginにこんな使い方が有ったとは知りませんでした。
いい勉強になりました。どうも！
606 名前： ナウシカ 投稿日： 01/09/25 11:46 ID:zYYK145k: <BODY onLoad="select_menu()">

<table id="t1" border="1" width="160" height="75">

<tr><td></td><td>たたかう</td></tr>
<tr><td></td><td>まほう</td></tr>
<tr><td></td><td>アイテム</td></tr>

</table></BODY>

<script type="text/javascript">

function get_keycode()
{
switch (event.keyCode)
{
case 37:alert("うしろへ下がる");break;
case 38:select_menu("up");break;
case 39:alert("ぼうぎょ");break;
case 40:select_menu("down");break;

default :break;
}
}

document.onkeydown = get_keycode;

var count = 0,tbl = document.getElementById("t1");
var child = tbl.childNodes[0].childNodes;

function select_menu(evt)
{
if(evt=="up")
{if(--count<0)count=child.length+count;}

else if(evt=="down")
{count=++count%child.length;}

for (var i = 0; i<child.length; i++)
{child[i].childNodes[0].innerHTML = "";}

child[count].childNodes[0].innerHTML = "<img src='a.gif'>";
}

</script>
</HTML>
607 名前： ナウシカ 投稿日： 01/09/25 11:48 ID:zYYK145k: テーブルを青くして
枠と文字は白く表示して
たたかうを選択してキーボードのAを押すと
a.htmに飛び（Aしか認識しないようにする）

まほうを選択してキーボードのBを押すと
b.htmに飛び（Bしか認識しないようにする）

アイテムを選択してキーボードのｃを押すと
ｃ.htmに飛び（ｃしか認識しないようにする）には
どうしたらいいでしょうか？
CSSの方で聞くのがいいらしいので
すいませんけど、だれか教えて（ソースを）ください。
よろしくお願いします。
608 名前： Name_Not_Found 投稿日： 01/09/25 13:59 ID:lL.QYX8I: CSSで
>テーブルを青くして
>枠と文字は白く表示
したいなら
http://www.tg.rim.or.jp/~hexane/ach/lbcs/lbcs1-04.htm
挙動に関してはJavaScriptだ。
609 名前： ナウシカ 投稿日： 01/09/25 16:46 ID:zYYK145k: >>608
読んでみましたが
どうしてもうまくいきません。
もし、よければソースを
教えてもらえないでしょうか・・・。
本当に申し訳ありません・・・・・。
610 名前： Name_Not_Found 投稿日： 01/09/25 17:02 ID:OYq5u9lY: 勉強すれ
611 名前： 608 投稿日： 01/09/25 17:57 ID:lL.QYX8I: リンク先が理解できないのなら
そこの目次まで辿って初めから勉強した方がいい。

それと、JavaScript質問スレの解答もちゃんと理解した？
612 名前： Name_Not_Found 投稿日： 01/09/25 19:01 ID:mw8rZTdU: >>609
質問していきなり結果を求めるようではダメだ。
大体、とほほが有ればすぐに分かることじゃないのか？

最近はとほほWWW入門を見ている人が極端に減っているような気がする。（特にこの板では）
613 名前： Name_Not_Found 投稿日： 01/09/25 19:50 ID:qfXpuzwM: 以前、2chでとほほを叩いてたからでは？
614 名前： Name_Not_Found 投稿日： 01/09/25 20:06 ID:eax9QZu.: とほほはあまり良くないんじゃ・・・
615 名前： Name_Not_Found 投稿日： 01/09/25 20:41 ID:mw8rZTdU: 質より量で・・・
616 名前： Name_Not_Found 投稿日： 01/09/25 22:07 ID:c6JqFqs6: >>615
CSSを扱う上で大切なStrictなHTML等を学ぶためには
量より質が大切だと言ってみるてすと。
617 名前： Name_Not_Found 投稿日： 01/09/25 22:15 ID:YC7.lfYY: >>616
とほほで一通り覚えさせてから、
鳩丸辺りでStrict教に洗脳しても遅くはあるまい。

つうか俺がそのパターンなんだけどな（ｗ
618 名前： Name_Not_Found 投稿日： 01/09/25 22:58 ID:lL.QYX8I: StrictなHTMLなんかどうでもいい。
CSSの基本構文やbackground-colorなんて初歩中の初歩を
知ってもいない人間が多すぎる。
619 名前： Name_Not_Found 投稿日： 01/09/26 00:00 ID:/nQRnYt6: >>617
ということは、ｱﾅﾀは僕とまったく一緒ですね（w
620 名前： Name_Not_Found 投稿日： 01/09/26 13:52 ID:qggMNNaY: >>617

俺もそうだ。
621 名前： Name_Not_Found 投稿日： 01/09/26 20:26 ID:OrkYVkDA: むしろ俺はとほほ→２ちゃんでStrict教だなぁ
622 名前： Name_Not_Found 投稿日： 01/09/27 20:04 ID:oZgWMzWY: リンクを全てtarget="_blank"にしたいんですが
cssで一括指定する事は出来ますでしょうか。
623 名前： Name_Not_Found 投稿日： 01/09/27 20:06 ID:Adudpcmg: >>622
CSSじゃでけまへん
624 名前： Name_Not_Found 投稿日： 01/09/27 20:08 ID:NrVc4kpQ: divの多用って犯罪なんですか？
625 名前： Name_Not_Found 投稿日： 01/09/27 20:10 ID:kDXz4y6w: >>622
base target は嫌なわけ？
626 名前： Name_Not_Found 投稿日： 01/09/27 20:12 ID:kDXz4y6w: >>624
どんなものでも度を越せばあまりよい目では見られないような。
犯罪かどうかまではわからんが。
627 名前： Name_Not_Found 投稿日： 01/09/27 21:11 ID:dF/qoPZ6: >>624
法律上は何の問題もないとしか言えない。
628 名前： Name_Not_Found 投稿日： 01/09/28 09:05 ID:T4MB/lEU: >>624
CSSで色々装飾するためにDIVを連発するのは本末転倒と思われ。
そういう無意味DIVはDOMで動的に生成とかすべきなのでは。
629 名前： Name_Not_Found 投稿日： 01/09/28 09:52 ID:jIZmcKlI: piro氏は…
630 名前： Name_Not_Found 投稿日： 01/09/28 12:05 ID:H2UcRXc.: >>629
あれは“CSSで色々装飾するためにDIVを連発するのは本末転倒”の代表例だな。
あのスタイル自体は割と好きな方だけど、あのDIV連発のHTMLは……。

#その点、nozたん（ｗのHTMLは流石に綺麗だな。
631 名前： Name_Not_Found 投稿日： 01/09/28 12:07 ID:H2UcRXc.: 「～だな」が被ってしまった、ｽﾏﾝ。
632 名前： Name_Not_Found 投稿日： 01/09/28 12:30 ID:eUN869MQ: age
633 名前： Name_Not_Found 投稿日： 01/09/28 19:10 ID:57dJdw3A: >>628
スクリプトで動的に生成した div であっても同じだよ。
それが装飾のみを目的とする要素なら本末転倒。
634 名前： Name_Not_Found 投稿日： 01/09/28 19:45 ID:HcVY4rx.: 装飾で必要って事は、つまり構造的にもそう言う意味を持つって事。
本来は文脈セレクタや疑似要素でやるべき装飾もあるけど、
ブラウザの実装状況がヘボイのでdivに頼る時もある。

……まぁPﾀﾝのは確かにdivに頼り過ぎの感があるけどね。
もうちょっとなんとかなるだろって。
635 名前： Name_Not_Found 投稿日： 01/09/28 22:05 ID:JM8LXM1A: >>634
＞装飾で必要って事は、つまり構造的にもそう言う意味を持つって事。
これの逆は真と言えるけど…
636 名前： 634 投稿日： 01/09/28 23:08 ID:HcVY4rx.: >>635
ごめんごめん、そうだね。
637 名前： Name_Not_Found 投稿日： 01/09/28 23:24 ID:M7Y0JE/E: 質問です。
CSSでページ全体のフォントサイズを指定しているんですが、（bodyに1.2em）
ブラウザのフォントサイズ設定での間隔が物凄いんです。
普段自分は「小」でやってるので「小」に合わせて作ったんですが、
「中」にすると大き過ぎてスタイルが崩れ（約2倍くらいになる）
「最小」にすると、読めなくなる字が出てくる始末です。

このような場合の対処法を教えて頂けないでしょうか？
638 名前： Name_Not_Found 投稿日： 01/09/28 23:35 ID:dP7h19MI: a:hover に position:relative を使ってマウスポインタのっけると
ちょっとへこむ（ように見える）ようにしてるんですが、
のっけた状態でマウスのホイルをぐりぐりやるとリンクの文字列もついてきます。
何か不思議な感じです。
639 名前： Name_Not_Found 投稿日： 01/09/29 00:04 ID:yFiR02Ag: >637
1.2 em ではなく 120% にしたらどうなる？
IE は（ベースになるフォントサイズを） em で指定するとおかしくなる，というのが
どこかにあったような気が．
640 名前： Name_Not_Found 投稿日： 01/09/29 00:17 ID:21t/EUm.: >>637 >>639
↓これですね
>>434 >>437
641 名前： Name_Not_Found 投稿日： 01/09/29 00:40 ID:E84hRbs.: >>639-640
どうも、ありがとうございます。
IEじゃem指定はほぼ諦めた方が良いんですね。。
取り敢えず100%にしたり、10exだった所を9exにしたりしました。
もちっとサイト内を巡って、小さすぎたり大きすぎたりする所がないか探す事にします。
642 名前： Name_Not_Found 投稿日： 01/09/29 11:10 ID:pLDrD2Ns: >>638
質問でないのなら、↓で報告した方がいいのでは。
　CSS/DHTMLバグ辞典スレッド ver2.0
　http://natto.2ch.net/test/read.cgi?bbs=hp&key=991666454&ls=50
643 名前： Name_Not_Found 投稿日： 01/09/29 16:49 ID:o3m/Ja8M: WinIEにはCSSを読み込ませないようにするというのはだめですか。
644 名前： Name_Not_Found 投稿日： 01/09/29 17:06 ID:gg7eTNKI: >>643
ダメ。
殆どのユーザーがWinIEなのに、一体なんのためにそんなことを？
645 名前： Name_Not_Found 投稿日： 01/09/29 17:23 ID:C.voP5ys: >>644
ダメって、断言せんでも（笑）
俺はMozillaでOKだけどWinIEでだめなCSSを別ファイルにして
WinIEには読み込ませないようにしているよ。
646 名前： Name_Not_Found 投稿日： 01/09/29 17:56 ID:pL4NPMNg: 独自拡張なら別ファイルでもよさそう。
647 名前： Name_Not_Found 投稿日： 01/09/29 19:38 ID:gg7eTNKI: >>645-646
別ファイルにするのと「読み込ませない」のは違ふ。
たしかにその別ファイルをモジラなどは読み込まなくなるが、ＩＥは読み込むわけだから。
まあＩＥ３とかＮＮ４みたいなバグだらけならば「読み込ませないようにする」手もアリだが、
WinIE全般に読み込ませないってのはチト暴挙ではないかい？
648 名前： Name_Not_Found 投稿日： 01/09/30 05:26 ID:1T3WHT9I: 長くなってしまいますが、お願いします。

<style type="text/css">

</style>

<title>NN 6 でのテーブル表示</title>
</head>
<body>
<table align=center border=0 cellspacing=0 cellpadding=0 width="100%" height="100%" summary="hoge">
<tr>
<td align=center valign=middle>
<table align=center border=0 cellspacing=5 cellpadding=5>
<tr>
<td align=center style="background: #f90"><span class="title">　　モ　ナ　　</span></td>
<td rowspan=6 width=10><img src="../img/spacer.gif" width=1 height=1></td>
<td>19**年</td>
<td colspan=2>オマエモナー</td>
</tr>
<tr>
<td align=center style="background: #369"><span class="title">　　ギ　コ　　</span></td>
<td>19**年</td>
<td colspan=2>逝ってよし！</td>
</tr>
<tr>
<td align=center style="background: #993"><br></td>
<td>19**年</td>
<td>このあとも</td>
<td>まだまだ続くよ。</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
649 名前： 648 投稿日： 01/09/30 05:27 ID:1T3WHT9I: >>648
これを、NN 6 で見ると、中央ではなく、画面の上の方に表示されてしまいます。
高さも合わせて中心に表示するには、どうすればよいのでしょう。

<table height=300> などにしても、ダメでした。
（そもそも、tableには、height属性は使えないのですよね。
でも、他のブラウザだと表示してくれちゃうので、わかってはいたんですが、甘えていました。）
横方向の中央揃えというのは、今まで何度か出てきましたが、縦方向は？

また、他のページでは大丈夫なのに、このページだけは、
フォントサイズの指定をすることが出来ません。なぜでしょう？
body, th, td, div { font-family: "ＭＳＰゴシック" ! important; }
を外しても、ダメでした。
理由のわかる方、よろしくお願いします。
650 名前： Name_Not_Found 投稿日： 01/09/30 05:55 ID:qrKKEG1E: >648-649
外側のtable取っぱらって

table { margin-top: auto; margin-bottom: auto; }

じゃだめ？
651 名前： 648 投稿日： 01/09/30 06:16 ID:Fo5f5wsY: >>650
だめっす。
言うこと聞いてくれません…。でも、ありがと。

あと、さっきは、勘違いしていました。
外側のテーブルに <table height=300> としたら、
ちゃんと valign=middle になってくれました。
CSSだと、他にやり方があったとしても無理そうなので、px指定で逝きます。

で、フォントの方の理由って、わかりますか？
どこを間違えているんだろう…。
このままだと、<font size> を使うしかないのかなぁ。
652 名前： Name_Not_Found 投稿日： 01/09/30 06:22 ID:bJIKQh0c: font-family: Osaka; を外す
653 名前： 648 投稿日： 01/09/30 06:51 ID:vHei.cjk: >>652
変化なしです…。
本当に、なんでなんだろう？
同じ記述で、他のページは大丈夫なのに。
654 名前： Name_Not_Found 投稿日： 01/09/30 06:55 ID:dopJo4xY: body, th, td, { }　から
body {　} にfont指定を移してみたら？
655 名前： 646 投稿日： 01/09/30 09:12 ID:rhNlyFK2: >>647
いや、例えば、 scrollbar-???-color とか
-moz-border-??? なんかを、対応している UA だけに読ませるってことね。

# さすがに IE5.x 以降を無視するわけにはいかないだろ（笑い）
656 名前： Name_Not_Found 投稿日： 01/09/30 10:10 ID:i3Bjjdj.: >>649
Mozilla/5.0 (Windows; U; Win98; en-US; rv:0.9.4+) Gecko/20010929
だとちゃんと真ん中に表示されますよ。NN6使うならせめてNN6.1のほうが
より幸せになれるかも。Mozillaはnightlyのできがいいのでもっとお勧め。

#align=center等はなんで「"」を付けてないの？微妙に気持ち悪い・・・
657 名前： 656 投稿日： 01/09/30 10:49 ID:i3Bjjdj.: >>649
というか過去ログ読み直してHTMLとCSS書き直した方がいいと思われ
658 名前： 643 投稿日： 01/09/30 15:14 ID:4gAng/ks: そもそも、（WinIEも含めて）
全体的にいいブラウザが少ないのを差し引いても、
ここまでWinIEが多いのはちょっと…。

ていうかショートゴロゲッツー（謎）。
659 名前： 648 投稿日： 01/10/01 00:41 ID:iQimddqE: >>654
ありがとうううううう！！出来ました、出来ました。

body {
color: #000;
font-size: 10px;
font-family: Osaka;
}
th, td {
color: #000;
font-size: 10px;
font-family: Osaka;
}
と、分けてみたら（NN 4 や iCabのために）、ちゃんと表示されました。
う、うれしい。
660 名前： 648 投稿日： 01/10/01 00:41 ID:iQimddqE: >>656
HTML 4.01 なので、英数字には必要ないってことで。
それと、スペルミスチェックのためでもあるのです。
要素名や属性名、属性値は、色が変わるエディタを使っているので。
（「" 」でくくると、また違う色になってしまって、チェック出来ない。）

>>657
style="text-align: center" とかにしろってことですか？
text-alignは、言うことを聞いてくれないのですよ。（Mac）
それとも、tableを使っているから？ font-size: 10pxだから？
もし、他におかしいところがあったら、教えろ。ｲﾔ､ｵｼｴﾃｸﾀﾞｻｲ…。
661 名前： 648 投稿日： 01/10/01 06:10 ID:7fiePQkI: >>659にしたら、今度は、NN 4 でダメだった…。
こうなったら、classで一つづつ指定かな…。
メモリが少ないから、いっぱいブラウザ立ち上げとくの、キツイんだよなぁ…。
662 名前： 648 投稿日： 01/10/01 06:53 ID:es0rLPmo: 何度もすみません。
何か、再起動してみたら、
body, th, td, div, p { color: #000; font-family: Osaka; font-size: 10px; }
で、NN 4もN6も、大丈夫でした…。この苦労をどうしてくれよう…。脱力っす。
でも、協力してくださったみなさん、どうもありがとうございました。

＃ブロック要素すべてに指定するのは、お忘れなく。
663 名前： 648 投稿日： 01/10/01 07:05 ID:es0rLPmo: 本当に、何度もすみません。
やっぱり、N6は、>>659 のように、分けないとダメっす。
ありがとう！ 654さん。

いつも、ネスケ使っている人って、こういうへなちょこページを
しょっちゅう見ているのかな。
664 名前： Name_Not_Found 投稿日： 01/10/01 13:04 ID:RFO0sOoI: 次にスレ立てるときは、注意書きを書いてほしいな。

・とほほぐらいは読んでおく。

・いきなり巨大なソースをべたっと貼って「お願いします」は無し。
＃原因は最小限のところまで絞る。その際、思い込みだけで除外しないこと。
＃ソースを貼るのは解答者の要望があったときのみ。

・感謝の言葉に余計な文字は要らない。「ありがとう」「THX」で十分。
＃「カンドーしました」だとか、「！」をやたらにつけるのは邪魔。

・必要以上にへりくだらない。「初心者ですみません」は免罪符にならない。
＃知らないことは恥ではない。ただし、出来る限り調べること。
＃「過去ログにあったかもしれませんが」は最低。

・・・当たり前のことなんだが。
665 名前： 586 投稿日： 01/10/01 13:57 ID:CmMYGFpQ: すみません、以前>>586で“white-spaceはブロックレベルの要素にしか効かない”等と
書いてしまいましたが、本当は全要素に適用出来るようです。

Errata for the CSS1 specification
http://www.w3.org/Style/css1-updates/REC-CSS1-19990111-errata.html
> Section 5.6.2 'white-space'
> [2001-08-28] The 'white-space' property applies to all elements, not just block-level elements.

Errata in REC-CSS2-19980512
http://www.w3.org/Style/css2-updates/REC-CSS2-19980512-errata.html
> Section 16.6 Whitespace: the 'white-space' property
> [2001-08-28] The 'white-space' property applies to all elements, not just block-level elements.

いい加減な知識で適当なことを書いてしまい、申し訳ありませんでした。
666 名前： 594-595 投稿日： 01/10/01 14:03 ID:ZAYz6xNE: >>665
>全要素に適用出来るようです
それは何よりです。
インライン要素にも効いてるとだと見えたのは気の所為では無かったんですね。
667 名前： Name_Not_Found 投稿日： 01/10/01 14:17 ID:RFO0sOoI: てことは>>585で正解なんだな。
668 名前： Name_Not_Found 投稿日： 01/10/01 18:42 ID:Max.X4Bs: スタイルシート切り替えスクリプトってどう？
669 名前： Name_Not_Found 投稿日： 01/10/01 19:01 ID:RhSQlauE: >>668
下記へどうぞ。

代替スタイルシートに萌え～
http://natto.2ch.net/test/read.cgi/hp/991400015
670 名前： 669 投稿日： 01/10/01 19:04 ID:RhSQlauE: 失敬。URL間違った。正しくは下記。
http://natto.2ch.net/test/read.cgi/hp/991400015/
671 名前： 名無しさん 投稿日： 01/10/01 20:37 ID:xdVQuepo: 大き目の企業のサイトでCSSオンオフでまったく見栄えが違うくらいに
CSSばりばりに使ってるところってどのくらいあるの
672 名前： へっぽこ 投稿日： 01/10/02 00:16 ID:KqlEMATA: ＮＮでＭＳ－ＩＭＥをアクティブにする方法知りませんか？
ＩＥ５．０、ＩＥ５．５については解かったのですが・・・
673 名前： 名無しさん 投稿日： 01/10/02 11:24 ID:8nWKUYDA: スタイルシートって<textarea>の幅の調整とかできる？
ブラウザ幅に対して何％とか
674 名前： Name_Not_Found 投稿日： 01/10/02 11:29 ID:KE6Lx7SY: ＭＳの製品でないＮＮにそれは無理ってもんでしょ。>>672
だいたいネスケは日本語ユーザーへのサポートは熱心でないし。
675 名前： Name_Not_Found 投稿日： 01/10/02 12:40 ID:/IXCEt2I: >673

.w1{width: 50%;}
.w2{width: 100px;}
.h1{height: 50%;}
.h2{height: 100px;}

<body>
<div style="width: 600px; height: 600px;">
<textarea class="w1 h1"></textarea><br>
<textarea class="w2 h2"></textarea>
</div>
</body>

NN6.1 と Moz(9/26) は幅，高さともうまくいく
IE6（strict）は h1 が効いてない（残りはうまくいく）
676 名前： 難しい？ 投稿日： 01/10/03 20:22 ID:YBgrn.Nw: マイクロソフトのサイトでメニューにアンカーを合わせると
画像のようなプルダウンが表示されますが、あれはどのような
技術のくみあわせでしょうか？また作り方などの参考サイト、
アドバイス等いただければ幸いです。
677 名前： Name_Not_Found 投稿日： 01/10/03 22:22 ID:1VEWimJI: アンカーじゃなくてポインタ、またはカーソルな？
CSSが何か知ってるか？　まず初心者スレに行け。
678 名前： 難しい？ 投稿日： 01/10/04 12:02 ID:2ZfDFzWs: 失礼しました。初心者に書き込みをおこないまいた。
679 名前：　投稿日： 01/10/04 14:54 ID:OsbyOudc: 気にするな
680 名前： Name_Not_Found 投稿日： 01/10/04 15:05 ID:N5SiFBT6: mozilla ですが、スタイルシート周りがおかしくないですか？
681 名前： Name_Not_Found 投稿日： 01/10/04 15:31 ID:filtELhw: おかしいのはおまえの頭だ
682 名前： Name_Not_Found 投稿日： 01/10/04 18:54 ID:hIzRmBUI: IE6だとカーソルの形の変更がうまく表示できない。
自分のところがヘンなのかと思ってたら他所の表示も同じになってました。
カーソル指定は元々IE4or5のみのものだったから止めるべきだったのかなあ・・・。
683 名前： Name_Not_Found 投稿日： 01/10/04 18:59 ID:Ix3uhiho: カーソルの変更は、厨クサイしユーザビリティとしても難があるので、
よっぽどの理由がない限り、止めた方がいいよ。
684 名前： Name_Not_Found 投稿日： 01/10/04 19:20 ID:Ul1JlKEU: >>680
IEのスタイルシートを基準にするな。
685 名前： Name_Not_Found 投稿日： 01/10/04 21:46 ID:wOQr3YSA: アニメーションカーソルはブラクラ。
686 名前： Name_Not_Found 投稿日： 01/10/04 22:30 ID:P/VYmf8A: N6って検索窓とか入力フォームがデガイよね。
あれなんとか小さくしたいんだけど、みんなどうやってる？
687 名前： Name_Not_Found 投稿日： 01/10/04 22:50 ID:DUy2UOOI: >>686
そりゃ
input, textarea { font-size: 9pt; } とか
input, textarea { font-size: 75%; } とか…
688 名前： 686 投稿日： 01/10/04 23:05 ID:P/VYmf8A: >>687
あ、やっぱりそれで良いの？
なんかもっとフォーマルなやり方があるのかと思いこんでた。
教えてくれてありがとう。
689 名前： 名無しさん＠お腹いっぱい。 投稿日： 01/10/05 23:43 ID:k0TwkJkE: 初心者スレに書き込んだのですがこちらに誘導されました。
改めて質問させてください。

CSSでフォームの色を変えてるんですけど
<input type=file name=upload class=textbox>
こんな感じでタイプ=ファイルを指定すると「参照」ボタンが
デフォルトの色で凄くダサいのです。。
これはどこをさわればよいのでしょうか。

思いつきで色々やってみたのですが上手く行きませんでした。
690 名前： Name_Not_Found 投稿日： 01/10/06 00:41 ID:ESZYXzIo: style="background-color:pink;border:1px solid red;"
691 名前： Name_Not_Found 投稿日： 01/10/06 00:55 ID:ESsn6GMI: なんか686が異様にむかつくのだが。
692 名前： 名無しさん 投稿日： 01/10/06 00:59 ID:XOKRM1do: しらんがな
693 名前： Name_Not_Found 投稿日： 01/10/06 14:57 ID:6D8tUtj6: テーブルのセルを見やすくするために
一行目は青,二行目は白というように交互に背景色を変えたいのですが,
これはclass属性を使ってHTMLをマークアップするしかないのでしょうか？
694 名前： Name_Not_Found 投稿日： 01/10/06 15:45 ID:.kdewjCk: >>693
おそらくそれしかない…のかな?
もしいい方法があったら俺も知りたい
695 名前： Name_Not_Found 投稿日： 01/10/06 15:49 ID:8k0hQ0ys: >>693
ＣＳＳを使用するのが最良だが、一応、ＨＴＭＬだけでもbgcolor属性で出来ます。
696 名前： Name_Not_Found 投稿日： 01/10/06 16:02 ID:.kdewjCk: >>695
>>693が言いたいのは
HTML上でいちいちclassやらbgcolorやらidやらを追加することなく
CSSの力で交互に背景色を変えられないかって話と思われ。
ていうかここはCSSのスレなのでbgcolorはスレ違い。
697 名前： Name_Not_Found 投稿日： 01/10/06 16:58 ID:vm.Ive5Y: Netscap6のCSS対応状況を詳細に解説しているサイトを
教えてください。
698 名前： Name_Not_Found 投稿日： 01/10/06 17:28 ID:NuNQmsXo: >>697
このスレのどこかに書いてあったので、ご自分で探して下さい。
http://natto.2ch.net/test/read.cgi/hp/991666454/
699 名前： Name_Not_Found 投稿日： 01/10/06 18:11 ID:ESZYXzIo: >>697
ここは？
http://www.zspc.com/documents/css2/
700 名前： 689 投稿日： 01/10/06 18:38 ID:uQNlUnj2: あげます、、上手く行かない
701 名前： Name_Not_Found 投稿日： 01/10/06 18:45 ID:Rbq2dUMQ: 空揚げうZEEEEEEE!!!　厨房は消えろ～～～　　　　(ﾜﾗ
702 名前： 689 投稿日： 01/10/06 18:52 ID:uQNlUnj2: 困ってるんですよぉ～　(;´Д`)
気に障ったならｺﾞﾒﾝﾅｻｲ
703 名前： Name_Not_Found 投稿日： 01/10/06 19:09 ID:nomUa9jE: 気にすんな>>689、この板は無料鯖でパクリサイトやってる701みたいな
ボンクラとパクリ防止です馬鹿主婦と仕事の出来ねえへたれデジタル土方しか
見てねんだから答えられる訳ねえって　以下どっかのスレからコピペ　ｗ
=========================================================
実際ここで何か聞く時は色々注意する事があるよ

Q：簡単な質問
↓
A：厨房逝ってよし！検索しろ！マナーに気を付けろ
↓
Q：ちょっと突っ込んだ質問
↓
A：ｼｰﾝ、、、、放置
↓
Q：また簡単な質問
↓
A：厨房うぜえ、スキル無さ杉、もっと勉強しろ！

以上の無限ループでこの板は成り立っています
質問者に求められるのは何よりもまず、回答者のレベルを見極める能力なんです。
=========================================================
と言ってみたもんの俺も解らんな、前にM$のサイトでそのボタンの実装に関して
FAQみたいのが有ったが忘れてしまったよ、確か君と同じような内容で
「あなたの意見は正しい」みたいな回答だった筈だが、これからも問題には出くわすだろうから
MLに入って質問投げてみたらどうか
704 名前： Name_Not_Found 投稿日： 01/10/06 20:03 ID:XAPvcM/A: >>689
現状でファイルの参照ボタンはどう頑張ってもいじれなかった筈。
705 名前： Name_Not_Found 投稿日： 01/10/07 00:18 ID:gtE7Em0.: >>693
<col>に設定すればマシになるんじゃない？
そんな話じゃなければスマンけど。

<style>
.a1{ background-color:#FFF; }
.a2{ background-color:#00F; }
</style>

<table>
<col class="a1">
<col class="a2">
<tr>
<td>a</td>
<td>b</td>
</tr>
<tr>
<td>c</td>
<td>d</td>
</tr>
</table>
706 名前： Name_Not_Found 投稿日： 01/10/07 00:49 ID:WnK8eAog: >>705
列でなくて行だぞ>>693が求めているのは。
707 名前： 705 投稿日： 01/10/07 01:08 ID:gtE7Em0.: あー・・・すまん。
んじゃ
tr{ background-color:#FFF; }
tr+tr{ background-color:#00F; }
tr+tr+tr{ background-color:#FFF; }
.
.
.

とか。阿呆っぽいが。
708 名前： Name_Not_Found 投稿日： 01/10/07 01:28 ID:WnK8eAog: >>660
>HTML 4.01 なので、英数字には必要ないってことで。
http://www.w3.org/TR/html401/intro/sgmltut.html#h-3.2.2 によると
<q>We recommend using quotation marks even when it is possible to eliminate them.</q>

あとまあ二重テーブルなくすとか、ゴミimgなくすとか、alignやcellspacing
使うならcss使おうとしてみるとか、fontは相対指定するとか、font-familyの
キーワード指定とか、color使うならbackground-colorも指定するとか、
テーブル中央寄せするなら過去ログ見るとか、まあこんなもんでよろしいでしょうか？

#個人的にはcss使う時NN4を考慮する必要はないと思う。なぜならそれに合わせていたら
#いつまでたってもcss2に対応した新しいブラウザが普及しないから。
#軽さを求めるから捨てるわけにはいかんという人にはテキストブラウザで十分でしょ。
709 名前： Name_Not_Found 投稿日： 01/10/07 11:58 ID:hJFylxlo: もうすぐ5か。光陰矢のごとしとはよく言ったもんだ。もう10月入って一週間だよ。
710 名前： 693 投稿日： 01/10/07 12:42 ID:zGGwJm1g: >>707
それも考えたのですが,IEが対応していないのと,
行の数が増えるにつれて際限なく指定が増えないといけないから無理っぽいです。

CSS4あたりでこのへんのことが解消されるといいんだけどなぁ。
711 名前： Name_Not_Found 投稿日： 01/10/07 12:58 ID:ErJ1wc7w: 1px高のラインを引きたいのですが上手く行きません。
条件は上下のマージンが無い事（以下のサンプルでは
空間が出来てしまうのです）。環境はIE5、NN6以上で
動作です。

<hr>ですとどうしても上下のマージンが出来てしまいます。
position:absolute;指定だとNN6で期待通りになりません。
何か良い方法がありましたらお願いします。
<style>
.a {
width : 50px;
height : 10px;
margin : 0px;
border : 0px;
background : blue;
}
.test {
width : 100%;
height : 1px;
margin : 0px;
border : 0px;
background : red;
color : red;
padding : 0px 100px;
margin : 0px 100px;
}
</style>
<div class="a"></div>
<hr class="test">
<div class="a"></div>
712 名前：投稿日： 01/10/07 13:01 ID:.eL1mdA.: >710

css3 のドラフトで新しいセレクタが提案されてるらしくて，
「n 番目の子要素」という選択ができるようになる，かも，らしい．
参考：ttp://www.kanzaki.com/book/html/updates.html#css3-selector
713 名前： 711 投稿日： 01/10/07 13:17 ID:ErJ1wc7w: IE5の<div>ではheightを1にすることは無理なのでしょうか

<style>
.a {
width : 100%;
height : 10px;
margin : 0px;
border : 0px;
background : blue;
padding : 0px;
margin : 0px;
}
.test {
width : 100%;
height : 1px;
margin : 0px;
border : 0px;
background : red;
color : red;
padding : 0px;
}
</style>
<div class="a"></div>
<div class="test"></div>
<div class="a"></div>
714 名前： 710 投稿日： 01/10/07 13:24 ID:zGGwJm1g: >>712
おぉ！CSS3にそんな仕様が提案さえてたんだ。
ぜひ正式に採用決定してもらわないと。
で,712のサイトに行の背景色を交互に変える方法が載ってたり。
>tr:nth-child(2n) {background-color: white} /*nth-child(even)も可*/
>tr:nth-child(2n+1) {background-color: silver} /*nth-child(odd)も可*/
>というスタイル宣言によって、表の列に交互に背景色を設定するなどという、従来の方法ではいちいちtr要素にクラス指定が必要だったスタイルを、すっきりと構造的に記述できるようになります。
求めていたものがそのままあるとは・・・珍しい。
715 名前：　投稿日： 01/10/07 13:26 ID:dv59wJJM: >>713
これは違うか？1pxの線を引きたいのですか？

<style>
.a {
width : 50px;
height : 10px;
margin : 0px;
border : 0px;
background : blue;
}

.test {
margin : 0;
padding: 0;
border-top: 1px solid red;
background : none;
color : red;
padding : 0px 100px;
margin : 0px 100px;
}
</style>

<div class="a">ふぁ</div>
<div class="test"></div>
<div class="a">ふ</div>
716 名前： Name_Not_Found 投稿日： 01/10/07 13:42 ID:S3pSGjGY: >>715
Mozillaとかならイイかも知れないけど、IE5じゃダメだね。
.test に font-size:0; 追加と、、<div class="test"></div>は<div class="test">　</div>こうすれば良いかも。
717 名前： 716 投稿日： 01/10/07 14:08 ID:S3pSGjGY: ちょっと改正
<style>
.a { background : blue; }

.test {
height:1;
font-size:1px;
background:red;
}
</style>

<div class="a">ふぁ
<p class="test"></p>
ふ</div>

これで出来た。
718 名前： Name_Not_Found 投稿日： 01/10/07 14:08 ID:fACR.Jxs: font-size:0;は効かなかった記憶がある。
やるとしたらfont-size:1px;だけど、
空白だけでline-height:0;とかしたらどうだったっけ？
719 名前： 711 投稿日： 01/10/07 14:22 ID:ErJ1wc7w: <div class="test"></div> で font-size:0 を追加したら上手く行きました。
有難うございます。皆さんの環境ではどうでしょうか？
720 名前： ちょこら 投稿日： 01/10/07 14:25 ID:Xi4e4kbY: あの。「1pxの線がひきたい」のならそういう画像にすればいいんでは?
721 名前： Name_Not_Found 投稿日： 01/10/07 14:27 ID:fACR.Jxs: >>720と同じだけど、
場合によっちゃhr使うとかするべきだと思うよ。
722 名前： 711 投稿日： 01/10/07 14:30 ID:ErJ1wc7w: >>720
言い忘れてましたが、スクリプトで色を変化させる予定があるので
それは却下になったんです。
723 名前： Name_Not_Found 投稿日： 01/10/07 14:34 ID:ErJ1wc7w: 全然関係ない話なんですけど、今 google 打ち間違ったら
こんな検索エンジンに出会ってしまいました(^_^;)

http://googlo.com/

パクリでしょうかね。
724 名前： Name_Not_Found 投稿日： 01/10/07 14:42 ID:S3pSGjGY: >>722
あ、いや、画像でも良いんだったら、
透明GIF画像1x1のを用意して、

<style>
img.line{
width:100%;
height:1px;
background:red;
}
</style>
<img src="./dot.gif" class="line"><br>

みたいにすればOKだよ。
画像はタブーかと思ってた・・・。
725 名前： 711 投稿日： 01/10/07 14:48 ID:ErJ1wc7w: >>724
あっ！なるほど！気付きませんでした。
お恥ずかしい。
726 名前： 711 投稿日： 01/10/08 20:21 ID:wUDHfaPE: 亀レスですが透過PNGはNN6になってもダメなんですね。
GIFは使わないポリシーなのでやはりdivタグでいきます。
727 名前： Name_Not_Found 投稿日： 01/10/08 22:06 ID:wUDHfaPE: NN6では<p>タグ内の<sup>の位置が極端に上に行くんですけど
CSSで上手く調整できないでしょうか？
フォントが日本語のときにそうなります。
728 名前： Name_Not_Found 投稿日： 01/10/08 22:17 ID:gdd/KWLA: >>727
これはだめ？

sup{position:relative;top:4px;}
729 名前： Name_Not_Found 投稿日： 01/10/08 22:20 ID:gdd/KWLA: IEで下がりすぎる
730 名前： Name_Not_Found 投稿日： 01/10/08 23:01 ID:e/Vp7zjE: sup {
vertical-align: 50%;
}
とか、調整すれば良いんじゃない？
ていうか、vertical-alignの使い方を知らない人が多くて嫌だな。
ブロックレベル要素の垂直位置揃えじゃないっつーの。
あくまで行レベルの垂直位置調整なのに。
731 名前： Name_Not_Found 投稿日： 01/10/09 00:01 ID:9B3iUaGM: >>730
それだとIE５とNN6で異なってしまうんです。
732 名前： Name_Not_Found 投稿日： 01/10/09 00:17 ID:9B3iUaGM: 取り敢えず、こんな感じで出来ました。superscriptの部分は
日本語フォントではダメですが英語フォントでは上手く行きました。
まだ気持ち悪いですけど。IE5、NN6対応です。

<style>
span {
font : 80% Verdana;
}
</style>
スマートではありません<span><sup>*1</sup></span>。
733 名前： Name_Not_Found 投稿日： 01/10/09 00:51 ID:35qwOcd2: sup {
font : 80% Verdana;
}

にしないの？span無駄だと思うけど。
734 名前： Name_Not_Found 投稿日： 01/10/09 00:59 ID:9B3iUaGM: >733
やってみればわかると思いますが、
NN6では正しく表示されないのです。

<style>
span {
font : 80% Verdana;
}
sup#a {
font : 80% Verdana;
}
</style>
スマートではありません<span><sup>*1</sup></span>。<br>
スマートではありません<sup id="a">*1</sup>。
735 名前： Name_Not_Found 投稿日： 01/10/09 01:07 ID:MGS6pzMs: アクセス解析見てると、訪問者600人のうち、NN4.xが20人程度。
これはもう無視しちゃっていいんでしょうか。
あんなもんブラウザじゃねえよ、で一蹴してもいいのかなぁ。
736 名前： Name_Not_Found 投稿日： 01/10/09 01:34 ID:B6nC6kPU: NN4.xは過渡期ブラウザです。

NN6って新しくコード書き直したとか聞いたが
737 名前： Name_Not_Found 投稿日： 01/10/09 04:44 ID:ztBj6S02: >>736
はげしくがいしゅつ
738 名前： Name_Not_Found 投稿日： 01/10/09 07:17 ID:baUiC9XU: 皆さんのお知恵をお借りしたいのですが。
同一のstyle.css内にあるのに、
なぜか効くものと効かないものがあって困惑しています。
\/*一般エレメントセレクタ*\/
body { font-family: Osaka, "ＭＳＰゴシック", Gothic, sans-serif; font-size: 0.95em; font-style: normal; font-weight: normal; line-height: 1.5em; letter-spacing: 0em; background-color: #ffffff; color: #000055; }
a:link { color: #0000cc; }
a:vlink { color: #000000; }
a:hover { color: #ff9900; }
a:active { color: #ff9900; }
ol { list-style-type: square; }
hr { color: #000055; }
\/*ヘッドライン*\/
div.headline-home { margin: -1.2em -0.8em 0em -1em; padding: 0em 0.8em 0em 1em; color: #ff9900; background-color: #000055; }
div.headline-common { margin: -1.2em -0.8em -0.3em -1em; padding: 0.6em 0em 0em 1em; background-color: #000055; color: #ff9900; }
とここまでは効いてくれるのですが、
\/*ヘッドラインメニュー*\/
a.menu { font-family: Osaka, "ＭＳＰゴシック", Gothic, sans-serif; font-size: 1.2em; font-weight: bold; line-height: 1.5em; letter-spacing: 0em;}
a.menu-home:link { color: #000055; }
a.menu-home:vlink { color: #000055; }
a.menu-common:link { color: #ff9900; }
a.menu-common:vlink { color: #ff9900; }
\/*マージンandパディングinホーム*\/
.do-not-come-near1 { margin: 0.3em 0em 5em 0.6em; }
.do-not-come-near2 { margin: 1.9em 0em 0em 1.5em; }
\/*マージンandパディングinコモン*\/
.do-not-come-near4 { margin: 0.5em 2em 0em 2em; }
.do-not-come-near5 { margin: -4em 0em 1.5em 2em; padding: 0em; }
.do-not-come-near6 { margin: -4em 0em 1.5em 0.3em; padding: 0em; }
\/*フロートandクリア*\/
.leave-me-alone-on-your-left { float: left; }
.return-of-the-left { clear: left; }
\/*その他*\/
.pay-attention-to-me { color: #ff0000: }
.it-has-to-be-bold { font-weight: bolder; }
.i-do-not-think-smallfont-is-so-cool {font-size: 0.95em; }
これがｻﾊﾟｰﾘ
昨夜の11時頃まではこれで効いていたのですが、なぜか突然効かなくなりまして...
ちなみに当方MacIE5.0、メモ帳使用です。
739 名前： Name_Not_Found 投稿日： 01/10/09 07:19 ID:baUiC9XU: 長すぎですね、すみません。
\/*フロートandクリア*\/
.leave-me-alone-on-your-left { float: left; }
.return-of-the-left { clear: left; }
\/*その他*\/
.pay-attention-to-me { color: #ff0000: }
.it-has-to-be-bold { font-weight: bolder; }
.i-do-not-think-smallfont-is-so-cool {font-size: 0.95em; }
これがｻﾊﾟｰﾘ
昨夜の11時頃まではこれで効いていたのですが、なぜか突然効かなくなりまして...
ちなみに当方MacIE5.0、メモ帳使用です。
よろしくお願いします。
740 名前： 瑣末学派 投稿日： 01/10/09 08:17 ID:Wm1VhfDo: >>738-739
a:vlinkってナニ？　a:visitedかa:link:visitedではないの？
741 名前： Name_Not_Found 投稿日： 01/10/09 09:09 ID:xi8fx1Fg: >>739
>ちなみに当方MacIE5.0、メモ帳使用です。
Winのメモ帳で書いてMacで確認してるの?
742 名前： Name_Not_Found 投稿日： 01/10/09 09:18 ID:y.pnnrlg: >>738-739
クラス名ばかり書かれても、適用する要素がわからないと何とも……。
あと、フロートが指定される要素には規格上width指定も必須です。実際、ブラウザによっては表示が崩れます。
743 名前： Name_Not_Found 投稿日： 01/10/09 09:21 ID:LBFj0YQo: >>740
BODY要素のvlink属性と勘違いしたものと思われ。

text属性→BODYにcolorプロパティを指定
link属性→A:link
vlink属性→A:visited
alink属性→A:active（A:link:active, A:visited:activeかも。ひょっとしてA:focusか？）

と置き換えるべし。
744 名前： Name_Not_Found 投稿日： 01/10/09 15:26 ID:GTKsVASs: >>738
MacIE5だとfloatさせたい要素はwidthを明示しないとfloatしなかったよね。
それと、「\/*一般エレメントセレクタ*\/ 」この妙なコメントの書き方が気になるんだが。
なんでスラッシュをエスケープしようとしてるんだろう？
突然効かなくなったって書いてあるけど、DOCTYPE宣言を変更したりしただろうか…
745 名前： Name_Not_Found 投稿日： 01/10/09 16:12 ID:3jOZMiHE: Netscape4.7だと1pxの枠線で囲ったDIVの中に背景色をつけたTABLEを置くと
DIVとTABLEの間にすきまができてBODYの背景色が見えてしまうのですが
これを回避する方法はありませんか？

<BODY style="background-color:white;">
<DIV style="border-style:solid;border-width:1px;border-color:blue;">
<TABLE bgcolor="red" cellspacing="0">
<TR.../TR>
</TABLE>
</DIV>

IEだと青い1pxの枠で囲まれた赤いボックスに見えますが、
NN4.7だと青い1px枠と赤いテーブルの間に白いすきまが
見えてしまいます。

DIVのbackground-color,width,heightを指定して clipしてあげれば
いいのはわかりますが、DIVの中身は可変にしたいのです。
746 名前： Name_Not_Found 投稿日： 01/10/09 16:47 ID:nGBpoulE: >>745
divにpadding:0;、tableにmargin:0; padding:0;を指定しても駄目？
うまくゆかなかったら、それはＣＳＳ関係がバグだらけのＮＮ4.7の所為です。
747 名前： Name_Not_Found 投稿日： 01/10/09 17:50 ID:3jOZMiHE: >>746

　それもやってみましたがだめでした。
　この隙間（marginかpaddingかどちらかわかんないけど）
　ってどちらの要素が持ってることになってるのやら。

　
748 名前： Name_Not_Found 投稿日： 01/10/10 08:31 ID:xkADuDWY: >>747
NN4.xでそれを回避する方法はありません。
borderと要素の間に隙間ができるのはNN4.xの仕様です。
この隙間はmarginでもpaddingでもありません。
元々、まともにCSSをサポートできていないブラウザなのでそれをコントロールする事もできません。
749 名前： Name_Not_Found 投稿日： 01/10/11 11:26 ID:niBL1h7s: 　横レスですが>>748に追加。
　しかもその隙間は普通は上下左右２pxですが、中にTABLEなどが入ると
上左１px下右３pxという素敵な事態になったりもします。
　テーブルの周囲に線を引きたいだけならbackground-color＋paddingで
実現するのが無難かと。

　ところで質問なのですが、ＮＮ4.xでSIZEを使わずにＨＲを太くしたい場合、
みなさんどのようにしてますでしょう。ＣＳＳでは無理なのでしょうか。

　それと、ＮＮ６で「○○○○○……」という内容をＴＡＢＬＥで表示させるとき、
ワードラップ（？）のように一行で表示しようとするため、幅指定がかなり
狂ってしまうのですが、どなたかこれの回避方法をご存じでしょうか。
750 名前：れだ投稿日： 01/10/11 11:27 ID:tSQmCBWg: 今（ｗ　気付いたんですが、
BODY { text-align:center; }
で調子良く動いてくれます。

やっと<Center>からも<Table Align="center">からも
逃れられると一人で喜んでるんですが、
これは文法的にアリなんでしょうか？　なんか違和感が。

ｶﾞｲｼｭﾂだったらごめんなさい。嬉しくて（ｗ
751 名前：投稿日： 01/10/11 12:37 ID:v0zn/OXM: >750
一体どれについてのことを言っているのかわからないが（何が調子いいの？），
body{text-align: center;} と書くのは多分間違っている
table（その他）のセンタリングについては FAQ です
752 名前：れだ投稿日： 01/10/11 13:27 ID:tSQmCBWg: >>751さん

うわちゃぁ～　ごめんなさい。スレの流れと全く関係ない話だったんです。

単に自分のサイトをいじってたんでした。
浮かれて書くの忘れてました。ごめんなさいいぃぃ

でもやっぱり間違いなんですね…　
753 名前： Name_Not_Found 投稿日： 01/10/11 13:29 ID:Fw7ka36I: >>751
http://east.portland.ne.jp/~sigekazu/css/text.htm
に

> BODYもブロックなので、text-alignをcenterに設定すれば、BODYと値を引き継いだ子孫ブロック要素は、
インラインのセンタリングを行います。

と書いてあるし、別に間違いじゃないと思います。

テーブルの内容ではなく、テーブル“自体”がセンタリングされてしまっているのなら、
それはブラウザのバグだと思いますが。
754 名前： 751 投稿日： 01/10/11 15:29 ID:v0zn/OXM: >753
あ，うん，>750 に <table align="center"> と書いてあるのを受けて，だよ．
おそらく「テーブルの内容をセンタリングしたいのではなく，テーブルそのものをセンタリングしようとした」と
判断したのだけど．まあ，本人じゃないので思い過ごしかもしれないな．
755 名前：れだ投稿日： 01/10/11 19:20 ID:XmtwPR5M: >>753さん、>>751さん

はい、テーブル自体をセンタリングしてくれるもんだと思ってました。
そうですか、ブラウザの解釈がおかしいのですか。

横幅が可変なテーブルをＣＳＳでセンタリングしたかったんですが、
やっぱ今んとこ無理みたいっすね。

ひっかきまわしてすんませんしたー。
756 名前： Name_Not_Found 投稿日： 01/10/11 21:30 ID:2eZS0EsA: >>755
横幅が可変なテーブルをセンタリングするなら…
テーブルに
margin-left:xx%;
margin-right:xx%
を指定すれば100-(xx*2)%の幅のテーブルができるよ。
757 名前： 738-739 投稿日： 01/10/12 05:22 ID:VEQy57Cg: 亀レスすんません。
指摘していただいた変なところを直し、再起動してから見たら、
正常にCSSが働いてくれました。

この度はありがとうございました。
今後も精進します。
758 名前： f9 投稿日： 01/10/13 05:24 ID:pgyz.1Oo: 昨日からｈｔｍｌ＆ｃｓｓ始めたんですが、
ｖｌｉｎｋの色を外部ｃｓｓファイルで（例えば）ｇｒｅｅｎに
したいときはどう書けばよろしいでしょうか？
あてずっぽで、
body {vlink-color: green}
とかやってみましたが、ダメでした。
どうか教えてください。よろしくお願いします。
759 名前： Name_Not_Found 投稿日： 01/10/13 05:29 ID:JcKJ.ECM: a:link {color:unko;}
a:active {color:timpo;}
a:visited {color:green;}
760 名前： f9 投稿日： 01/10/13 06:07 ID:pgyz.1Oo: あらら～。ありがとうございました。
がんばりマッスル。

あと、unko と timpo ってどんな色ですか？ＲＧＢで指定してください。
761 名前： 最近こんな色 投稿日： 01/10/13 06:17 ID:Yo5JrZu6: .unko { color: #663300; }
762 名前： Name_Not_Found 投稿日： 01/10/13 11:14 ID:79xzNIOM: >>760
ネタはやめれ

>>761
それもやめれ
763 名前： Name_Not_Found 投稿日： 01/10/14 12:13 ID:NEMaYcUe: Windowsでフォントがアンチエイリアスされる条件って何だろう？
画面のプロパティ->効果->スクリーンフォントの～にチェックした
からといって必ずしもならないようだし。大きな文字でギザギザだと
格好悪いよね。
764 名前： Name_Not_Found 投稿日： 01/10/15 18:10 ID:M66RknKU: 諸先生方へ質問

<p style="height:100%;background:#f00;text-align:center;vertical-align:middle;">
<img src="hoge.jpg">
</p>

どうしてこれで画像が画面中央にセンタリング出来ないのでしょうか？
IE5.5 SP2です
765 名前： Name_Not_Found 投稿日： 01/10/15 18:18 ID:LErnlhk1: img.centimg {
margin-right:auto;
margin-left:auto;
}

<img src="hoge.jpg" id="centimg">

これで良いんでない？
766 名前： Name_Not_Found 投稿日： 01/10/15 18:21 ID:M66RknKU: >>765
即レスありがとうです。
左右はセンタリングできているんですがvertical-align:middleが効かないんですよねぇ･･･
767 名前： Name_Not_Found 投稿日： 01/10/15 18:29 ID:LErnlhk1: あ、画面中央？
だったらテーブルと width=100% height=100% とか使わないと無理なんでない？

margin:auto;

これって効くかな・・・？
768 名前： 764 投稿日： 01/10/15 18:43 ID:LrKvzQO8: >>767
あ、前もってテーブルで実験した所vertical-align:middleで画面中央に
表示できるのは知っていました。
しかしなぜPタグでは不可能なのか理由が全くわからないので
質問させて頂きました。
文法的には全く問題無いはずなんですよねぇ？
imgはインライン要素だし…
IEのバグでvertical-align:bottomがインライン要素に効かないのは
知ってるんですがmiddleにも効果が無いとはこれいかに？
769 名前： Name_Not_Found 投稿日： 01/10/15 18:53 ID:TixhCEfc: おそらく、ページの高さが分からないからなのでは？
bodyに対して高さを％を使わずに指定してみたら？
770 名前： 764 投稿日： 01/10/15 19:57 ID:nAdwYCaP: >>769
うーむ・・・
Pの代わりにDIV使ったりしていろいろ検証した結果、
どうやらimg自体をvertical-alignでは制御できないようです
結局↓これで妥協しました。
<p style="height:100%;text-align:center;padding-top:25%;">
<img src="hoge.jpg">
</p>

お手数をお掛けしました
では
771 名前： Name_Not_Found 投稿日： 01/10/15 21:37 ID:VQ5fj+hQ: >>768
>あ、前もってテーブルで実験した所vertical-align:middleで画面中央に
>表示できるのは知っていました。
>しかしなぜPタグでは不可能なのか理由が全くわからないので

vertical-alignの適用要素はinline要素、td要素、tr要素です。
772 名前： Name_Not_Found 投稿日： 01/10/16 01:06 ID:bVrwHnBu: ＞vertical-align
って何の事か知ってる？（ｗ
知らないんならそれから調べてみ。
773 名前： 764 投稿日： 01/10/16 02:29 ID:BWUXQTKo: >>772
あ、そっかー
Pに指定したらブロックですねぇ
俺の頭の中ではimgに対してのみ指定してるつもりだったんで（ｗ
何はともあれみなさんありがとう
774 名前：れだ投稿日： 01/10/16 05:48 ID:4hyOMsd7: >>771-772

うわぁインラインに適用って知らんかったYO！

いや、俺>>764さんじゃないんだけど。
勉強になるなぁこのスレ（ｗ
775 名前： Name_Not_Found 投稿日： 01/10/16 13:22 ID:c3Efb2ew: >>774
既出なんですけどね（微笑）
776 名前： Name_Not_Found 投稿日： 01/10/16 22:52 ID:SDs1+m6l: W3C CSS Validator 検証結果で
body {scrollbar-face-color:#******;
scrollbar-shadow-color:#******;
scrollbar-arrow-color:#******;}
は存在しませんと言われました
どのように変更すれば良いですか？
厨房的質問でスマソ
777 名前： Name_Not_Found 投稿日： 01/10/16 22:56 ID:hTuvMIt5: >>776
IEの独自拡張だから
778 名前： Name_Not_Found 投稿日： 01/10/16 22:58 ID:May5pLU6: >>776
それはスクロールバー関係のプロパティーはＩＥ独自拡張だから仕方無い。
どうしてもスクロールバーの色を変更したければそんな警告は無視しなさい。
779 名前： Name_Not_Found 投稿日： 01/10/16 23:04 ID:NGo0Y6Ym: HRはIEではcolorプロパティ
N6ではbackground-colorの値を取る
で
hr{color:#ccc; background-colo:#ccc;}
とかだと検証サービスでおしかりをうけます
hrはどないすればええねん？
780 名前： Name_Not_Found 投稿日： 01/10/16 23:08 ID:May5pLU6: 杓子定規におしかりを真に受けずともよい。適宜無視しなさい。
781 名前： 776 投稿日： 01/10/16 23:33 ID:SDs1+m6l: >>777 >>778
レスありがとうございます

今IE6.0なんですが、警告を無視してＵＰしてみたら
スクロールバーの色が変わりません
どこに問題があるのでしょうか？
「クレクレ君」でスマソ
782 名前： Name_Not_Found 投稿日： 01/10/16 23:37 ID:SbYwlZ9S: >>779
W3Cに直訴すればいいじゃない。
そんなこともできないなら、
web制作管理なんて止めた方がいい。
783 名前： Name_Not_Found 投稿日： 01/10/16 23:42 ID:7/1be7+L: >>781
IE6 では html 要素に対して指定しないといけないとかいう話だったと思う。
784 名前： Name_Not_Found 投稿日： 01/10/16 23:54 ID:SbYwlZ9S: >>783
んなこたぁない。
785 名前： 776 投稿日： 01/10/16 23:54 ID:SDs1+m6l: >>783
レスありがとうございます・・・でも言っている意味が解りません
もう少し具体的に教えて頂くと嬉しいんですが
本当に厨房中の厨房でスマソ
786 名前： Name_Not_Found 投稿日： 01/10/16 23:57 ID:SbYwlZ9S: >>785
厨房には無理だと思われ
787 名前： Name_Not_Found 投稿日： 01/10/17 00:07 ID:EuOsxMgM: >>785
web上をさすらったり、本を読みまくって
厨房を脱出することをお勧めする。ガンバれ。
788 名前： Name_Not_Found 投稿日： 01/10/17 00:13 ID:wEXRuR4O: すみません。
cssファイルってどこにあるんですか？
ソースを見て探してるんですけど、間違ってますよね？
789 名前：投稿日： 01/10/17 00:39 ID:sMDPAKBT: >788
そうね，間違ってますね．
ソースの上のほう，<head>...</head> の間に
<link rel="stylesheet"...> という部分があるはずだから，そこに書いてあるファイルを
（アドレス欄に URL を入れて）読みましょう
790 名前： 776 投稿日： 01/10/17 00:57 ID:HYpXkX7/: >>787
本やネットで調べている最中なんですが
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/REC-html4/loose.dtd">
これを挿入するとスクロールバーのの色が変化しない事に気付きました

ありがとうございました
791 名前： Name_Not_Found 投稿日： 01/10/17 01:22 ID:q9KdNZ7a: DOCTYPEによって挙動が変わる、ってことですかね？
792 名前： 776 投稿日： 01/10/17 01:39 ID:HYpXkX7/: >>791
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
これでだったら変化は無かったですよ
793 名前： Name_Not_Found 投稿日： 01/10/17 03:05 ID:8ELBo7vS: IE6はHTML4.01StrictとかXHTMLのDOCTYPE宣言をすると
margin:autoによるセンタリングとかが効くようになったりするらしいね。
794 名前： Name_Not_Found 投稿日： 01/10/17 05:20 ID:Uz8gFfhg: http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp

WinIE6、MacIE5、mozillaはDOCTYPE宣言でCSSやHTMLの解釈が変化する。
これを知らない奴が多いみたいだが…これからFAQになっていくんだろうな。

ちなみにIE6のDOCTYPE SWITCHだが、UTFエンコーディング以外のXHTML
（XML宣言がファイルの先頭行にあるもの。/UTFの場合は省略可）では標準準拠モードにならないので気を付けよう。
795 名前： Name_Not_Found 投稿日： 01/10/17 10:48 ID:gz6iQJRz: くだらない質問だったらスイマセン。
http://www.outer-court.com/
こういうのもスタイルシートで作れるんですか？
どうなってるんですか？
796 名前： Name_Not_Found 投稿日： 01/10/17 11:14 ID:6k6L67sX: >>795

それ、漏れ見つけて「イケてるデザイン」スレい報告した覚えが。

CSSはそのものが持つ装飾（色とかborderとか）以外に、画像などを「配置」する
役割もあるんです。

CSSだってTABLEだって、それそのものの装飾能力なんてわずかなもんです。
線引いて色塗るだけ。

画像の自由度にはかなわない。
797 名前： Name_Not_Found 投稿日： 01/10/17 11:17 ID:6k6L67sX: >>794

鬱なのはIE6のStrictモードがまだまだ枯れていないこと。
さらに鬱なのは「IE6って厳密らしいぜ。本当はこれが正しいらしい。」と
単なるバグまでそれを正しいことだと盲信してるやつが少なくないこと。
798 名前： Name_Not_Found 投稿日： 01/10/17 17:58 ID:NGwzWULS: >>797
さらに鬱なのは、IEの仕様書も読まずに、W3Cの仕様と異なると、
「仕様」にも関わらず「バグ」だと言う奴かな。
799 名前： Name_Not_Found 投稿日： 01/10/17 22:10 ID:EyIvZnQg: ＮＮ６で、 div { align:center; }
が効かないんですが、これはＩＥ専用なんでしょうか？
中身のテキストはセンタリングされるんですけど、
borderをつけるとボックス自体の位置が変わらないんです。
ＩＥではちゃんと真ん中に来るんですけど。
800 名前： Name_Not_Found 投稿日： 01/10/17 22:21 ID:1IXzmb2Y: text-align?
801 名前： Name_Not_Found 投稿日： 01/10/17 22:28 ID:WS20bYvE: >>799
それ、よくある質問（FAQ）です。ここ参照。
http://www2u.biglobe.ne.jp/~zashiki/css-make/t-a/index.html
http://tancro.stp-1.com/stylesheet/n6_center.html
802 名前： Name_Not_Found 投稿日： 01/10/17 23:06 ID:YDFEeNHC: 現在ポジショニング使ってる人って正直どのくらい居るんですか？
803 名前： Name_Not_Found 投稿日： 01/10/17 23:07 ID:wtJwvtDq: >>802
私は使っているので最低でも一人以上はいます。
804 名前： Name_Not_Found 投稿日： 01/10/17 23:20 ID:WS20bYvE: >>802
私も使ってますので少なくとも二人以上は存在します。
805 名前： Name_Not_Found 投稿日： 01/10/17 23:23 ID:IX8jXG68: 質問があります。
画像の横にテキストを流しこむと

____________
| | モナー
| | かわいい
| | 好きです。
| 画像 |
| |
| |
| |
￣￣￣￣￣￣
のようになりますが、
画像の横の文章を画像の高さの中央に置きたいのです。
つまり下のようにしたいのです。

____________
| |
| |
| | モナー
| 画像 | かわいい
| | 好きです。
| |
| |
￣￣￣￣￣￣

このようにすることは出来ますか？
806 名前： Name_Not_Found 投稿日： 01/10/17 23:23 ID:o39CqT5I: 指定サイズの<div>タグ内の4隅にイメージ（<img>）を配置する事って
かのうですか？ただしテーブルを使わずにです。
807 名前： Name_Not_Found 投稿日： 01/10/17 23:25 ID:wtJwvtDq: >>805
半角スペース使いました？
808 名前： Name_Not_Found 投稿日： 01/10/17 23:25 ID:o39CqT5I: >>805
拙者も依然同じ事を思えたが挫折した。
809 名前： 805訂正 投稿日： 01/10/17 23:27 ID:IX8jXG68: 質問があります。
画像の横にテキストを流しこむと

____________
|..........|...モナー
|..........|...かわいい
|..........|...好きです。
|...画像...|
|..........|
|..........|
|..........|
￣￣￣￣￣￣

のようになりますが、
画像の横の文章を画像の高さの中央に置きたいのです。
つまり下のようにしたいのです。

____________
|..........|
|..........|
|..........|...モナー
|...画像...|...かわいい
|..........|...好きです。
|..........|
|..........|
￣￣￣￣￣￣

このようにすることは出来ますか？
810 名前： 805 投稿日： 01/10/17 23:33 ID:IX8jXG68: 図が汚くてすいません。
出直してきます。
811 名前： Name_Not_Found 投稿日： 01/10/17 23:37 ID:79kleoUK: table使えば
812 名前： Name_Not_Found 投稿日： 01/10/18 00:44 ID:1y9rHMnU: margin-topなんかでできるけど。>>809
813 名前： Name_Not_Found 投稿日： 01/10/18 00:52 ID:iAxDxoPr: >>806
mozillaで確認。
IE5.5不可。
貴方が言ってることは一応可能と言える。

<div class="four_corners">
<img id="a">
<img id="b">
<img id="c">
<img id="d">
<p>sample<br>
sample<br>
sample<br>
sample<br>
sample<br>
sample<br>
sample<br>
sample<br>
sample</p>
</div>

div.four_corners {
position: relative;
width: 50%;
}
div.four_corners img {
position: absolute;
}
#a {
top: 0px;
left: 0px;
}
#b {
top: 0px;
right: 0px;
}
#c {
bottom: 0px;
left: 0px;
}
#d {
bottom: 0px;
right: 0px;
}
814 名前： 809=805 投稿日： 01/10/18 00:56 ID:0+TzygDk: >>808
ありがとうございます。
やはり、あきらめるしかないのですね。

>>811
仕事の都合上、「表」以外ではtableは使えないのです。
視覚障害などアクセシビリティを持つ方も利用するので。

>>812
画像の高さの「中央」に置きたいのです。
815 名前： Name_Not_Found 投稿日： 01/10/18 02:23 ID:883dgJpn: >>814
適当だから保証はしないぞ。

img {float:left;height:400px;width:100px;}
p.monar{margin-top:200px}
p.new{clear:both;}

<div>
<img src="uso.png" height="400" width="100" alt="uso">
</div>

<p class="monar">
質問があります。画像の横にテキストを流しこむとモナーかわいい好きです。
のようになりますが、画像の横の文章を画像の高さの中央に置きたいのです。
つまり下のようにしたいのです。モナーかわいい好きです。
このようにすることは出来ますか？
</p>

<p class="new">
次の文章
</p>
816 名前： 799 投稿日： 01/10/18 20:45 ID:oBX6Bbqp: >>801
基本だったんですね、知りませんでした。
どうもありがとう。早速試してみます。
817 名前： Name_Not_Found 投稿日： 01/10/20 14:02 ID:TxHm9M/E: 文字に影がついてくれません。
外部CSSファイルじゃ駄目なのでしょうか？

僕がCSSファイルに書いた文言をコピぺしておきます。

.midashi{
font-weight : bold;
font-family : monospace;
filter : DropShadow(color=#FFCC00 , offX=4 , offY=4);
}

ちなみに、同じCSSファイルに記述した他のプロパティは
きちんと動作します。

当方、Win+IE5.5です。
818 名前： Name_Not_Found 投稿日： 01/10/20 14:07 ID:yqEgYQRV: width:100%;？？
819 名前：依頼投稿日： 01/10/20 14:35 ID:DBmSZzbW: 痴漢でっちあげ女子高生に抗議しています。
クリックするだけで簡単投票はコチラ↓
http://www.pweb.ne.jp/~kouki/vote/tvote.cgi?event=vote1&sid=1002332773&item1=%92%86%91%BA%8DK%8Eq%83%81%83%93%83o%81%5B%81i%92s%8A%BF%82%C5%82%C1%82%BF%8F%E3%82%B0%8F%97%8Eq%8D%82%90%B6%81j&add=true
1時間に10票まで投票できます。
詳細は速報板の→【速報】前代未聞の極悪人女子高生中村幸子
http://news.2ch.net/test/read.cgi?bbs=news&key=1003548032
ぜひお立ち寄り下さい。お邪魔しました。
820 名前： Name_Not_Found 投稿日： 01/10/21 09:13 ID:7s6Am55z: >>817
widthを明示しよう
821 名前： Name_Not_Found 投稿日： 01/10/21 15:51 ID:sDh9b5hr: すいません質問です。
CSS でイケてるデザインサイトリンク集にあった
http://www.gihyo.co.jp/css/の本を買おうかと思ったんですが
ﾌﾞｯｸｻﾋﾞｰｽで検索したら98年の本みたいで…。
内容は古くないんでしょうか？
822 名前： Name_Not_Found 投稿日： 01/10/21 16:15 ID:0U/WuZv1: >>821

だいじょうぶ。良書というものはそうすぐには古くなるものではありません。
いまだにそれ以上の良書をみたことがない。

でも在庫あるのかなあ？
823 名前： Name_Not_Found 投稿日： 01/10/21 16:30 ID:58YOYBuB: そうですか。では注文してみます。
どうもありがとうございました。

書店の店頭ではスタイルシートという文字を全然見つけられませんでした。
824 名前： Name_Not_Found 投稿日： 01/10/21 22:39 ID:aKz/I1VF: >>821
著者本人によって2000年4月にobsoleteされています。笑
ttp://www.asahi-net.or.jp/%7Ejy3k-sm/css1/index.html

「ビギニング XHTML」
　オープンウェアシステムズ監修
　インプレス刊
　4,980円
　ISBN4-8443-1489-0

「ユニバーサル HTML/XHTML」
　神崎正英著
　毎日コミュニケーションズ
　2,200円
　ISBN4-8399-0454-5

とか。
825 名前： 821 投稿日： 01/10/22 04:09 ID:0Z6F+/bk: >824
ありがとう…もう注文しちゃいましたが……。
826 名前： Name_Not_Found 投稿日： 01/10/24 13:34 ID:+88VNZNg: レイヤーを使って動くアイキャッチ風の物を作りたいのです。
移動と表示/非表示はDWでWYSIWYG環境でスクリプト生成出来ますが
フォントサイズや透明度の設定はどうやったら良いのでしょう。
やはり手書きですか？それともWYSIWYGエディターがありますか？
827 名前： Name_Not_Found 投稿日： 01/10/24 15:18 ID:OuNQKuyX: >>826
http://natto.2ch.net/test/read.cgi/hp/1002699258/l50
828 名前： Name_Not_Found 投稿日： 01/10/24 17:08 ID:P4UQEWgH: 質問です。まだCSS最近はまったばかりで知らぬことも多いのですが
みなさんよければ教えてください。もしかしたらすごい初歩的な質問かもしれませんが･･･

掲示板で、フォントサイズを10ptにしてあるのですが、
他にもいろいろ付け加えたため長くなったので外部ファイルから定義したところ
急にフォントサイズが変わってしまいました。というか、
それまではIEの「表示→文字のサイズ」を変えても変わらなかったのに
外部ファイルから定義した途端、10ptと指定してあるにもかかわらず大きさが変わってしまいます。
フォント小以上ではでかすぎて読みつらいんです。
内部に組み込めば直るんですけど重くなりそうで･･･、これってどうすればいいんでしょうか。
829 名前： Name_Not_Found 投稿日： 01/10/24 17:16 ID:JMptp3Hp: >>828
ptではなく、%で指定するのがいいと思われ。
830 名前： Name_Not_Found 投稿日： 01/10/24 17:34 ID:HlHCfrTb: >>828

＞フォント小以上ではでかすぎて読みつらいんです。

ディスプレイ環境によって小がよかったり中がよかったりするので、
あなたが「小」がいいと思っていても、お客さんがそう思ってるとは限らんです。

たとえば、うちの15インチ1024×768では、中（12pt）でちょうどいい。
こういう環境（15インチ1024×768）は多いはず。

ロゴ的に使う文字なら画像とのバランスもあるだろうから絶対指定でもいいけど、
掲示板みたいに「読む」文字は特に大きさを指定せず、読者の好みにゆだねてほしい。
ここを絶対指定されるとほとんど読むに耐えない。

まあ、一般論はさておき、外部ファイルにして適用されなくなったってのは、
きっと何かを間違えているに違いない。

その外部CSSの中身と、それを呼び出しているタグをここに出しましょう。
831 名前： Name_Not_Found 投稿日： 01/10/24 21:13 ID:P4UQEWgH: 私も1024×768なのですが、フォントをverdana,Arialにしてあるので
若干文字が大きくなってしまうんです。
さらに、アクセス解析を入れたら1024×768の次に800×600の方が多く、
1024×768なら10ptでも12ptでもさほど外観に影響ないんですが
800×600でフォント中－12ptのVerdana,Arial－だと、すごく大きな文字になってしまうのです。
私としては、フォント中で見てる人も多いと思うので、10ptに指定したいんですよ。
あと掲示板の配布スクリプト自体、デフォルトが10ptだったのでということもありますが。
なので外部にした途端どうしてサイズだけがちゃんと指定された通りになってくれないのか･･･
文字のサイズだけなんです。後はちゃんと問題ありません。

呼び出しタグ（bbs.cgi内のheadタグの中に入れてます）
<link rel=stylesheet type="text/css" href="base.css" title="bbs">

外部CSS"base.css"の中身（ちゃんと同じフォルダに入れてます）
body,tr,td,th { font-size: $pt; font-family: 'Verdana','Arial',sans-serif;}
a:link { font-size: $pt; text-decoration:underline; color:#00bfff;}
a:visited { font-size: $pt; text-decoration:underline; color:#1190ff;}
a:active { font-size: $pt; text-decoration:none; color:#0000ff; background-color:#e6e6fa ;}
a:hover { font-size: $pt; text-decoration:none; color:#0000ff; background-color:#e6e6fa ;}
span { font-size: $t_point }
big { font-size: $pt_b }
small { font-size: $pt_s }
div.back { background:black url(image/water.gif) no-repeat right bottom;
padding: 5px
border-top: 5px solid #ffffff;
border-bottom: 3px solid #888888;
border-left: 4px solid #666666;
border-right: 4px solid #666666;}
div.block { background:black url(image/back2.jpg) no-repeat;
clear:both;
margin: 0;
border: 1px solid #666699;
text-align: center;
padding: 7px;
width:70%; }
.form { font-size: $pt; color: #ffffff; background-color:#000000;
border: 1px solid #666699; }

$ptは、当然ですがbbs.cgiの最初の設定箇所で10ptにしてあります。この辺に何か問題あるのでしょうか。
832 名前： Name_Not_Found 投稿日： 01/10/24 21:15 ID:P4UQEWgH: あ、上の私は828です。
833 名前： Name_Not_Found 投稿日： 01/10/24 21:27 ID:70zg9aLH: $ではじまってるところを全部10ptに変えてみそ。
834 名前： Name_Not_Found 投稿日： 01/10/24 21:36 ID:EE5lfA1i: >>831

＞$ptは、当然ですがbbs.cgiの最初の設定箇所で10ptにしてあります。この辺に何か問題あるのでしょうか。

それしかありえないでしょう。
CGIは<link rel=stylesheet type="text/css" href="base.css" title="bbs">
をHTML中に書き出すまでが自分の仕事で、外部のファイルに書かれたフォントの
大きさまで書き換えないでしょ？
そこに希望のポイント数を直接数値で入れたらどうなります？

HTML内部に書かれたCSSなら、CGIがその$ptの部分に既定値を代入した上で
出力するんでしょうが。
835 名前： Name_Not_Found 投稿日： 01/10/24 22:47 ID:P4UQEWgH: >>833,834
うわー！直りました！
なんで今までそんなことに気付かず変なところばかりいじっていたんだろう･･･
すっごいアホですね。ほんとお騒がせ申し訳ないです。
ああ、もっとがんばります･･･ギャフン。
836 名前： Name_Not_Found 投稿日： 01/10/25 15:11 ID:jUHW/cHl: >>831
別にVerdanaにしようがTahomaにしようがArialにしようが
12pt(=16px)なことには変わりないじゃん。
俺もVerdana指定してるけど大きさ変わらないよ?
読む人のことを考えてあげるならメインの文章はフォントサイズを変えないのが礼儀。
それで大きいと思う人は自分でフォントサイズ小や最小にする。
要するに>>830が言ってることとほとんど同じことを言いたいわけだけど。

あと pt 指定や px 指定は極力避けてくれ。
閲覧者が「文字大くてうぜえ」と思ってフォントサイズを小にしても12pt指定されていると12ptのまま変わらない。
「小さくて読みにくい」と思ってフォントサイズ大にしても10ptに指定されていると10ptのまま変わらない。
これが % 指定されていれば閲覧者の設定に応じて大小される。
まあこれはIEの実装が悪いといや悪いんだが。
837 名前： Name_Not_Found 投稿日： 01/10/25 16:42 ID:cSVIjGsI: >>836
ベラドンナは有毒だぞ。
素人にはおすすめできない。
838 名前： Name_Not_Found 投稿日： 01/10/25 17:24 ID:jUHW/cHl: >>837
ありゃ、そうなの?
理由きぼんぬ
839 名前： Name_Not_Found 投稿日： 01/10/25 17:28 ID:cSVIjGsI: >>838
ここ見てみ
http://www.joy.hi-ho.ne.jp/tukihara/poison/0022.htm
840 名前： Name_Not_Found 投稿日： 01/10/25 17:41 ID:HqnCwXzp: 軽～いネタレスしたらマジにとるヒトがいて
ちょこっと困ってる>>837がいるスレ。
841 名前： Name_Not_Found 投稿日： 01/10/25 21:53 ID:jUHW/cHl: なんだ、ネタか…
842 名前： Name_Not_Found 投稿日： 01/10/26 21:51 ID:LOL+0fg0: 質問です

td.repeaty{
　background-image:url("img/hoge.gif");
　background-repeat:repeat-y;
}
としたんだけど、W2KのNN4.7で<td>の中が
どうも表示されてない。
回避しようとして、
<td class="repeat-y" background="img/hoge.gif">としたんだけど、
これも表示されなくて悩み中です。
とりあえず他ブラウザで確認しても表示されてるので、
もしかしてW２KのNN4.7だけの問題なのかな・・・

調べ方がヌルイのかわからないけど、
どこにも書いてなかったから
知ってる方いたら教えて
843 名前： Name_Not_Found 投稿日： 01/10/26 21:57 ID:e5wQu0wQ: <td>の中の文書が表示されないのか、背景画像が表示されないのかよく判りませんが、
「NN4.7ではCSS中のURLの指定がおかしい」というヤツですかね。
画像を絶対URLで指定してみれ。
クラス名に「-」はOKだっけ？
844 名前： 843 投稿日： 01/10/26 22:03 ID:e5wQu0wQ: 俺の日本語おかしいな、、まぁ気にしませんが。
845 名前： Name_Not_Found 投稿日： 01/10/26 22:05 ID:LOL+0fg0: >>843

ｽﾏｿ
クラス名に「-」間違えて入れちゃった
正しくは「class="repeaty"」

というか、背景画像が表示されないのね。
ちょっとフルパス指定でやってみるん
846 名前： Name_Not_Found 投稿日： 01/10/26 22:07 ID:vyBzPGcq: >>843
ハイフン上等。て言うか漢字もおっけー。
……さすがに漢字はブラウザの対応が厳しいと思うけど。
847 名前： 845 投稿日： 01/10/26 22:32 ID:LOL+0fg0: ｳﾑｰ
フルパス指定でも画像表示されないなあ
クラスはずして
<td background="img/hoge.gif">でも効かない

つか、背景画像をy軸に繰り返したいのよ。
縦罫線を入れたいんだが・・・
だったらtd の幅とかですませたいところだけど
グラデをつけろと指示がきたから、どうしても
画像でやらざるを得ない・・・
848 名前： Name_Not_Found 投稿日： 01/10/26 22:38 ID:vyBzPGcq: >>847
それは……CSSじゃないぞ。
ていうかその画像のアドレスをブラウザに直接入れてみるとどうなる？
849 名前： 847 投稿日： 01/10/26 22:50 ID:LOL+0fg0: >>848

いや、画像はちゃんとあるよ。
>>842
で説明したんだが
説明不足だったかな
ｽﾏｿ
850 名前： Name_Not_Found 投稿日： 01/10/27 12:21 ID:ihQz7QbN: 一度別の要素で試したら？
851 名前： 732 投稿日： 01/10/28 03:47 ID:oLtHd/bc: フレームで分割したサイトで、リンクをクリックしたら
反対側のフレームに反映させる方法はありますか？

<A> の属性 `TARGET` はあまり薦められない属性です。
lintで↑のメッセージが出ないような方法を知りたいです。
852 名前： Name_Not_Found 投稿日： 01/10/28 08:06 ID:XYMoFxE/: >>851
そのメッセージが出る理由を全く理解してないね君は。
要するにソースの内容はどうでもいいからエラーを無くしたいというクチか。

マジレスするが、そもそもフレームを使うな。

# というか、その質問マルチポストじゃないか？
853 名前：投稿日： 01/10/28 08:13 ID:GPR0FWR1: フレーム使ってるなら
<base target="hoge">を使うもんでは
854 名前： Name_Not_Found 投稿日： 01/10/28 08:48 ID:YkCkUQc2: htmlを自動的にｎ段組にしてくれるような
ＣＳＳは書けるでしょうか？
よろしくお願いします
855 名前： Name_Not_Found 投稿日： 01/10/28 09:21 ID:639Tm//+: (ﾟДﾟ)ﾊｧ！？　自動的？
856 名前： Name_Not_Found 投稿日： 01/10/28 09:45 ID:JnxncJBL: 一応CSS3では検討されているが、まだまだ先の話だよ。
857 名前： 851 投稿日： 01/10/28 13:50 ID:jCCI08jA: フレームって使っちゃダメなんですね。ありがとうございました。
858 名前： Name_Not_Found 投稿日： 01/10/28 23:20 ID:mZHWLoRg: >>857
真に受けなさんな。
使うのはあなたの勝手。
859 名前： Name_Not_Found 投稿日： 01/10/29 00:52 ID:I8o6SmgX: 画面を縦半分に分割して、それぞれ違う背景色・文字色にしたいと思っています。

>>568を参考にして、作ってみたのですが
文字の表示させる位置を変更する方法がわかりません。

現在、左の文字は画面一番上の真ん中に表示されていますが
これをもっと下にずらして、ちょうど真ん中あたりに表示できるように。

また、右の文字は画面一番上の左はしに表示されていますが、
これももっと下にずらして、ちょうど真ん中あたりにして、
なおかつ左右も真ん中にしたいんです。
#right{}の中にtext-align:center;を追加してみましたが、
左はしに表示されたままでした。

<html>
<head>
<style type="text/css">

</style>
</head>

<body>
<div id="left">左側</div>
<div id="right">右側</div>
</body>

</html>
860 名前： Name_Not_Found 投稿日： 01/10/29 02:43 ID:jtRl1MoK: >859
#left,#right { text-align: center}
#left { float: left ;width: 50%; height: 100%; text-align:center;}

横のみ。俺は float でやる方が好きかな。
ダメな理由があるのならすまない（MacIEで何かバグあったような）が。
そんで、縦方向は CSS の苦手な事じゃなかったかと思った
本当は auto でいけるんだっけ？
861 名前： Name_Not_Found 投稿日： 01/10/29 13:25 ID:HKeJWwFL: >>860
CSSは縦方向の指定が目茶苦茶苦手。
まずposition:fixedで画面に対する位置指定だと宣言せねばならん。
この時IEではfixedがサポートされていないのでabsoluteを直前に
指定する必要がある。これでtop:50%とやると
画面縦方向中央のラインの下に表示される。
（一応MozillaでもIEでも再現されるが、はっきり言ってIEの間違い。）
て、topを知っているのになんで何も指定しないの？

>MacIEで何かバグ
widthが無いときだ。心配するな。
862 名前： 860 投稿日： 01/10/29 15:48 ID:Rwvi2yL1: >861
ありがとう。実は position は苦手で。勉強中です。

一つ質問させてください。
float を気にしたのは、自分のサイトのナビゲーションが
MacIE5 で見えない、と言われてしまったからで、

ul { width: 100% }
li { text-align: center; display: inline; float: right; width: 7.8em;}
li a:hover { display: block; }

項目が横に並ぶようにしたんですが、何か危険な事してるでしょうか？
親要素には em で margin と padding とってあるだけです。
863 名前： 859 投稿日： 01/10/29 17:33 ID:I8o6SmgX: >>860
ありがとうございます。floatがいいか、悪いか
それすらもまだ判断出来ない状態です。

縦方向については真ん中に表示させるのはあきらめて、
padding-top:15em;を追加してみました。
padding-top:50%だと左右の高さが違ってきてしまいますが、
emならそろいます。

paddingを使うとなにかまずいでしょうか？

860で、#leftにもtext-alignが指定してありましたが、
#left,#rightで指定してあれば不要ですよね？

body{color:silver;margin:0;background-color:green;}
#left,#right {text-align: center;padding-top:15em;}
#left { float: left ;width: 50%; height: 100%; text-align:center;background-color:blue;}

>>861
positionについては全くわからないので、>>569を参考に
#left,#right{}にposition:fixed!important; position:absolute; top:50%;
を追加してみましたが、
左側の青い画面の上半分も緑になってしまい、「右側」の文字も左側に
表示されて、余計にわけがわからなくなってしまいました。

> て、topを知っているのになんで何も指定しないの？
これは私（>>859)あてですよね？ >>859で書いたのは>>568を
丸移しにしただけなので「topを知っている」わけじゃないんです。
すみません。
864 名前： 860 投稿日： 01/10/29 22:45 ID:7cxJBCJk: >863
text-align: がかぶっているのは俺のミスです。
top を何も指定してないのも俺です。お互い頑張りましょうね（;´Д｀）
865 名前： 865 投稿日： 01/10/30 22:12 ID:DnJVk91S: 知人に頼まれてサイト作成を請け負ったのですが、
私のWinIE5.5、NC4.75、Netscape6.1、知人のMacIE5では問題無くブラウズできたのに、
或る人からWin95・IE4で見るとなぜかフリーズするとの報告が（天然ブラクラ？）。
Another HTML Lint でチェックしても特に問題は無いみたいだし、
ファイル・サイズは大きくないし、プラグインは無いし、JavaScriptも簡単なのが一個だけ。
となると、あとはCSSのバグとしか……。
で、IE4で使ってはいけないプロパティやタグとの組合せって心当りある方、いらっしゃいませんか。
なにぶんIE4なんて古いブラウザですので手元で確認するわけにもゆきません。
ちなみにそのIE4のユーザーはメモリが足りないのでヴァージョンアップは難しい由。
（ソースは//www.ne.jp/asahi/anarchy/saluton/index.htmlにあります）
866 名前： 182 投稿日： 01/10/31 04:07 ID:tF4Ytnps: IE4よかIE5のほうが軽いと思うけど
867 名前： Name_Not_Found 投稿日： 01/10/31 11:04 ID:S0MpR1wE: <td bgcolor="#FFCCCC" width="22"><font color="#000000"><b>hoge</b></font></td>

これをCSSにしたいのですが･･･
td.param**{
width:22;
}
.param**{
background:#ffcccc;
font-weight:bold;
}
まで出来たのですが、font-colorがCSS化しません
よろしくお願いします
868 名前： >>867 ◆qXAQxUxI 投稿日： 01/10/31 11:19 ID:1K2TJ2qZ: color
869 名前： Name_Not_Found 投稿日： 01/10/31 13:18 ID:pUxFx162: >>866
どっから来た話の流れだか知らんが、
とりあえず同意。
870 名前： Name_Not_Found 投稿日： 01/10/31 14:09 ID:adOdyCWZ: >>869
どっからって、一個上も見えないのかね？君は。
871 名前： Name_Not_Found 投稿日： 01/10/31 14:40 ID:pUxFx162: >>870
あ、ほんとだ。スマソ。

>>865
IE5はIE4よりメモリ喰わないよ。昔実験して確かめた。
IE5へのバージョンアップを薦めるよ。
872 名前： Name_Not_Found 投稿日： 01/10/31 14:53 ID:w4DZtgb6: CSSとはなんなのかや、まったく知識の無い人にも
一から書き方を教えてくれてるサイトってないですか？
873 名前： Name_Not_Found 投稿日： 01/10/31 15:00 ID:6ns0RDPY: >>872
Academic HTML 4.0
http://www.tg.rim.or.jp/~hexane/ach/fscs/
スタイルなCSSの基礎講座
http://www.parkcity.ne.jp/~chaichan/src/cssmain.htm
Web Site作成支援
http://www.sugai.f2s.com/web/index.html
874 名前： Name_Not_Found 投稿日： 01/10/31 15:01 ID:rVyOjkW7: >>872
>>2を見るとか過去ログを探ってみるとかどっかの検索エンジンで探すとか
方法はいろいろあるだろう。まずそういう事を教えてくれる所に
行くべきだと思うが、教科書臭いものでよければ
http://www.janit.com/xml/CSS/
ここでもいいだろう。
875 名前： とりあえず。 投稿日： 01/10/31 16:11 ID:bGVgaQ4h: >>865
このCSSを読み込ませると固まる。(winNT　IE4 sp1)

http://www.ne.jp/asahi/anarchy/saluton/stylesheets/topstyle.css
876 名前： >>865 投稿日： 01/10/31 17:16 ID:6ns0RDPY: >>875
どうも有り難うございます。固まらせてしまってすみません。
応急処置として、topstyle.cssだけlink要素ではなく
下記の通りhead内style要素のimportで、読み込ませました。
<STYLE type="text/css"></STYLE>
これでNC4、IE3、IE4は認識しないはずです。
もし悪さをしてるのがtopstyle.cssのどの記述か絞り込めるのならば、
その指定だけ外してlink要素として復活させるつもりです。
877 名前： 875 投稿日： 01/10/31 18:27 ID:wBRKidW0: >>876　気になったので調べてみた。
48行目あたり　#MenuList　の「float:right」で固まる。
これを消すとIE4でも無問題。

#MenuList {
width:5.5em;
clear:right;
float:right;　←コレね。
z-index:3;
margin:3em 2px 0 0em;
padding-top:5px;
border-color:#ccc;
border-style:solid;
border-width:1px 2px 0px 0;
}

理由はわかんないや。てへ☆
878 名前： Name_Not_Found 投稿日： 01/10/31 19:22 ID:5Bz8/545: >>865です。
875＝>>877さん、重ね重ねのご協力に感謝。
理由は判らなくても、原因が判れば対策が講じられますから大助かりです。
（まあそれに、理由不明で理不尽なのがバグってものではないかと。）
ソースの<div id="MenuList">を<div id="MenuList" class="MenuList dummy">とし、
シートの方は以下の通り変更してみました。
#MenuList {
width:5.5em;
clear:right;
z-index:3;
padding-top:5px;
border-color:#ccc;
border-style:solid;
border-width:1px 2px 0px 0;
}
.Menulist {
float:right;
margin:3em 2px 0 0em;
}

IE4は複数class名に未対応ですからこれで問題の箇所を認識しないはずです。

しかしCSSは本来見栄えを分離してcross browserな表示を確保するはずの規格なのに、
古いブラウザを固まらせるバグが出るのは困りものですね。
IE4はネスケ４に次ぐひどさかも。
879 名前： 865=876=878 投稿日： 01/10/31 19:43 ID:5Bz8/545: >>878の「.Menulist」は「.MenuList」の誤記であります。失礼をば。
880 名前： ._. . _ 投稿日： 01/10/31 23:24 ID:2rCvoVDl: 文章画像
--------
文章画像

上のようなレイアウトのページを作りたいと思っています．
ただし ---- のところは実際には表示させません．説明上
上と下がわかれていることを明示的にしているだけです．

以下のようにスタイルを設定
div.section{clear: both;}
div.image{float: right; width: 300px;}

html はこんな具合
<div class="section">
<div class="image">
<p><img src..."></p><p>画像 1 のキャプション</p>
</div>
<p>画像 1 の左にくる文章</p>
</div>

<div class="section">
<div class="image">
<p><img src..."></p><p>画像 2 のキャプション</p>
</div>
<p>画像 2 の左にくる文章</p>
</div>

この時，Win の IE6, NN4.78, NN6.1, Moz0.9.5+ と Mac の NN4，NN6 では
一番最初に書いたような意図したとおりの表示になりますが，Mac の IE5 では
　　画像
文章
　　画像
文章
のように，文章部分が clear されて表示されてしまいます．
スタイルの clear は継承しないはずだし，clear の初期値は none なので，
clear されてしまうのはおかしいと思うのですが，これは MacIE5 の解釈ミスでしょうか？
それとも僕の html が間違っているでしょうか？
また，これを回避する上手い方法はあるでしょうか？
（文章部分を float: left とか考えましたが，上手くいくかどうかわからないし，美しくない）
手元に Mac がないのですぐに確認ができないのですが，どなたかお知恵を
貸していただけたらと思います．よろしくお願いします．
881 名前： Name_Not_Found 投稿日： 01/11/01 11:52 ID:2QIhipxj: テーブルレイアウトを使用して、画像を隙間無く並べることで、タイトル
やメニューや枠を表現することが多いのですが、CSSで同様の事をやろうと
した場合、画像を隙間無く配置するためには、ポジショニングで座標指定
する意外に方法は無いのでしょうか?
882 名前： Name_Not_Found 投稿日： 01/11/01 12:25 ID:J4FO0cQj: >>862
遅ﾚｽﾒﾝｺﾞ
a:hoverだけにdisplay:blockを指定してるのが問題だと思う。
ブラウザの処理を考えてみようよ。
これだとマウスが乗っかったときだけいきなり親ブロックの幅を
全部占拠しなきゃいけない。
a:linkの時点で既にブロックにしてあればそんな事せずに済むでしょ。
あ、この際だからaそのものをブロックにするほうが安全。
883 名前： Name_Not_Found 投稿日： 01/11/01 14:15 ID:0JfZy3UH: >>881
どういう画像をどういうレイアウトで並べたいかによるんじゃないか?

例えばFireworksでスライスされた画像を並べるようなことは
確かにポジショニングでもできると思うが
その場合そもそもスライスすること自体が間違ってる。
884 名前： Name_Not_Found 投稿日： 01/11/01 14:29 ID:mxCfPn2/: 質問です。
ルビをIE5以上とNN6/Mozillaでのみ表示させたいのですが、
ブラウザによる振り分けをどうするかはさておき、
rp, rt {display:none}とした場合、IE4やMacIE5にも有効ですか？
それともNC4.xと同じでそもそもRUBYタグを認識しないから無理ですか。
885 名前： Name_Not_Found 投稿日： 01/11/01 17:07 ID:hs0NmOkl: >>880
推測の域を脱しないけど、
sectionのclear:bothが継承されちゃってるとか。
div.section > p { clear : nene ; } とかしてみたり。
886 名前： Name_Not_Found 投稿日： 01/11/01 17:50 ID:htZo5Vfa: スクロールバーの色を変えたいんですがどこを見てもＩＥ５．５以上対応と
書いてあります。
自分はまだバージョンアップしてないのでＩＥ５．５以上対応のものは見れないんですが
過去に何度も色の違うスクロールバーを見て来ました。

どうやれば、どのようにすればＩＥ５．５以上の人じゃなくても見れるようにできるんでしょうか。
かなり、わかりずらいと思いますが、ご存知の方がいたらお教えください
887 名前： Name_Not_Found 投稿日： 01/11/01 18:07 ID:2nSxhXzT: 上げます
888 名前： Name_Not_Found 投稿日： 01/11/01 18:40 ID:x1sHkvM3: >>886
あなたのご使用のブラウザはIE5.5です。
(ツールバー＞ヘルプ＞バージョン情報、で確認すること)
889 名前： 886 投稿日： 01/11/01 18:50 ID:htZo5Vfa: >>888
言われたとおりにやったのですがＩＥ５と出たんですが・・・。
でも確かに見たんです。しかも何度か・・・。
スクロールバーの色が違ったものを。そのときは透明っぽかった気がするんですが
890 名前： Name_Not_Found 投稿日： 01/11/01 18:59 ID:x1sHkvM3: >>889
ここ↓のスクロールバーは何色だ？
http://www.parkcity.ne.jp/~chaichan/qa.htm
普通のグレーに見えなかったら、あなたのＩＥは5.5以上です。
バージョン情報コピペして見せてみ。
891 名前： 886 投稿日： 01/11/01 19:05 ID:htZo5Vfa: >>890
今見たんですがやっぱり灰色に見えました。
バージョン情報はコピペしようとしたんですが出来なかったです。
なんども手間取らせてすいません。

やっぱり気のせいだったんでしょうか・・・。
ですが、今までずっとＩＥ５だったんですけどそういったものを見てきたので
スクロールバーの色を変えられることを知ったんです。

説明が下手ですいません
892 名前：　投稿日： 01/11/01 19:08 ID:tTwpdji6: <script type="text/javascript">document.write('<p class=\"navigatoruseragent\">'+ navigator.userAgent +'<\/p>');
</script>

をソースにかいて
そのhtmlファイルを参照するべ
893 名前：　投稿日： 01/11/01 19:11 ID:tTwpdji6: pやらclass属性はいらんかったね
まああってもええけど。
894 名前： Name_Not_Found 投稿日： 01/11/01 19:24 ID:dky+XIW5: >>891
スレ違いな気もしますが。

http://plastic.ac/
こういうタイプのスクロールバーじゃない？

JavaScriptやFlashによるものだったりして。
どうやるのかは知らんが。
895 名前： 886 投稿日： 01/11/01 19:25 ID:2nSxhXzT: >>892
レスが遅れてすいません。こうなりました

Mozilla/4.0 (compatible; MSIE 5.01; Windows 98; AtHomeJP0108)
896 名前： 886 投稿日： 01/11/01 19:27 ID:2nSxhXzT: >>894
たしかにそれも普通のスクロールバーじゃないですね。
ただ、自分が見たのは普通のスクロールバーの色だけ抜けているようなもんでした。
そういったものもやっぱりジャバスクリプトかなんかでできるんでしょうかね？
897 名前： Name_Not_Found 投稿日： 01/11/01 19:33 ID:xX+M3nDz: >>884
MacIE5はいけるよ。
898 名前： Name_Not_Found 投稿日： 01/11/01 19:36 ID:5HCd7Mxc: >>886
どうでもいいけど、「わかりずらい」→「わかりづらい」ね。
899 名前： 886 投稿日： 01/11/01 19:49 ID:2nSxhXzT: うちのHPにくる人の６割以上がまだＩＥ５だったのでなるべくそういう人にも
と思ったんですがやっぱり無理みたいですね。
今日数時間調べましたがどこを見てもやっぱりＩＥ５，５対応でした。

残念です
900 名前： Name_Not_Found 投稿日： 01/11/01 22:19 ID:huwxjDDd: html *{ font-family:"ＭＳゴシック"; }

わけあって全部等幅・MSゴシックのページを作りたいんですが、
↑のように指定しても何故か半角英数字だけ
MSゴシックじゃないひげつきのフォントになります。
全部MSゴシックにするにはどうしたらいいんでしょうか？
901 名前： Name_Not_Found 投稿日： 01/11/01 22:29 ID:qhfe5A3t: >>900
body {font-family:"ＭＳゴシック",sans-serif;}
あと、Mac向けに"Osaka－等幅"も入れておいてあげなさい。
902 名前： 901 投稿日： 01/11/01 22:34 ID:qhfe5A3t: >>900
すみません、間違った。
等幅なら
body {font-family:"ＭＳゴシック",monospace;}
でしたね。
903 名前： Name_Not_Found 投稿日： 01/11/01 22:55 ID:huwxjDDd: >902
ありがとうございます。ですが・・・ダメです！
IE5.02ｓｐ2なんですが・・・。

テキストファイルをブラウザで見たときも
何故か英語の部分だけ違うフォントになることを発見しました。
これってうちの環境がおかしいんでしょうか？

"Osaka－等幅"はこの問題が片付いてから入れようと思ってます。
今いれるとややこしいし(^^;
904 名前： Name_Not_Found 投稿日： 01/11/01 23:03 ID:Ezd18LoN: >>903

5.01ってどうもフォント回りで不安定だったような。同じ症状が出たことある。
突然発症して、突然直ったりしてね・・・
905 名前： ._. . _ (880) 投稿日： 01/11/01 23:09 ID:LJy+oRBW: >885
ありがとうございます．多分継承されちゃってるんでしょうね．
CSS にかなりまともに対応してる MacIE5 でこんな目にあわされるとは思ってもみませんでした．
提示していただいた方法は試していない（ちょっと直しては人に頼んで…とできないので）ですが，似たようなことで左文章のブロックを
<div style="clear: none;">...</div> としてもダメでした…．
結局今は section で囲むのをやめて 2 つのブロックの間に
<p style="clear: none;">&nbsp</p>とかいう，非常にみっともないことをしてます．
サイアクだ．

表示確認用に Mac 買わなきゃだめかな，やっぱ．
906 名前： Name_Not_Found 投稿日： 01/11/01 23:28 ID:huwxjDDd: >904
仕方ないんでアップデートしました。
何かIE5.5になっちゃったけど・・・。
でも問題は解決しました！やっぱりIE側の問題だったようです。
ありがとうございました。
907 名前： Name_Not_Found 投稿日： 01/11/01 23:37 ID:qhfe5A3t: >>906
どうせならIE6にしたら？――って気もする。
908 名前： Name_Not_Found 投稿日： 01/11/01 23:59 ID:xX+M3nDz: >>905
俺も昔それに悩まされた事がある。
今確認したけど、どうもsectionの先頭にnbspだけを入れると
一行下がるけどちゃんとした表示になる。
これが先頭にブロック要素を入れるとちゃんとならない。
詳しい状況が解ればバグ辞典に書くのがいいね。
909 名前： Name_Not_Found 投稿日： 01/11/02 00:25 ID:0ijq6cHU: >>904
そのひげつきフォントはCourier Newだね。ほんと突然変わる。
でもＭＳゴシックでも、9pt,10pt（文字のサイズが中のときのfont-size:x-small）は、
半角2文字と全角1文字の幅は同じにならない。
テキストエディタでは、ずれないんだけど。
font-family:monospace　も無視されるみたいだし。
910 名前： Name_Not_Found 投稿日： 01/11/02 13:25 ID:kmksqzu8: >882
ul.nav a { display: block} してみました。
盲点でした、ありがとう。今度から気をつけます
911 名前：　　　　　投稿日： 01/11/02 20:03 ID:4kzYYeVH: 拡張子さ
css以外でもいいよね？
cssにするメリットあるの？
912 名前： Name_Not_Found 投稿日： 01/11/02 20:09 ID:Ct45ZuzS: サーバによっては拡張子にあわせてtext/cssの
MIMEタイプをで送出してくれる。
913 名前： Name_Not_Found 投稿日： 01/11/02 21:04 ID:RJ29ruVw: >911
HTMLの拡張子がどうでもいいと言う話と同じですな(謎
914 名前： Name_Not_Found 投稿日： 01/11/02 21:26 ID:li2rGa7c: ＞913鳩○に帰れ
915 名前：　　　　　投稿日： 01/11/02 22:17 ID:4kzYYeVH: 鳩丸は
html拡張子はないが
cssはそのままcssだ
916 名前： 913 投稿日： 01/11/02 22:35 ID:1msMwKYA: 鳩○は
【謎】
でしょう(謎
917 名前： Name_Not_Found 投稿日： 01/11/02 23:48 ID:yycSHEvh: 【謎】は鳩じゃなくて一部のﾆﾌ者ってイメージがある。
918 名前： Name_Not_Found 投稿日： 01/11/03 17:31 ID:SxnmimIV: ルビで傍点（ゴマルビ）表示をしたい。

<RUBY><RB>傍点</RB><RP>(</RP><RT>ヽヽ</RT><RP>)</RP></RUBY>

これでWinIE５以上ではうまくゆく（たぶんMacIE5でも）。
Netscape 6でもスタイル指定することでルビとして表示される。
　cf.「Netscape6/Mozillaでルビ表示」
　　　http://www.akatsukinishisu.net/itazuragaki/2001_08.html#ruby_for_mozilla
しかし<ruby>タグを認識しないIE4以前やNC4では、「傍点（ヽヽ）」となって意味をなさない。
そこで以下の通りマークアップすることにした。

<em class="bouten"><ruby><rb>傍点</rb><span class="noruby"><rt>ヽヽ</rt></span></ruby></em>

ルビテキスト（rt要素）をclassづけした<span>で括り、シートにnoruby{display:none}と指定した。
またem.boten{text-decoration:underline;}として、傍点が無くとも強調と判明することを心懸けた。
このスタイル設定を、IE4以前やNC4で適用させたい。
逆に、IE5以降やNN6以降ではこのスタイルを無効にしたいわけです。
で、http://east.portland.ne.jp/~sigekazu/css/boxm.htm を見て
あれこれブラウザ振り分けを試したが、どうもいい手が浮かばない。私の頭脳では限界がある。
どうか、みなさんのご助言得られればありがたい。
919 名前： Name_Not_Found 投稿日： 01/11/03 18:45 ID:i1IljwpQ: IE4以前は読まない@importのフォーマットがある。
それで外部のCSSファイルを呼び出し、そこにIE5以降への指定を書く。
この時重要なのは、CSSの優先度を外部ファイルの方を上にするために
!importを指定する、あるいは親要素をセレクタに含める。
その上で.norubyや.boutenに望むスタイルを指定すれば良い。
920 名前： Name_Not_Found 投稿日： 01/11/04 02:09 ID:k0hIO+jV: 画像をブラウザの右上はしに、余白なく表示したいのです。
普通に、<DIV align="right">として<body>の直下に貼っても
画像の上にも右側にも余白ができてしまいます。

スタイルシートで背景画像としてもやってみましたが
<STYLE TYPE="text/css">

</STYLE>

これはＩＥだと希望の通りに表示されたのですが、
ＮＮ4.*ではbackground-positionに対応していないため、
右側によってくれません。

何かよい方法はないでしょうか？
921 名前： Name_Not_Found 投稿日： 01/11/04 02:17 ID:V7BK4DGc: ＮＮ4なんか誰も使ってないから安心しろ。
922 名前： 918 投稿日： 01/11/04 02:38 ID:H88ewrBn: ご助言感謝。>>919
しかし、私も今になって気づいたのですが、シートを分けずとも次の指定でいいのでは。
em.bouten {text-decoration:underline;}
noruby {display:none}
em.bouten RUBY {font-style:normal; text-decoration:none !important;}
em RT .noruby {display:inline}
そもそもRUBY・RB・RP・RT要素を認識しないブラウザでは下２行のセレクタも認識しないわけです。
これでやっとうまくゆく――はずでしたが、ここで変なことが。
IE5.5及びNN6.2で見ると、text-decoration:noneと指定したにも拘らず、
なぜか下線が消えてくれてません。
RB・RT要素への他の指定は有効になるのに、どうしてもtext-decoration:underlineの解除が適用されない。
これはIE・NN共通のバグではありますまいか。
解決法、おわかりになる方、いらっしゃいますか。
923 名前： 920 投稿日： 01/11/04 02:40 ID:k0hIO+jV: すいません、自分が使っているんです…>921
924 名前： Name_Not_Found 投稿日： 01/11/04 02:41 ID:WKZ8tAYc: >>920
背景画像にせんと、body{margin-right:0;padding-right:0;}でどうや？
925 名前： 920 投稿日： 01/11/04 03:57 ID:k0hIO+jV: >924
ありがとうございます。
ＩＥだと920に書いたもの場合と同じ表示になり、
NN4.7では右端に寄りました（余白は残ったままですが）

このへんで満足したいとおもいます。
926 名前： Name_Not_Found 投稿日： 01/11/04 09:24 ID:OtLBjg/v: >>922
それは、おそらくrubyへのtext-decorationは取り除かれているが
emへのtext-decorationは有効なままだからだと思う。

このプロパティは継承を行わない。しかし当該ブロックの子孫部に当たるボックスは、すべて同じ装飾を施されるべきである
http://www.fan.gr.jp/~kaz/rec-css2/text.html#lining-striking-props

とあるので、子要素での下線解除は出来ないのではないか。
927 名前： Name_Not_Found 投稿日： 01/11/04 10:51 ID:gK5OJOi2: >>922
RUBYじゃなくてruby
928 名前： Name_Not_Found 投稿日： 01/11/04 11:53 ID:qR4G0uq7: >>927
まあstrict教の方ならxhtml1.1でないとルビは使用しないから小文字かもしれませんが、
IE5・NN6ともにDOCTYPE宣言に拘らず<RUBY>で認識してくれますからね。
やっとHTML4.01に対応してるブラウザが大半なのに、私はルビのためだけにxhtmlに移行する気はないなあ。
xhtmlにする利点って他に特に見当たらないし。
それに誤りを指摘するなら>>918のマークアップはもっと間違ってるところがある。
誤：<em class="bouten"><ruby><rb>傍点</rb><span class="noruby"><rt>ヽヽ</rt></span></ruby></em>
↓↓↓↓↓↓
正：<em class="bouten"><ruby><rb>傍点</rb><rt><span class="noruby">ヽヽ></span></rt></ruby></em>

<span>の位置に注意。RUBY要素はRB・RP・RT要素しか直接に包含できないはず。
929 名前： Name_Not_Found 投稿日： 01/11/04 11:59 ID:NSTEmi/2: www.seniornet.ne.jp
の角が丸くなってるヤツって、やっぱり画像でやるんですか？
画像をオフにしても見えるんだけど…
930 名前： Name_Not_Found 投稿日： 01/11/04 12:06 ID:9DuGr1WW: >>929

そう。画像オフにしても見えるのはキャッシュに残ってるからでしょう。
931 名前： Name_Not_Found 投稿日： 01/11/04 12:08 ID:qR4G0uq7: >>929
IEだと四角く見えます。N6/Mozillaの独自拡張-moz-border-radiusを使ってるんでしょ。
932 名前： 931 投稿日： 01/11/04 12:16 ID:qR4G0uq7: ごめん、四角く見えるってのは画像オフで。
あそこは-moz-border-radiusでなくて画像使ってるね。
933 名前： Name_Not_Found 投稿日： 01/11/04 12:19 ID:NSTEmi/2: ありがとうございます。
934 名前： Name_Not_Found 投稿日： 01/11/05 19:57 ID:Q1r2f6vf: blockquoteで行頭に　>　をつけたいのですが。
935 名前： Name_Not_Found 投稿日： 01/11/05 20:08 ID:VqwumuVx: >>934
<BLOCKQUOTE cite="URI">
<P>…………</P>
<P>…………</P>
</BLOCKQUOTE>

みたいなHTMLなら

BLOCKQUOTE > P:before { content: "> " }

とか。
936 名前： Name_Not_Found 投稿日： 01/11/05 20:22 ID:Q1r2f6vf: >>945
IE5.01で試してみたのですが、変わりませんでした。

BLOCKQUOTE > P:before { content: "> " }
を、style要素内に追加すればいいのですよね？
937 名前： Name_Not_Found 投稿日： 01/11/05 20:35 ID:iJJwFpgR: >>936
:before も :afterも、今のとこちゃんと対応してるのはN6/mozillaだけ。
IEではいくら頑張っても無理。無理。無理。
「>」の画像を作って、background-imageとpaddingやtext-indentを組み合わせて
誤魔化すくらいしかIEで実現する方法は思いつかない。
938 名前： Name_Not_Found 投稿日： 01/11/05 20:39 ID:Q1r2f6vf: >>937
そうですか…どうもありがとうございます。
939 名前： Name_Not_Found 投稿日： 01/11/05 20:49 ID:MvPSMHUC: ＆gt; 　　( > )
じゃダメなの？(＆は半角で)
940 名前： Name_Not_Found 投稿日： 01/11/05 21:24 ID:Lz4BODEd: そーゆー問題じゃないと思う。
941 名前：投稿日： 01/11/05 23:03 ID:SoUMQwZe: >934
blockquote 内の p を display: list-item にしてそれに list-marker 指定したらどうかな？
試してないけど．
942 名前： Name_Not_Found 投稿日： 01/11/05 23:22 ID:9mjO0hvT: >>941
CSSでは無理がある。display: list-item対応はIEでは6.0以降のみ。
　cf.http://www.inter-cool.net/~phantasm/wdzone/note/visuren/index.html
WinIEでq要素の前後に「」を表示させるJavaScriptがあるから、
cf.http://www.remus.dti.ne.jp/~a-satomi/common/script/head.js
JSでならBlockquote内の<p>の先頭に>を挿入することもできるのではないか。
943 名前： 941 投稿日： 01/11/05 23:29 ID:SoUMQwZe: >942
むー，本当だ．だめなのか．教えてくれてありがと．
944 名前： Name_Not_Found 投稿日： 01/11/06 15:01 ID:gWvRit5I: cssなんか無理して使っても、環境によってボロボロだし、
結局はtableレイアウトなら大抵のブラウザで意図したように読めるし、
htmlの正しさなんて言われてもねえ。
悪いのはユーザー(製作者・閲覧者）ではなくメーカーやw3cなんだから、
そこらへんが整備されない限りユーザーにhtmlの正しさを説いてもダメだね
webの真の普及なんか遠い。もうどこみまわしてもtableだし。

HTML 4.01 Transnational + Table レイアウト　がベストって事・
945 名前： Name_Not_Found 投稿日： 01/11/06 15:07 ID:HWvl0mbo: ここに縦横１００ピクセルの正方形の画像があります。
で、これをこんな風に配置します。

<div style="border:red solid 2px">
<img src="image.jpg" alt="イメージ" width="100" height="100" style="margin-top:-50px"><br>
こんな感じで配置。
</div>

すると、NN6.1では div のボーダーをまたぐように画像が表示されま
すが、IE6では画像の上半分が切れてしまいます。
スタイルシートの解釈として正しいのはどちら何でしょうか？
946 名前： Name_Not_Found 投稿日： 01/11/06 15:51 ID:Yuw/U4yx: >>944
哀れだなあ、スタイルシートをテーブルレイアウトの代用としか見られないのは。
きっと行間の詰まった読みにくいサイトを作ってるんだろな。
>>945
IE5.5とNN6.2では双方ともdivのborder-topをまたがって画像が表示されましたが？
947 名前： Name_Not_Found 投稿日： 01/11/06 16:12 ID:1eDtBfUF: .base{ position:relative; z-index:1; border:1px solid red; width:400px; height:200px;}
.float{ position:absolute; z-index:2; left:20px; top:-40px;
　　　　border:1px solid blue; width:100px; height:80px;}

↑こんなカンジで、

<DIV CLASS="base">
<DIV CLASS="float">文字列</DIV>
</DIV>

↑こうすると、ネスケ6.xではfloatの上半分が切れちゃう。
IE4以降だと問題ない。z-indexでfloatの方が上に来てるから
ネスケで上が切れるのはバグのような気もするんだけど、どうでしょ？
948 名前： ９４５ 投稿日： 01/11/06 16:21 ID:HWvl0mbo: >946
> IE5.5とNN6.2では双方ともdivのborder-topをまたがって画像が表示されましたが？
ガ━━(ﾟдﾟ;)━━ン!
IE6固有の問題？
949 名前： Name_Not_Found 投稿日： 01/11/06 16:29 ID:xV8dY3rc: >>947
確かに、NN6.2で上が切れる。
しかし実験してみたら更に妙なことが。組合せは以下四通り。
1.　.base=relative／.float=absolute
2.　.base=relative／.float=relative
3.　.base=absolute／.float=relative
4.　.base=absolute／.float=absolute
このうち2～4ではNN6.2でも問題無し。
しかも妙なのは、2～4を試したあと記述を1に戻したら、
なぜか上が切れる症状が再現しなくなった。
明らかに変だ。やっぱバグでしょ。
950 名前： 949 投稿日： 01/11/06 16:35 ID:xV8dY3rc: >>949に追記。
1～4いづれの場合も、新規に窓を開くとdiv.floatの上が切れて表示される。
同じ窓で再読込（更新）で表示させると、問題は現れない。バグですね。
951 名前： 947 投稿日： 01/11/06 16:55 ID:1eDtBfUF: >>949-950
ども。自分もちょい試してみたんですが、
>>949の1の状態（＝>>947で自分が書いた物）だと
画面をスクロールするたびに消えたり現れたりする事があるみたい。
なんにせよ、不安定なんで他の方法で代用します。ありがとうございました。
952 名前： Name_Not_Found 投稿日： 01/11/06 18:33 ID:3U4uXjKZ: >>944
Transitionalなどと言わずに、DTD宣言無しのHTMLもどきでも使ってな（藁
そうすりゃTableだの物理要素だの文句言わないでおいてやる。
953 名前： Name_Not_Found 投稿日： 01/11/06 19:22 ID:zKeCGs16: Yahoo!を見てみろ、未だにHTML3.2を使ってるぞ。
別に遅れてるわけじゃなくて意図的に3.2を使い続けてる。(と何かで読んだ)
そういう選択肢もアリだと思う。

Tableレイアウトがベストとは言わないが、
＞悪いのはユーザー(製作者・閲覧者）ではなくメーカーやw3cなんだから、
＞そこらへんが整備されない限りユーザーにhtmlの正しさを説いてもダメだね
これは正論だと思うよ。
954 名前： Name_Not_Found 投稿日： 01/11/06 20:21 ID:bUC3L4H8: 厳密に言えば、HTML 3.2は日本語使えない仕様なんだが……まぁ、今更言ってもしょうがないけど。
955 名前： ご参考まで 投稿日： 01/11/06 20:55 ID:qftEYrKp: 1000も近いので、そろそろ新スレッドに移りませんか。
http://pc.2ch.net/test/read.cgi/hp/1005047493/
956 名前：調布投稿日： 01/11/10 21:43 ID:yVsORwUh: 縦に長いＴＡＢＬＥを印刷したら、改頁の時にセルが分断されました。
そこで、１０行毎に <TABLE>･･･</TABLE> とやって、
スタイルシートの印刷時の改ページの指定を
TABLE {page-break-after:always;}
とやったら、紙１ページにＴＡＢＬＥ１０行分となって具合が良いのでが、
ブラウザーＩＥ５．５で見ると、ＴＡＢＬＥ１０行毎に、ワケメができて
カッコ悪いです。ブラウザーで見た時にＴＡＢＬＥをすっきりつなげるには
どんな手段があるでしょうか？
957 名前： Name_Not_Found 投稿日： 01/11/10 22:15 ID:tJipzFLC: >>956
ご質問は新スレッドでどうぞ。
http://pc.2ch.net/test/read.cgi/hp/1005047493/
958 名前： １００ 投稿日： 01/12/02 01:36 ID:QrDM7CEN: <span onmouseover="this.style.background='#ff3399';" onmouseout="this.style.background='';">トップページへ</span>
これを全体に効果がでるってことにはどうすればいいですか？
959 名前： Name_Not_Found 投稿日： 01/12/02 01:54 ID:EJ8vcmn0: >>958
マルチポスト&旧スレage氏ね。

って>>960が言ってた。
960 名前： 960 投稿日： 01/12/02 07:48 ID:1kb4cN9p: >>958
マルチポスト&旧スレage氏ね。

>>959
何か?
961 名前： Name_Not_Found 投稿日： 01/12/02 08:36 ID:6ygzpjEr: ご質問は新スレッドでどうぞ。
http://pc.2ch.net/test/read.cgi/hp/1005047493/
http://pc.2ch.net/test/read.cgi/hp/1005047493/
http://pc.2ch.net/test/read.cgi/hp/1005047493/
http://pc.2ch.net/test/read.cgi/hp/1005047493/
さっさと移行しなさい！
962 名前： Name_Not_Found 投稿日： 01/12/06 22:18 ID:aH87sRxF: Mac_NN6
外部スタイルシートで
body {background:#ff3300;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:none;}
.j9, .j10. .12 {font-family:Osaka, ＭＳＰゴシック, MS UI Gothic, sans-
serif;}

はスタイルを読むけど、

.j9, .j10. .12 {font-family:Osaka, ＭＳＰゴシック, MS UI Gothic, sans-
serif;}
body {background:#ff3300;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:none;}

（つまりクラスの指定が先の場合）はダメってのは
そういう仕様？それともなんか間違ってます？
だれかおしえてくさい。
963 名前： Name_Not_Found 投稿日： 01/12/06 22:20 ID:CWwvzI4u: >>962
すぐ上の>>961も読めないのですか？
964 名前： Name_Not_Found 投稿日： 01/12/07 00:55 ID:V54p3vid: なるほど。全く見てなかった。
移行します。
965 名前： Name_Not_Found 投稿日： 01/12/07 00:56 ID:2Cy2v0ZI: >>964
だから、旧スレをアゲるなって。
sageにしなさいよ。
966 名前： Name_Not_Found 投稿日： 01/12/07 16:43 ID:p6GrFw/o: ご質問は新スレッドでどうぞ。
http://pc.2ch.net/test/read.cgi/hp/1005047493/
http://pc.2ch.net/test/read.cgi/hp/1005047493/
http://pc.2ch.net/test/read.cgi/hp/1005047493/
http://pc.2ch.net/test/read.cgi/hp/1005047493/
http://pc.2ch.net/test/read.cgi/hp/1005047493/
http://pc.2ch.net/test/read.cgi/hp/1005047493/
さっさと移行しなさい !!
絶対にsageでね。
967 名前： Name_Not_Found 投稿日： 01/12/08 06:36 ID:Yx5TD+pJ: NN4.7で別ファイルのCSSの読み込みが反映されないんだけどなぜ？
前は反映されてたんだけど。

ブラウザごとにサポート状況が違うCSSを使うより
HTMLで表示をコントロールさせた方がいいのかな。
968 名前： Name_Not_Found 投稿日： 01/12/08 06:50 ID:bukikh0F: >>967

>>966を見よ
969 名前： Name_Not_Found 投稿日： 01/12/08 12:09 ID:aalkODrC: >>968
>>967はネタだろ？でもUzeeeeeeeeeeeeeeeeeeeeee!!!
みなさん、新スレで書きこみなさい。
新スレのURIは>>970
970 名前： Name_Not_Found 投稿日： 01/12/08 12:09 ID:aalkODrC: ご質問は新スレッドでどうぞ。
http://pc.2ch.net/test/read.cgi/hp/1005047493/
http://pc.2ch.net/test/read.cgi/hp/1005047493/
http://pc.2ch.net/test/read.cgi/hp/1005047493/
http://pc.2ch.net/test/read.cgi/hp/1005047493/
http://pc.2ch.net/test/read.cgi/hp/1005047493/
http://pc.2ch.net/test/read.cgi/hp/1005047493/
http://pc.2ch.net/test/read.cgi/hp/1005047493/
http://pc.2ch.net/test/read.cgi/hp/1005047493/
さっさと移行しなさい !!
さっさと移行しなさい !!
さっさと移行しなさい !!
絶対にsageでね。
971 名前： jk 投稿日： 01/12/28 21:05 ID:2aCX3U1+: 複数行テキストボックスのscrollbarをcssで削除したいですけど（IE６.０で）、その方法を知ってる方がいらっしゃいれば、教えてくださいませんか。
972 名前： Name_Not_Found 投稿日： 01/12/28 21:11 ID:o1R1pmx4: >>971
一個上の注意も読めない人間には回答しても無駄って気がしますね。
973 名前： Name_Not_Found 投稿日： 01/12/28 21:15 ID:g0BDTmJQ: まぁ>>972は知らないんだけどね、答えを
974 名前： Name_Not_Found 投稿日： 01/12/28 21:45 ID:bkloiKlW: ｽｹﾞｰﾜﾗﾀ
975 名前： Name_Not_Found 投稿日： 01/12/30 22:31 ID:XxGcZioI: カーソルをCSSで、<body>等のところはcrosshairで、
<A>の上だけはe-resizeになるように設定しています。
そこでユーザーサイドクリッカブルマップを使っているのですが、
その上のクリックできる部分でもカーソルを変えたいと思い、
<area ～（省略）～ style="cursor:e-resize;">としたのですが、
カーソルは変わらずcrosshairのままです。
念のためと思い、<map>にも同じ指定をしたのですが変わりません。
カーソルがデフォルトのままなら、普通に手の形になるのに…。
すみませんどなたかアドバイスをいただけませんか？
試したブラウザはＩＥ5.5とＮＮ6.2とＮＮ4.73とOpera6.0です。

クリックできるところで
976 名前： Name_Not_Found 投稿日： 01/12/30 23:09 ID:809ZojnI: もうやめれ。
977 名前： Name_Not_Found 投稿日： 01/12/30 23:15 ID:ss1AoSKI: ＞975
マルチUzeeeeeeeeeeee!!!!
978 名前： Name_Not_Found 投稿日： 02/01/06 21:15 ID:I1r2pFSQ: スクロールしても動かない背景ってできますよね。
それみたいにスクロールしても動かない文字ってできますか？
979 名前： Name_Not_Found 投稿日： 02/01/06 21:20 ID:QNVXCapT: >>978
可及的速やかに新スレへ移行してください
http://pc.2ch.net/test/read.cgi/hp/1005047493/
980 名前： Name_Not_Found 投稿日： 02/01/06 22:02 ID:cUA6CQE6: >>788
div {position:absolute;right:0;top:0;z-index:1;}
981 名前： Name_Not_Found 投稿日： 02/01/06 22:06 ID:cUA6CQE6: はわ、スレ間違えた。
ｶｺﾜﾙｲ(´д｀)
982 名前： Name_Not_Found 投稿日： 02/01/06 22:14 ID:yhEKHhs1: 萌え～

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