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

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

　.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 投稿日： 01/11/06 20:51 ID:qftEYrKp: Cascading Style Sheetsの事で尋ねたいことがあったらこちらへどうぞ。
>>2も参考に。
【過去ログ】
　http://mentai.2ch.net/hp/kako/974/974934062.html
　http://natto.2ch.net/hp/kako/984/984113434.html
　http://natto.2ch.net/hp/kako/992/992992981.html
　http://pc.2ch.net/test/read.cgi/hp/996828258/

【CSSと特に関係ない初心者質問はこっちで】
・☆　Webサイト制作初心者用スレッドver12　☆
　http://pc.2ch.net/test/read.cgi/hp/1005035374/

【関連スレ】
・CSS/DHTMLバグ辞典スレッド ver2.0
　http://pc.2ch.net/test/read.cgi/hp/991666454/
・/*CSSでイケてるデザインサイト { number:2 }*/
　http://pc.2ch.net/test/read.cgi/hp/998894057/
・* CSS { イケてるスタイルを："作れ";}
　http://pc.2ch.net/test/read.cgi/hp/991906104/
・代替スタイルシートに萌え～
　http://pc.2ch.net/test/read.cgi/hp/991400015/
・CSSコミュニティの功罪を評価するスレ　その２
　http://pc.2ch.net/test/read.cgi/hp/1003378794/
2 名前： ご参考まで 投稿日： 01/11/06 20:52 ID:qftEYrKp: 【仕様書】
・CSS1の仕様書の原文(英語)
　http://www.w3.org/TR/REC-CSS1-961217.html
・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
・K@tsukun's PAGE! > CSS Reference
　http://hp.vector.co.jp/authors/VA022006/css/index.html
・三日坊主＋＋の部屋
　http://east.portland.ne.jp/~sigekazu/
・CSS Laboratory対応表・一覧
　http://www.inter-cool.net/~phantasm/wdzone/note/index.html
3 名前： Name_Not_Found 投稿日： 01/11/06 23:10 ID:bUC3L4H8: おぉ、もう五代目なのね。新スレおめでとうございます。

CSSがもう少し普及してくれれば（と言うか実装がいけないんだけど）、
authorも大分楽になるのになぁ……って、その時はもう新しい仕様が出てるか……鬱。
4 名前：仮死投稿日： 01/11/07 02:30 ID:TDxZUDmC: スレ立てｻﾝｸｽ
5 名前： Name_Not_Found 投稿日： 01/11/07 09:47 ID:wdjsf67A: しっつも～んっす
リストを横に並べる方法を教えてたもれ
6 名前： Name_Not_Found 投稿日： 01/11/07 10:23 ID:ufjNxgEB: li { display:inline }

これかな？
7 名前： Name_Not_Found 投稿日： 01/11/07 19:11 ID:gnsN5y2y: >>6
お～～thx!
ｱﾘｶﾞﾀﾔｱﾘｶﾞﾀﾔ
8 名前： Name_Not_Found 投稿日： 01/11/07 20:47 ID:Y6XObqwU: 行間や文字と文字の幅って単位どれを指定すればよいのですか？
ポイントとかピクセルとかパーセントとかありますけど
9 名前： Name_Not_Found 投稿日： 01/11/07 20:57 ID:gnsN5y2y: ワシはemにしとるよ
10 名前： Name_Not_Found 投稿日： 01/11/07 22:06 ID:wagdf2cZ: 漏れもem。でも、%のほうがいいという噂
11 名前： Name_Not_Found 投稿日： 01/11/07 22:38 ID:32SaoEjG: 自分は %。日記や小説などの長文（日記が長いんだ俺）は 150%。
ちなみに IEのデフォルトがだいたい 120%、ネスケ4.xが 100%相当。らしい。
12 名前： Name_Not_Found 投稿日： 01/11/07 22:38 ID:32SaoEjG: ↑あ、行間ね。
13 名前： 8 投稿日： 01/11/07 23:20 ID:vYpB0Oct: 有難うございます。
文字間の幅は皆さんどれくらいとってますか？
14 名前： 8 投稿日： 01/11/07 23:28 ID:vYpB0Oct: 文字間の幅はとると見にくくなるものなのですか？
15 名前： Name_Not_Found 投稿日： 01/11/07 23:38 ID:GtW/0e6j: letter-spacing は IE がバグ持ってたはず。どんなんだっけ。
16 名前： name{ not:found} 投稿日： 01/11/08 00:47 ID:n0AOcnbu: 画像の周りに1ピクセルの枠をつけるのに、
img {border:1px solid #000000}
だとNN4.xでは対応してくれません。なんとかCSSで切り抜けたいのですが、
どうにかならないものですかこれ？
17 名前： Name_Not_Found 投稿日： 01/11/08 06:25 ID:voGAtLzG: >>16
一括指定ではなく、boeder-lett/-right/top/bottomでバラバラに指定しよう
18 名前： Name_Not_Found 投稿日： 01/11/08 06:28 ID:unaHdYI0: >>16
N4はクソだからな…
確かダメなんじゃなかったかな?
俺も画像リンクに枠がつくのを無しにしたくて
a img { border: none; }
とかやったけどN4は無視してくれた記憶がある。

>>8
俺は文字間隔は特に指定してない。
もし指定するとしたら em を使うと思う。
行間は140%程度にしてるかな。
19 名前： Name_Not_Found 投稿日： 01/11/08 07:07 ID:pSyNWMBp: >>18

A IMG {
　border:0px none;
　color:#ffffff;/*NN4はborder:0px none;だけだと画像リンクの枠線が消せないので*/
}
20 名前： Name_Not_Found 投稿日： 01/11/08 07:12 ID:pSyNWMBp: >>15
letter-spacingがバグるのはMacIEだけ。WinIEは大丈夫。
21 名前： まかー 投稿日： 01/11/08 10:56 ID:pYRbEcdQ: >>20
そりゃtex-align:justifyじゃねーの？
22 名前： まかー 投稿日： 01/11/08 11:00 ID:pYRbEcdQ: あうー、ｺﾞﾒﾝzspcで調べたらおかしかった。
23 名前： Name_Not_Found 投稿日： 01/11/08 16:09 ID:5IhISpav: >>20-22
「自分の文書を「可哀想なマカーにも快適に読ませてあげよう」という、愛に満ちた方おられましたら、@media screen{}にでも収めて」とのこと。
http://www.remus.dti.ne.jp/~a-satomi/nikki/2001_06a.html#day03num01
24 名前： Name_Not_Found 投稿日： 01/11/09 14:48 ID:WZGK6zQz: HTML文書から、呼び出すスタイルシートのレベルを明示的に指定する方法ってあるんでしょうか。
link rel="stylesheet" type="txt/css"
だと、CSS1かCSS2かの区別ってないですよね。

CSS1はCSS2のサブセットになっているから、必要ないといえば必要ないのかもしれませんが。
25 名前： Name_Not_Found 投稿日： 01/11/09 14:51 ID:SyoDdTC9: >>24
＞HTML文書から、呼び出すスタイルシートのレベルを明示的に指定する
なんでそんなことしたいと思ったの？
26 名前： Name_Not_Found 投稿日： 01/11/09 15:38 ID:ZT5rYYOa: ブラウザの実相状況に合わせたいと思われ。
<script language="JavaScript1.x">の感覚では。
27 名前： Name_Not_Found 投稿日： 01/11/09 15:52 ID:SyoDdTC9: CSS1だけＯＫでCSS2はダメ――みたいにきっちりわかれてるブラウザなんてあるの？
ブラウザの実装に合せて振り分けするなら、別の方法があるし。
　http://east.portland.ne.jp/~sigekazu/css/boxm.htm
28 名前： Name_Not_Found 投稿日： 01/11/09 16:06 ID:W9SwMvHr: >>24
関係ないけど、CSSのContent-Typeはtext/cssだと思われ。
29 名前： 24 投稿日： 01/11/09 16:08 ID:WZGK6zQz: ＞＞HTML文書から、呼び出すスタイルシートのレベルを明示的に指定する
＞なんでそんなことしたいと思ったの？

自分が書いているところでCSS1しか使っていない（というか知識がなくて使えない）ので、
そこらへんをきっちり書けたらちょっといいかな、と思ったのです。

わざわざ自分の無知無能を晒すこともないスね。
逝きます。
30 名前： Name_Not_Found 投稿日： 01/11/09 16:31 ID:Dm1WWMT9: >>29
割とよく使用されるA:hoverもCSS2ですよ。使ってないんですか？
31 名前：投稿日： 01/11/09 17:35 ID:HbeHohjV: 行高
line-heightは1.5か1.75がよい
日本語にはね。
32 名前： Name_Not_Found 投稿日： 01/11/10 06:46 ID:AM0+n4hD: シツモンなんですけども、tableじゃなくスタイルシートでレイアウトするメリットというのはいったいなんなんでしょう。。
33 名前： Name_Not_Found 投稿日： 01/11/10 07:06 ID:oms6jngk: >>32
・文書構造と見栄えの分離。
・ほかに閲覧機器の種類によって表示を変えることも可能。（ディスプレイ表示用と印刷用でスタイル変えるとか）
・スタイルシートに未対応の古い環境でも正常に表示できる。
34 名前： Name_Not_Found 投稿日： 01/11/10 09:48 ID:wpMYZ2oz: ガイシュツだったらごめんなさい。
IE6ってスクロールバー関連のCSSに対応していないんですか？
5.5の時はちゃんと出てたんですが…。
独自CSSはやっぱり消える運命なんですかね…。
35 名前： Name_Not_Found 投稿日： 01/11/10 10:18 ID:7Tsuvkfx: >>34
IE6使っている人に聞いたけど、対応しているって話ですよ。
私はまだIE5.01なので確認できませんが。
36 名前： Name_Not_Found 投稿日： 01/11/10 11:58 ID:sMfTtZsw: >>34
bodyでなくhtmlに指定すべし。
37 名前： Name_Not_Found 投稿日： 01/11/10 12:00 ID:B4nDVf7I: >>32

たとえば、CSSでイケてるデザインスレにageられているようなところのいくつかには
スタイル選択スクリプトなんてのが仕掛けられていて、デザインを何種類かから選べたり
するんだが、そういうのをクライアント側だけで対応するなんて、CSSでないと無理。

それは>>33氏がいう「文書構造と見栄えの分離。」の応用事例。

まあ、複数のCSSファイルを用意するような凝ったことをしないまでも、外部CSSファイル
の数字をちょいちょいと書き換えて、サイト全体の見た目を簡単に変えられるこの快感
を一度覚えてしまうと、TABLEレイアウトなんてやってられんし、そういう経験を踏まないと
なかなかわかってもらえんかも。
38 名前： Name_Not_Found 投稿日： 01/11/10 13:20 ID:ruqcb/eJ: >>32
スタイルシートはテーブル・レイアウトの代用だけのためのものではなく、
もっと表示スタイル全般に関して色々できる可能性のあるものですよ。
まあご存知の上でテーブル・レイアウトとだけ比較したいのだったらいいんですが。
39 名前： 32 投稿日： 01/11/10 14:16 ID:fWo2YqWu: >>33
>>37
>>38
解説有り難うｺﾞｻﾞｲﾏｽ
CSSイケてるスレできれいなサイトのソースを見てびっくりです。
dt？dd？暗号？でtableみたいなレイアウトが出来てる！って。
＞スタイル選択スクリプトなんてのが仕掛けられていて、デザインを何種類かから選べたりする
みたいなのはいきなり無理でしょうが、tableのレイアウトをcssで表現してみようかと思います。
htmlについての知識も古いので（HTML3.0）一から勉強してきます。
有り難うございました！
40 名前： Name_Not_Found 投稿日： 01/11/10 16:31 ID:evNrlZDn: HTML3.0 !!

そりゃ勉強したほうが良いよ…。
41 名前： Name_Not_Found 投稿日： 01/11/10 22:23 ID:g3O03Rra: >>39
3.2じゃなくて3.0ってあたりが漢だねぇ…
42 名前： Name_Not_Found 投稿日： 01/11/10 22:30 ID:cvWtKdrs: ＞dt？dd？暗号？でtableみたいなレイアウトが出来てる！

って、テーブルレイアウトばっかやってた頃の私と全く一緒だ。（笑）
え？<div>でやってんの？出来るのか？そうなのか？とか
<ul><li>なのになんでそんな事してんの！？オレもやりて～！！みたいな。
なつかしい・・。
43 名前： Name_Not_Found 投稿日： 01/11/10 23:16 ID:m4e5mhhl: >>42

漏れもそんな感じ。
もう何年も前ですが、自分より詳しそうな人のソースを見ると、自分と全く違う
タグ使いで、そのあたりから興味を持ちだしました。
好奇心は大事です。
44 名前： Name_Not_Found 投稿日： 01/11/10 23:20 ID:BxafCuFe: >>39
まず3.0ってのが問題ありだな。
その知識はどこで仕入れたんだい？
本？だったらその本は今すぐに捨てることをお勧めする。
45 名前： 44 投稿日： 01/11/10 23:24 ID:BxafCuFe: 僕の場合、HTMLを最初に習ったときに、いいHTMLの書き方を習ってたらしく、それをそのままひきずってたんで結構良かったとおもう。
46 名前： オカダ 投稿日： 01/11/11 01:57 ID:9TQLeGFi: position:fixed;
……対応してないブラウザがけっこう多いので、
http://hp-design.net/dhtml/sample-menuelevatenavi.html
↑のダイナミックHTMLサンプルを使ってました。
ところがIE6標準モードでは、これが動かないのです。
IE6の標準モードで、position:fixed; と同等の効果を
出せる方法はないものでしょうか？
対応ブラウザはIE6の標準モードに限定でよいのですが……。
47 名前： こんなページがあったよ。 投稿日： 01/11/11 05:48 ID:l/thuOpR: 「 IE6 と IE5.5 の互換性について」
http://hp-design.net/announce/ie6_ie55.html
48 名前： Name_Not_Found 投稿日： 01/11/11 12:36 ID:CK+yJWZM: >>46

固定したい部分をfixedするのでなく、それ以外の部分をoverflowさせる手がよく使われてる
ようですね。
49 名前： Name_Not_Found 投稿日： 01/11/11 12:47 ID:JqjS/LMb: >>48
なるほどそういう手が、と一瞬思ったが
それだと閲覧者がスクロールするのにPageUp/Downキーやカーソルキー、
ヘタするとホイールまで使えなくならない?
50 名前： オカダ 投稿日： 01/11/11 12:52 ID:5La0DDG4: >>47
ご指摘ありがとうございます。
私もそのページのことは知っていましたが、
将来的なことも考えて、標準ではない「互換モード」を
利用したくないと思っています。
margin:0px auto;
でセンタリングされないといった問題もありますので。

>>48
なるほど、固定したい部分以外をoverflowさせるのですね。
どうもありがとうございました。助かります。
51 名前： Name_Not_Found 投稿日： 01/11/11 13:03 ID:CK+yJWZM: >>50
http://www.cc-net.or.jp/~piro/
ここの"Flat"が実例でし。
52 名前： Name_Not_Found 投稿日： 01/11/11 15:26 ID:+Il47Wmd: >>50
overflowを用いた擬似フレーム
http://dfj.cool.ne.jp/html/overflow.html
http://pc.2ch.net/test/read.cgi/hp/991666454/118-129
53 名前： Name_Not_Found 投稿日： 01/11/11 16:55 ID:/bvcpGQH: <hr size="1" width="600" align="left">

このタグを同じ見栄えのまま、スタイルシートに置き換えて方法を教えて下さい。
どのスタイルシートに置き換えて良いのか、イマイチ分かりません。
対応ブラウザはIE5だけになっても構いません。
54 名前： Name_Not_Found 投稿日： 01/11/11 17:04 ID:rptySOIh: hr
{display:none;}
55 名前： Name_Not_Found 投稿日： 01/11/11 17:25 ID:FoGWIcuV: HR{heigh:1px; widyh:600px; float:left;}
56 名前： Name_Not_Found 投稿日： 01/11/11 17:25 ID:BwYaIF/O: hr
{
width:600px;
height:1px;
margin-left:0;
margin-right:auto;
text-align:left;
}
CSS対応ならこれぐらいで動くだろう。
57 名前： Name_Not_Found 投稿日： 01/11/11 18:03 ID:nfJwu7ZO: IE6ってbox-sizing対応してないんですか？
初期値は変わってるのに。
58 名前： 53 投稿日： 01/11/11 18:38 ID:/bvcpGQH: >>55
自分も、float:left を指定していましたが、これだとIEで
適用されないんです。

>>56
text-align:left を使うんですね。知りませんでした。

協力してくださってありがとうございました。感謝。
59 名前： Name_Not_Found 投稿日： 01/11/11 20:38 ID:SrnH+3/U: >>57
文書型宣言によって自動的にモードを切り替えますが、
box-sizingプロパティ自体には対応してません。

#CSS3が勧告になったら対応してくれるのかなぁ……って、いつのことやら（泣）。
60 名前： オカダ 投稿日： 01/11/11 20:49 ID:5La0DDG4: >>51
>>52
overflowを用いた擬似フレームについて、よくわかりました。
感謝してます。

>>49
たしかに擬似フレームですと、ページが表示された直後では
ホイールなどが効きません。けれども、スクロールさせたい
ボックスの内部を一回左クリックしますと、以降はOKでした。
61 名前： 57 投稿日： 01/11/12 00:26 ID:rd+QbC5g: >>59
レスどうもです。やはりですか。すると、

{
width: 100%;
padding: 1em;
-moz-box-sizing: border-box;
}

こういうケースでは、IE6だけ横バーが出るのを回避できないことになりますが、
これはどうしたら･･･。泣き寝入りでしょうか。
62 名前： Name_Not_Found 投稿日： 01/11/12 00:38 ID:fsUEPWRV: >>61
XHTMLにすればIE6でも互換モードになるから大丈夫。
63 名前： Name_Not_Found 投稿日： 01/11/12 00:40 ID:RAvGcurV: >>61
overflow-x:hidden;
overflow-y:auto;
を追加すればいいと思われ。
64 名前：白夜投稿日： 01/11/12 00:40 ID:l7oQBdIs: 質問です。
画面をスクロールさせても文字が追従してくるのって
スタイルシートで出来るんでしょうか？

例えば画面右上にトップに戻るリンクがあるとして
画面を１番したまでスクロールさせても
ちゃんと右上にトップへのリンクが表示されてるようなものです。

よろしくお願いします。
65 名前： 57 投稿日： 01/11/12 01:48 ID:rd+QbC5g: >>62-63
ありがとうです。
＞XHTML
移行となると厄介ですが、
いよいよとなったらせざるを得ないかも知れないですです。。。

＞overflow-x
当面はそれで誤魔化そうと思います。

>>64
Moz, N6, MacIE5でなら可能です。（position: fixed;）
ただしWinIEがさっぱりなので、使わないのが無難です。

エスケープ文字を用いて、IEはabsolute、Mozはfixedにする方法があったような･･･。
これかな？
http://www.cc-net.or.jp/~piro/latest/2001/09.html
66 名前： Name_Not_Found 投稿日： 01/11/12 02:24 ID:ck3m+tUp: >>64
ここみたいなの？
http://www.inter-cool.net/~phantasm/wdzone/index.html
だったら、それがいま話題になってるoverflowによる擬似フレームです。
67 名前：調布投稿日： 01/11/12 02:38 ID:M2qEUUtY: 間違えてスレッド４の方に質問してしまいました、あらためて････

縦に長いＴＡＢＬＥを印刷したら、改頁の時にセルが分断されました。
そこで、１０行毎に <TABLE>･･･</TABLE> とやって、
スタイルシートの印刷時の改ページの指定を
TABLE {page-break-after:always;}
とやったら、紙１ページにＴＡＢＬＥ１０行分となって具合が良いのでが、
ブラウザーＩＥ５．５で見ると、ＴＡＢＬＥ１０行毎に、ワケメができて
カッコ悪いです。ブラウザーで見た時にＴＡＢＬＥをすっきりつなげるには
どんな手段があるでしょうか？
68 名前： Name_Not_Found 投稿日： 01/11/12 03:35 ID:ck3m+tUp: 10行づつのtableを作るのはムダな手間です。一つの大きなテーブルで十分。
.printarea {page-break-after:always;}
とでもして、
その表の10行ごと、つまり10箇目のTR要素ごとに
<TR class="printarea">とclass指定を振ってはいかが。
69 名前：かん投稿日： 01/11/12 07:55 ID:rvAgDCiT: すいません…
tableの中にtable入れた文字がcssの影響を受けないんですけど…
どうしたらいいでしょうか？
70 名前： yuu ◆xo3ilszg 投稿日： 01/11/12 08:50 ID:94/SBoem: >>69
tdにもスタイルつけたらいいんじゃない?
td td とか。
71 名前： Name_Not_Found 投稿日： 01/11/12 09:28 ID:vxLkEX4S: >>65
WinIE に position: fixed; を使うと、効かないこと以外に何かあるんですか？
72 名前： Name_Not_Found 投稿日： 01/11/12 14:50 ID:xCU/QjX1: >>69
もしかしてネスケ４の話ですか。
あれはダメです。Cascading Style Sheetの解釈がバグだらけです。
バグらないものだけにすると、NC4.xにはごく簡単なスタイルしか適用させられません。
どうしてもネスケ４でってことなら、JavaScript Style Sheetでやるしかないかも。
73 名前：　投稿日： 01/11/12 16:30 ID:bwByNHEs: >>67
table　に margin を指定するとか（できたっけ？）
>>68
確かに無駄だね。
まぁ、替わりにtableの中身が大きすぎると画面で表示が遅くなるけどさ。
74 名前： Name_Not_Found 投稿日： 01/11/12 18:25 ID:CI1CCkMK: イメージに色付の枠線を表示させたいのですが、
{ border-style:soid; border-color:#ｆｆｆｆｆｆ; }
でいいんでしょうか？？
ぜんぜん表示されないんですが、もしかして激しく間違ってるんでしょおか。
75 名前： Name_Not_Found 投稿日： 01/11/12 18:42 ID:HjO/TVsq: >>74

soid→solid
76 名前：白夜投稿日： 01/11/12 18:52 ID:b9vETjRh: ＞65
うーん、WinIEじゃ、ダメなんですか。
ありがとうございます。

＞66
そう！こんな感じです！
overflowですか！ありがとうございます。
早速、やってみます！
77 名前： 74 投稿日： 01/11/12 19:10 ID:tps0pmT4: >>75
ありがとうございました。
スペル間違ってただけッスね。恥ずかし～。
78 名前： Name_Not_Found 投稿日： 01/11/12 19:33 ID:oZVaay7p: img{display:none}にしても画像はDLされちゃうのでしょうか？
79 名前： Name_Not_Found 投稿日： 01/11/12 20:04 ID:gI7mQWTZ: どうやらWindows版IEの5.01以降だと
日本語フォントは10pt以下にならないような気がするんですが
実際のところどうなっているんですか？
80 名前： Name_Not_Found 投稿日： 01/11/12 20:40 ID:Qf3SM3G6: >>78
される
81 名前：調布投稿日： 01/11/12 21:15 ID:IHsWirg5: ＞６８
＞７３ありがとうございました。
<TR class="printarea">でうまく出来ました、
ただ、私の環境では、
<TR class=printarea>
としないと、ＩｎｔｅｒｎａｌＳｅｒｖｅｒＥｒｒｏｒ
と言う表示が出てしまいました、
スタイルシート辞典のＣＬＡＳＳのページにも ” ” を付けるようになっていた
のですが・・・・
あと私の感想ですが、印刷した時の１０行づつの区切れは、
<TABLE>･･･</TABLE> の方がスッキリしているようです。
今、marginとは何か調べているところです。
82 名前： Name_Not_Found 投稿日： 01/11/12 21:17 ID:oZVaay7p: >>80
ﾑﾑﾑ・・ありがとうございますた。

もう一つ質問してごめんなさい。

111
222
333
444
555
666

縦にずらーっと並んだ行を

111　333　555
222　444　666

みたいにしたいのですが、table使わないとﾀﾞﾒ？
どうみても表じゃない内容なので、できればcssを使って何とかしたいのです。
83 名前：白夜投稿日： 01/11/12 21:18 ID:b9vETjRh: すみません。
66さんに教えてもらった擬似フレームのやり方がいまいちわかりません。

以下にソース貼ります。

□HTML□
<DIV class="contents">
<SPAN>TOP</SPAN>
<A href="column.html">COLUMN</A>
<A href="bbs.html">BBS</A>
<A href="link.html">LINK</A>
<A href="mail.html">MAIL</A>
</DIV>

□CSS□
DIV.contents {
margin: 5px;
padding: 0px;
float: right;
}
DIV.contents A:link, DIV.contents A:visited {
margin: 0px 0px 0px 2px;
padding: 0px;
width: 100px; color: #000000;
font-size: 8pt; font-weight: bold;
text-align: center;
background-color: #cccccc;
border-style: solid;
border-color: #ffffff #666666 #666666 #ffffff;
border-width: 2px;
}
DIV.contents A:hover {
margin: 0px 0px 0px 2px;
padding: 0px;
width: 100px; color: #ffffff;
font-size: 8pt; font-weight: bold;
text-align: center;
background-color: #999999;
border-style: solid;
border-color: #666666 #cccccc #cccccc #666666;
border-width: 2px;
}
DIV.contents SPAN {
margin: 0px 0px 0px 2px;
padding: 0px;
width: 100px; color: #ffffff;
font-size: 8pt; font-weight: bold;
text-align: center;
background-color: #999999;
border-style: solid;
border-color: #666666 #cccccc #cccccc #666666;
border-width: 2px;
}

と、いう風になってます。

ドコにoverflowを指定するんでしょうか？
何度もすみません。お願いします。
84 名前： ちょこら 投稿日： 01/11/12 21:26 ID:Zwxh/9uS: >>83
どこをどう固定したいのか、
とかも書かないとわからないよ。
85 名前：白夜投稿日： 01/11/12 21:28 ID:b9vETjRh: ＞84
すみません。
DIVで囲んだトコ全て固定したいんです。
86 名前： Name_Not_Found 投稿日： 01/11/12 21:29 ID:BsF8WPuc: >>82

<div style="float: left">
111
222
</div>
<div style="float: left">
333
444
</div>
<div>
555
666
</div>

とか
87 名前：投稿日： 01/11/12 21:31 ID:cvHMxzRB: >86
お行儀よく width も指定してあげてね．
この場合 33% とか？
88 名前：白夜投稿日： 01/11/12 21:37 ID:b9vETjRh: 85の訂正
DIVで囲んだトコをページ右上に固定したいです。
よろしくお願いします。
89 名前： ちょこら 投稿日： 01/11/12 21:44 ID:Zwxh/9uS: <DIV class="contents">
<SPAN>TOP</SPAN>
<A href="column.html">COLUMN</A>
<A href="bbs.html">BBS</A>
<A href="link.html">LINK</A>
<A href="mail.html">MAIL</A>
</DIV>

これ以外に
<div class="main">

</div>

というのを作っておいて、

body {
overflow: hidden;
}

.main {
width: 100%;
height: 100%;
overflow: auto;
}

.contents {
position: absolute;
top: 1em;
right: 1em;
/*位置は適当にね*/
}

これでいいんじゃないかな。
間違ってたら誰か訂正お願いします。
90 名前： ちょこら 投稿日： 01/11/12 21:44 ID:Zwxh/9uS: >>89は>>85,>>88
でした。
91 名前： ちょこら 投稿日： 01/11/12 21:49 ID:Zwxh/9uS: >>89
忘れてた。

body のスタイル指定に
margin: 0;
を追加してください。
92 名前：白夜投稿日： 01/11/12 22:02 ID:b9vETjRh: ちょこらさん！出来ました！
親切に教えていただきありがとうございます！
93 名前： Name_Not_Found 投稿日： 01/11/12 23:39 ID:UJ84oqOB: >>81
table {margin-top: 0; margin-bottom: 0;}
で、テーブルの上下の余白（マージン）が無くなります。
94 名前： Name_Not_Found 投稿日： 01/11/13 02:58 ID:ygQgQPVc: >>79
俺の5.01では font-size:1pt; とかやるときちんと激しく小さい読めない字になるが。

>>81
＞ただ、私の環境では、 <TR class=printarea> としないと、
＞ＩｎｔｅｒｎａｌＳｅｒｖｅｒＥｒｒｏｒと言う表示が出てしまいました、
CGIで出力するときに " をエスケープしてないという初歩的なミスでは?
95 名前： 初心者 投稿日： 01/11/14 01:39 ID:ONFQTcP5: <STYLE type="text/css">

</STYLE>

NN4.5でみると、リンクの設定以外は認識してくれますが
IE6で見ると思いっきりシカトされてしまいます・・・・
どう書いたら認識してもらえるでしょうか
96 名前： Name_Not_Found 投稿日： 01/11/14 01:57 ID:HSh+XG8c: 質問はあげれ。
97 名前：投稿日： 01/11/14 01:58 ID:wVDsvK8m: >95
どうなることを期待して，どうならないのかを書かないことには，
誰にもどうにもしようがないと思うのですが…．
関係ないとは思うけど，
・<head></head> 内に書いてる？
・<head></head>内でそれより前に <meta http-equiv="Content-Style-Type" content="text/css"> って書いてる？
98 名前： 初心者 投稿日： 01/11/14 02:07 ID:ONFQTcP5: >>97
＞<head></head> 内に書いてる？
＞<head></head>内でそれより前に <meta http-equiv="Content-Style-Type" content="text/css"> って書いてる？
はい。

何がしたいのかというとリンク部分の色を指定し、
また、リンク部分の下線を表示させたくないんです
99 名前： 初心者 投稿日： 01/11/14 02:08 ID:ONFQTcP5: sageてしまいました・・・すみません
100 名前：投稿日： 01/11/14 02:19 ID:wVDsvK8m: >98
そのままコピー＆ペーストしたんだよね？
だとしたら BODY の閉じカッコ } が全角なのが原因．
101 名前： 初心者 投稿日： 01/11/14 02:26 ID:ONFQTcP5: >>100
うわ、、、致命的なミス（ｗ
ご指摘ありがとうございます。

でも何故か下線は消えないのですが・・・
102 名前：投稿日： 01/11/14 02:30 ID:w877rQwV: >95

A:link { color: #666666 ; text-decoration: none ;}
A:visited { color: #666666 ; text-decoration: none ;}
A:active { color: #666666 ; text-decoration: none ;}
A:hover { color: #333333 ; text-decoration: none ;}

なんでこうなるのかは知らん
103 名前： 初心者 投稿日： 01/11/14 02:35 ID:ONFQTcP5: >>102
ありがとうございます。できました！

>>95のやつは本で調べた通りにやったんですがね・・・・
104 名前：投稿日： 01/11/14 02:51 ID:wVDsvK8m: >103
まだ見てるかな…少なくともうちの IE6 じゃちゃんと消えるんだけど．
もちろん underline にすれば下線が出るし．インターネットオプションの「リンクの下線」の
ところもいろいろ変えてみたけど関係なさげ．

で，上手くいくようになれば a{text-decoration: none;} だけでいい．
上手くいかないうちは原因不明なので何とも言えないが．

しかし…もちろんわざとだろうが，来た人はリンクかそうじゃないかどうやって判断するのさ？
105 名前： Name_Not_Found 投稿日： 01/11/14 04:53 ID:8oTLdrCm: >>104
うちのIE5.5でも>>95のスタイル記述でちゃんと下線は消えました。
なんかシートかhead内に他によけいな指定を入れてるのでは？ >>103
106 名前：白夜投稿日： 01/11/14 07:11 ID:6TaUiexe: ＞103
漏れもIE5.5でa{text-decoration: none;} だけで桶だたよ
107 名前：　投稿日： 01/11/14 13:38 ID:UETipLgW: <DIV style="text-align:justify; text-justify:distribute-all-lines">
aiueo</DIV>
どうして均等割付はtext-justify:distribute-all-linesの部分も付けなきゃ
有効にならないんですか？
あと、「distribute-all-lines」の値を変えると何か変わりますか？
108 名前： 初心者 投稿日： 01/11/14 15:06 ID:kg9DOzkK: >>100さんに指摘された全角を半角に直したらちゃんと機能しました
（下線が表示されなかったのはフレームページ側のソースを直してなかったのが原因でしたｗ）
お騒がせしましたm(_ _)m

それとアクセシビリティーを考えて
<STYLE type="text/css">

</STYLE>
に変更しました
あえて下線を消してるページもありますが（＾＾；
109 名前： Name_Not_Found 投稿日： 01/11/14 19:29 ID:CxFZEIHq: >>107
text-justify:の他の値についてはここを見て。
　http://www.doraneko.org/misc/i18n-format/WD990127.html#a5
　http://east.portland.ne.jp/~sigekazu/css/international.htm
要は、英語だけでなく各言語での組版規則の慣例を考慮すると
justifyにも色々な種類があってよいって提案がされてる。
といっても草案段階だが、これをＩＥ５以降は独自拡張プロパティとして
先取り実装したわけです。したがってＩＥ以外では指定しても効き目無し。
またMacIEではtext-align:justify;で表示が変になることがあるので注意（>>23参照）。
110 名前： Name_Not_Found 投稿日： 01/11/15 09:46 ID:xctKSZvS: http://x31.rsjp.net/tmp/admin.html
（実際はphp3ではき出しているものなのですが、そのhtmlソースをとってきて「.html」にしました。
なお、文字はダミーのものに変えています）
で、印刷の際に不具合が起きています。

●想定しているブラウザ：
IE5.0以上、Win98

●不具合の内容：
================================================================
３台のＰＣ（Win98+IE5.5が２台、WinME+IE6が１台）で印刷したところ、
２台ではつねに正常に印刷される。
しかし、
１台で（Win98+IE5.5）印刷した際、時々（３回に１回くらい？）
２カ所とぎれるところがある。

その２カ所の内訳：
・左上の方にある「団体管理者の会員コード：」がとぎれる
（「団体管理者の会員コ」までしか表示されない。）

・左下の方にある「株式会社あいうえ（かぶしきがいしゃあいうえ）」
の、（）内が、途中でとぎれる
================================================================

しかし、その不具合の起きていた
うっかりＰＣのプリンタドライバを更新してしまったところ、正常に表示されるようになってしまった。
（古いプリンタドライバを入手できないため、症状が再現できなくなってしまった）

（追記：
また、クライアント（依頼主）のＰＣでは、
同様のとぎれる症状が起きるらしい（IE5.5））

●自力で探した情報：

いろいろウェブを探したものの、
http://www.microsoft.com/japan/support/kb/articles/J054/7/06.htm
（ただしその大元の情報は、microsoft 本家の
http://support.microsoft.com/support/kb/articles/Q255/9/65.asp）

にある
================================================================
現象
Select コントロールが含まれている Web ページを印刷または印刷プレビューすると、
ページが、ブラウザに表示されているとおりに表示されない場合があります。
原因
弊社では、これを、この資料の冒頭に示す
Internet Explorer 5.5 の問題として認識しております。
================================================================
という、こころもとない情報しか見つかりませんでした。

なんとも症状が再現できないだけに、途方に暮れています。
（クライアント様のパソコンで何度も試すわけにもいきませんし・・・）

上記ページの原因なり、あるいはこういった印刷バグ関係の情報なり、
何かお持ちな方、いらっしゃいませんでしょうか？
111 名前： Name_Not_Found 投稿日： 01/11/15 23:00 ID:rSTMswu5: >>110
それって全然スタイルシートの問題ではない気が……。
別のスレッドでお尋ねになっては？
それとも印刷仕上がり状態をＣＳＳで制禦したいってことなんですか？
112 名前： 110 投稿日： 01/11/16 00:28 ID:N5/I1w/m: >>111
＞それって全然スタイルシートの問題ではない気が……。
いや、ＣＳＳをかなり使ってるから、それが原因かな、という自分の推測なんですが。
ＣＳＳを抜かすと、単純なテーブルなんで（しかもネストすらしてない）
（ただ、なんせ、状態を再現できないので、確信もてないんですが）
113 名前： Name_Not_Found 投稿日： 01/11/16 03:40 ID:wDBEp8uB: ブラウザ振り分けを教えて下さい。
NC4とIE3には空にしたcssファイルへ振り分けたい->kara.css
ネットスケープ6とIE5.5では見え方が違うので、これも振り分けたい->n6.css　ie55.css
おねがいしまっす
114 名前： Name_Not_Found 投稿日： 01/11/16 03:57 ID:mAmJo8yP: >>113
既出。
http://east.portland.ne.jp/~sigekazu/css/boxm.htm
115 名前： Name_Not_Found 投稿日： 01/11/16 04:30 ID:wDBEp8uB: >>114
そこ見たのですが具体的な書き方がわからなかったので書き込んだのです。
ずばり、答えを下さい。おねがいしまっす
116 名前： Name_Not_Found 投稿日： 01/11/16 04:44 ID:mAmJo8yP: >>115
あまり甘えないで少しは自分の頭を使ってはどうか。

<link rel="stylesheet" type="text/css" href="ie55n6.css"
lang="ja" charset="Shift_jis" media="print, screen">

<link rel="stylesheet" type="text/css" href="kara.css">


で、ie55n6.cssの先頭に
@import 'nn6.css' screen, print;
と書く。適当に“! important”を使用すべし。

他にもやり方はある。目的によって振り分け方法をあれこれ案出すること。
117 名前： Name_Not_Found 投稿日： 01/11/16 04:56 ID:wDBEp8uB: >>116
ごめんね、ありがとう。
xとかyじゃどれに振り分けられるのかわからなかったの。
答えくれてありがとう。いろいろいじってみます^^
118 名前： Name_Not_Found 投稿日： 01/11/16 04:59 ID:wDBEp8uB: 113と115と117です。
コピペしてから気が付いた。
ネットスケープ6には振り分けは効かないの？
119 名前： 113　115　117　118 投稿日： 01/11/16 05:03 ID:wDBEp8uB: ごめん、私あほかも。

＞で、ie55n6.cssの先頭に
＞@import 'nn6.css' screen, print;
＞と書く。適当に“! important”を使用すべし。

これがネットスケープ６に振り分けてるのかな・・・
120 名前： Name_Not_Found 投稿日： 01/11/16 05:09 ID:mAmJo8yP: >>119
もういっぺん>>114のリンク先を熟読してください。
＞除 IE3 & IE4 & IE5/6 & NC4
＞<STYLE type="text/css">
＞<!--
＞@import "x.css" all;
＞@import 'y.css' screen, print;
＞
＞Netscape6は対応している。

わからなかったら各シートにcolor:red;とか簡単なスタイル指定を書き込んでブラウザによって表示が変化するか実験してみること。
121 名前： 113　115　117　118　119 投稿日： 01/11/16 05:23 ID:wDBEp8uB: >>120
何度もごめんね。

nn6.cssにbody{display:none}書いたら真っ白になったよ。
nn6.cssをkara.cssと同じように何も書いてなかったの。
何も書いてなかったら元のcssが適応されるんだね。

他の振り分けもうまくいきました。ありがとう！
122 名前： 113　115　117　118　119　121 投稿日： 01/11/16 05:26 ID:wDBEp8uB: ＞nn6.cssをkara.cssと同じように何も書いてなかったの。
＞何も書いてなかったら元のcssが適応されるんだね。

もうしわけない。これウソ。
cssの指定が間違ってただけでした(;´Д｀)
板汚しごめん。
123 名前： Name_Not_Found 投稿日： 01/11/16 10:59 ID:xKgSZsUb: セル内のテキストにフォントサイズを指定したいのですが、
＜ｔｄ＞にスタイルを適用した方が良いのでしょうか？
それとも各テキストに対して＜ｐ＞を付けてそちらに適用
した方が良いのでしょうか？
ちなみに行間などの指定はしていなくて、フォントサイズ
だけ設定したクラスです。
124 名前： Name_Not_Found 投稿日： 01/11/16 11:18 ID:gtyk6rsy: >>123

td内にp以外が入る可能性を考慮したら、tdに基本的なスタイルを設定しておいて
セル内の各要素に継承させる方がツブシがきくのではないですか？
td内にはいろんなものを含むことができるのですから。

そして、td内の各要素毎に違う部分だけ改めて設定し直すと。

だいたい、スタイル設定のためにpにするとかじゃなくて、それが段落であるなら
スタイルがどうであれ、pはp。
125 名前： Name_Not_Found 投稿日： 01/11/16 18:43 ID:2IAVsMIZ: http://east.portland.ne.jp/~sigekazu/css/boxm.htm
↑これの応用でＩＥやネスケに対する外部スタイルシート振り分けはできますが、
iCabやOperaといったマイナー・ブラウザへの振り分けもしたいのです。
JavaScriptでないと無理ですか？　でもUA名を擬装してくる場合もあるし……。
シートを読み込ませない方法でもいいです（特にiCabは実装がひどいらしいので）。
126 名前： Name_Not_Found 投稿日： 01/11/16 19:02 ID:gtyk6rsy: >>125

http://www.remus.dti.ne.jp/~a-satomi/nikki/2001_11b2.html#day16num02
Operaは偽装してもOperaという文字列は含まれてるので判別可能らしい。

iCabは知らん。
127 名前： 125 投稿日： 01/11/16 19:18 ID:0Ze3u4oJ: >>126
これですか？
===================================
uaVer = navigator.userAgent;

isNN4 = (document.layers);
isIE50 = (uaVer.indexOf("MSIE 5.0")!=-1);
isIE4 = (uaVer.indexOf("MSIE 4")!=-1);
isIE = (uaVer.indexOf("MSIE")!=-1);
isMoz = (uaVer.indexOf("Gecko")!=-1);
isOp6 = (uaVer.match(/Opera.6/)!=null);

if (isOp6) { isIE50 = false; isIE = false; }

isWin = (uaVer.indexOf("Windows")!=-1);
isMac = (uaVer.indexOf("Mac")!=-1);
================================================
できればJavaScriptに頼らず、>>125のリンク先みたいな応用で
振り分けられるとbetterなのですが。
逆に、いままでスクリプト抜きで振り分けしてた場合、Operaにそれが通用せず、
却って妙な表示になることもあるかもしれないので、不安です。
Operaは@importにどの程度まで対応してるのか……。
128 名前： Name_Not_Found 投稿日： 01/11/16 19:36 ID:PHxCbSir: >>127
var isOp6=(uaVer.indexOf("Opera")!=-1);
でいいんじゃないの？

>>125
http://east.portland.ne.jp/~sigekazu/css/boxm.htm
ここの説明は間違っている部分があるので、
実際にブラウザで確認した方がいいよ。
129 名前： 125 投稿日： 01/11/16 19:48 ID:0Ze3u4oJ: >>128
>http://east.portland.ne.jp/~sigekazu/css/boxm.htm
>ここの説明は間違っている部分があるので、
知りませんでした。すみません、具体的にはどの部分で、正しくはどうなのですか。
一応、私のサイトではあそこの説明通りにやって問題が確認されてませんので。
130 名前：　投稿日： 01/11/16 20:23 ID:qZ0Njp2o: フレームボーダーを無くそうと思ってもなくせません。

そこで
フレームとフレームの間の色を黒にしたいのですが
これはスタイルシートで指定すべきなんでしょうか？
131 名前：白夜投稿日： 01/11/16 21:00 ID:d5LoP+aH: ＞130
<FRAMESET bordercolor="black">
132 名前：白夜投稿日： 01/11/16 21:01 ID:d5LoP+aH: あ、ごめん。CSSで答えてないや・・・
133 名前： Name_Not_Found 投稿日： 01/11/16 22:56 ID:gcwk7CkL: CSSって大量にマークアップした文書には向いてないのでしょうか。
50KB～100KBくらいのhtml文書をローカルで表示させると、
「リンクにカーソルを乗せる」動作で数秒フリーズしてしまいます。
完全に表示させるまでに4秒ほどかかったりもします。
外部CSSファイルは6KBくらいなのですが、、、
マークアップの仕方かCSSの使い方がおかしいのでしょうか。
こういった問題に関するサイトなどどなたかご存じではありませんか？
または解決方法などお教えいただければ幸いです。
よろしくお願いします。
134 名前： Name_Not_Found 投稿日： 01/11/16 23:01 ID:OPVWUYO0: >>128
あそこはよく参照してるので、誤ってる箇所を指摘してくれると助かります。

>>133
使用してるブラウザは？　どんなスタイルを適用してるの？
もう少し具体的な情報が無いと、判断できません。
135 名前： Name_Not_Found 投稿日： 01/11/17 13:31 ID:NNU45TT3: >>133

掲示板の大きい過去ログ（ファイルサイズはちょうどあなたのいうくらい）
で、ビシバシCSS使っているが、うちの超ポンコツ機（メモリ20MCPU100MHz）
のIE5で見てもそんな現象はなかった。
136 名前： Name_Not_Found 投稿日： 01/11/17 17:52 ID:yL/e9MdX: MacIE5について質問です。

ZSPCによると、caption-sideは×となってるのですが、
友人が言うには「bottomなら対応してる。」とのこと。

しかし、この友人もMac持ってるわけではないので、
記憶違いしてる可能性は否定できず。
caption-sideなんて使いそうにないので、どーでもいいといえば
どーでもいいのですが、気になってしまいます。

実際のところどうなのでしょうか。MacIE5を持ってる方教えてください。
137 名前： Name_Not_Found 投稿日： 01/11/17 20:54 ID:GF8Ctmvx: >>127

CSSそのものをCGIとしてしまう手はどうでしょうか？

たとえばこんなん。
http://homepage2.nifty.com/afterglow/data/other/css.txt
138 名前： 133 投稿日： 01/11/18 00:49 ID:nwLaTQMq: >>134

ブラウザはIE5です。
<DL>～</DL>で囲った内容、画像（両方とも50個くらい）をfloatさせているとフリーズします。
サイト共通のスタイルとしてアンカーの装飾（background-color）をしています。
<DL>をfloatさせる必要はないのですけども、画像はfloatさせたいのです。
PCのスペックはそんなに悪くはないので（P3-550MHz、メモリ256）、やはりCSSかと。
CSSの限界ってどのくらいなんでしょうかねぇ。
139 名前： Name_Not_Found 投稿日： 01/11/18 00:54 ID:AGqr1GYq: >>138
ナゼそうすぐに css の限界とかいう話になるの?
あんたの書き方がおかしかったり、
特定ブラウザの挙動がおかしいだけの可能性が高いでしょ。
はっきり言って css の仕様とは関係ない話だよ。

っていうか css の限界っていう言い方が変です。
140 名前： Name_Not_Found 投稿日： 01/11/18 01:17 ID:2gtlAEXh: >>138
それはcssの限界ではなく、メモリーやリソースの問題。
だから、環境によって激しく異なる。
141 名前： 133 投稿日： 01/11/18 02:03 ID:P7K+Evk/: あんまり噛みつかないでください。

>>139-140
ということは
＞CSSって大量にマークアップした文書には向いてないのでしょうか。
には「そうでもない」ということでしょうか？
でも自分の環境で軽く表示させるようにするのが先決ですね、、がんばりまふ。
142 名前： Name_Not_Found 投稿日： 01/11/18 02:28 ID:AGqr1GYq: >>141
>＞CSSって大量にマークアップした文書には向いてないのでしょうか。
>には「そうでもない」ということでしょうか？

だからー、適用させる文書の容量と、cssを適用させた
ことよる不具合の間にそもそも因果関係がないでしょうが。仕様的には。
特定のUAの実装か適用させたシートの問題でしょう。
143 名前： Name_Not_Found 投稿日： 01/11/18 02:36 ID:npb3hf70: どうしてもCSSのせいにしたいなら、
CSSを使わずに画像を回り込ませてフリーズしない事を確認しろ。
144 名前： Name_Not_Found 投稿日： 01/11/18 02:49 ID:OWk1Vide: CSSのせいなんじゃなくて、直接的には「その処理」が原因でしょ。
CSSの限界ではなく、自分のPCの限界を知る方が重要かと。
145 名前： Name_Not_Found 投稿日： 01/11/18 13:32 ID:vHGOMEiQ: マウスカーソルがリンクのところに触れると下線が出たり色が変わるやつってありますよね。
それで、はじめリンク文字が灰色だったのが、カーソルが触れて赤色の下線が出てリンク文字が白に変わる、というようにするにはどうすればいいのでしょうか。

現在こんな↓感じなんですが。どうも下線の色の変え方がわからないんです。
a:link { text-decoration:none; color:silver; }
a:visited { text-decoration:none; color:silver; }
a:hover { text-decoration:underline; color:white; }

よろしくおねがいします。
146 名前： Name_Not_Found 投稿日： 01/11/18 14:32 ID:nAW1tH+W: >>145
下線（text-decoration:underline;）はテクストのcolorと同色になるので無理。
もしどうしてもやりたいなら
a {text-decoration:none;}
a:link { color:silver; }
a:visited { color:silver; }
a:hover { color:white; border-bottom:1px solid red;}
これで下線が文字に近づきすぎだったら、お好みでpadding-bottomも指定する。

但しインライン要素へのborder指定はIE5.5以降でないと効きません。
（display:block;とすれば話は別だが）
147 名前： 145 投稿日： 01/11/18 14:43 ID:vHGOMEiQ: >>146　やってみました。自分のイメージにかなり近くて良い感じです。ありがとうございました。
148 名前： Name_Not_Found 投稿日： 01/11/18 20:58 ID:gTtbDneX: 自分で作ったHTML文章にcssを適用させて
ie4で見ると固まりました。
ie4のことは無視してもいいでしょうか。
149 名前： Name_Not_Found 投稿日： 01/11/18 21:17 ID:vtjlUZYd: IE4だけ蹴る方法なかったかな。
150 名前： Name_Not_Found 投稿日： 01/11/18 21:22 ID:JyVZS/os: 「IE4で見ないでください。特にMacIE4は死んでください」
と書いておく。
151 名前：白夜投稿日： 01/11/18 21:25 ID:RVynwZWS: ＞148
ジャバスクリプトでスタイルシートを切り替えたら？

+　JavaScript の質問用スレッド vol.5　+
http://pc.2ch.net/test/read.cgi/hp/1002539301/

↑ここのｶﾞｲｼｭﾂらしいけど・・・
152 名前： Name_Not_Found 投稿日： 01/11/18 21:56 ID:lWJT/Ncu: >>148-149
たぶんｶﾞｲｼｭﾂだと思うけどこれは？
ttp://east.portland.ne.jp/~sigekazu/css/boxm.htm
153 名前： Name_Not_Found 投稿日： 01/11/18 23:54 ID:oeTMoq78: 背景色の指定について質問です。

widthの、中央60%だけ白、その他の部分を違う色にしたいんですが、
どのように指定すれば出来るんでしょうか？
いろいろ試行錯誤しているんですけどどうしてもうまくいかなくて。
154 名前： Name_Not_Found 投稿日： 01/11/19 00:07 ID:E8a4XMzH: >>153
20%,60%,20%の<div>三つを横に並べるのではダメですか。
両脇の20%づつの部分にも中央と連続したテキストを載せるの？
ならムリかもしれない……。
背景画像を配置したら？　きっちり60%にはならないけど。
155 名前： Name_Not_Found 投稿日： 01/11/19 00:07 ID:u0wTbmCz: >>153
完全に60％にする方法は今はなさそうだけど、
適当な幅の画像を中央で縦方向のみ繰り返し表示させるというやり方はどうでしょうか。
156 名前： 153 投稿日： 01/11/19 00:18 ID:xCSoK4pB: なるほど、それは思いつきませんでした。どうもありがとう。
背景画像を使う方法、試してみます。
157 名前：白夜投稿日： 01/11/19 03:01 ID:NBUv1L4p: ＞153
遅くなったけど
>>154のやり方で指定して
メインはポジションを絶対指定したものを作ると(･∀･)ｲｲ!!
158 名前： Name_Not_Found 投稿日： 01/11/19 06:08 ID:YJfLzCuz: 各ページからTOPへリンクを張ろうと思い、そこだけ共通のスタイルシートを
作りたいのでス。今は、
<head>
<style type="text/css">

</style>
</head>
<body>
<p class="a">
<a class="b" href="http://～">TOP</a>へもどる
</p>

というふうにしてるのですが、アンカー部分のクラス指定がうまくできません。
a.b:link{～}
ではダメだったので、アンカー部分のクラス指定のやり方を教えて下さい。
それともある範囲にだけ特定のスタイルシートを適用することってできるのでしょうか？　それができればそっちの方がソースがきれいですよね。いくつも
クラス指定しなくていいし。
御教授プリーズ。
159 名前： Name_Not_Found 投稿日： 01/11/19 06:18 ID:UldqZi5t: >>158
A:link.b {font-weight:bold;}
または
.a A {font-weight:bold;}
か
.a A:link, .a A:visited {font-weight:bold;}
か
P.a A {font-weight:bold;}
でもよい。

ついでながらCSSの「セレクタ」について勉強し直した方がよいかと思ふ。
160 名前： Name_Not_Found 投稿日： 01/11/19 14:23 ID:a8r88QFs: >>159
そう言うあなたも間違ってますけど……。
> A:link.b {font-weight:bold;}
これはダメ。通常のクラスと擬似クラスを併用する時は、
A.b:link { font-weight:bold; }
のように、通常のクラスを先に書かなければいけない。
161 名前： Name_Not_Found 投稿日： 01/11/19 17:28 ID:n7sXJUlA: >>150-152
thx
162 名前： Name_Not_Found 投稿日： 01/11/19 20:49 ID:HFGzEf4a: 仕様書(日本語訳)のをどこかでダウソできないかなぁ？
しってたら教えてね。ネタちゃうんで。よろしく。
163 名前： Name_Not_Found 投稿日： 01/11/19 21:50 ID:qwYtvDVR: http://www.google.com/search?hl=ja&q=CSS+%96M%96%F3&btnG=Google+%8C%9F%8D%F5&lr=lang_ja
164 名前： Name_Not_Found 投稿日： 01/11/19 21:53 ID:mdfFuYX4: { position:relative; top:○○%; left:○○%; }　って記述しても、
ネスケで見るとぜんぜん無視されちゃってるみたいなのですが・・・。
なぜなぜ。。？？？
165 名前： Name_Not_Found 投稿日： 01/11/19 22:27 ID:R1YPbv9q: >>164
Netscapeのいくつよ。
166 名前： 164 投稿日： 01/11/19 22:46 ID:vQOy8iP1: >>165
6.2です。
167 名前： Name_Not_Found 投稿日： 01/11/19 22:56 ID:VfWIctaP: やっぱダメだね。6.2
168 名前： 159 投稿日： 01/11/19 22:58 ID:5tzcmyuG: あ、間違った。ご指摘有り難う。>>160
>>158に
＞a.b:link{～}
＞ではダメだったので、
とあったので混乱しました。自分のシートにはA.b:link{～} で書いてるのに……。
しかし、すると>>158のはナゼ効かなかったんだ？
169 名前： Name_Not_Found 投稿日： 01/11/19 23:15 ID:5tzcmyuG: >>164-167
うちのNetscape6.2では、その記述で有効だったよ。
但し特に親要素を持たない場合。
その適用させた要素を<div>とかで括ると、
なぜかtop:y%が無視されて、left:x%だけ有効になりました。
しかし単位を%でなくpxやemにするとtopの記述も無視されなかった。
バグかな。
170 名前： 164 投稿日： 01/11/19 23:33 ID:vQOy8iP1: >>169
そうですかー。
spanで括ったのがダメな要因なのかな。
あと、インラインフレームもpositionで指定したいんだけど、
これもダメダメでした。
IEではばっちりーだったんだけど。。
ってか、もしかしてインラインフレーム自体ネスケではダメダメなんだっけ？
うう。もうちょっとちゃんと勉強してきます。
171 名前：白夜 ◆GiKO.QrM 投稿日： 01/11/19 23:40 ID:GcM8VuUW: ＞170
ネスケはインライソフレームは未対応
172 名前： 164 投稿日： 01/11/19 23:45 ID:vQOy8iP1: >>171
あーそうなんですか。ありがとうございます。
6.2で見たところ一応表示はされてるんだけど、変な表示になっちゃってた。。
インラインはダメか。。作り直しだ。
173 名前： Name_Not_Found 投稿日： 01/11/19 23:47 ID:I9q7FwxV: >>170
<IFRAME>未対応なのはネスケ４まで。
NN6以降はサポートされてます。
但しStrictではないはず。
overflowプロパティを使ってみては？
174 名前： 158 投稿日： 01/11/20 00:38 ID:w/MFhS17: >159 >160
えと、結論から言うとできました。
A.b:link{～}ではできなかったのではなく、できていたのですが
そのページのみに使っている(クラス指定の中では使用してない）
リンク時のスタイル（ex)background-color:#000000）をも適用していたため
できていないように感じたのです。
だからアンカー部分をクラス指定する場合は、通常の疑似クラス指定で使っている
要素も全て書いていなくてはいけないようです。
説明わかりにくかったらスンマソ。
でもどうもありがとうございました。
175 名前： 164 投稿日： 01/11/20 23:16 ID:S6RjAwuc: >>173
6以降なら対応してるんですね、ありがとう！
position:relativeで％指定じゃなくしたら、ちゃんと表示されるようになりました。
176 名前： Name_Not_Found 投稿日： 01/11/21 17:13 ID:1QzcIhj7: NN4.xで<LAYER>を使って<IFRAME>を実現する方法がNetscapeのサイトに載ってたような。

http://jt.mozilla.gr.jp/docs/web-developer/upgrade_2.html
http://sites.netscape.net/ekrockhome/standards.html
177 名前：白夜 ◆GiKO.QrM 投稿日： 01/11/22 00:47 ID:U3GGNz82: ｶﾞｲｼｭﾂだったらすみません。
テキストエリアにボーダーを指定すると
ネスケじゃ書込めないと言われたんですが
これは仕様（？）なんですか？バグなんですか？
178 名前： Name_Not_Found 投稿日： 01/11/22 06:57 ID:pbx4megY: >>177
「書き込めない」なんてそんな無茶な「仕様」がありますか。
たぶんバグでしょ。
ところでどの「ネスケ」って４のこと、それとも６のこと？
179 名前：白夜 ◆GiKO.QrM 投稿日： 01/11/22 12:27 ID:FhnepUyo: ＞178
回答ありがとうございます。
よく考えたらそんな「仕様」なワケないですよね。
ネスケ４の事でした、説明不足ですみません。
180 名前： Name_Not_Found 投稿日： 01/11/22 13:54 ID:mDaVn0PQ: 　<Hn>要素の下のmarginって、ＣＳＳでどう設定すればいいナリか？
ゼロにしたいナリが、どうしてもあいてしまうナリ。

　ちなみにDTDは4.01Strictナリ。
181 名前： Name_Not_Found 投稿日： 01/11/22 13:56 ID:5v0MCiB4: >>180
182 名前： Name_Not_Found 投稿日： 01/11/22 13:59 ID:5v0MCiB4: >>180
下のmargin ? margin-bottom のこと？
h1{ margin-bottom: 0px; }
とかでいいはずだけど。

これは想像だけど、Hn の次の要素( p とか )の
margin-top が 0 になってないのでは？

# >180 うっかり書き込みしてもうた。ｽﾏｿ
183 名前： 180 投稿日： 01/11/22 14:18 ID:mDaVn0PQ: 　なんか下の要素（h2）のmargin-topを0pxにしたら解決したでし。
hnはmargin-top:もデフォであるんですね……。thx
184 名前： Name_Not_Found 投稿日： 01/11/22 14:29 ID:G0meolSU: >>183
私はＮＮ６のデフォルトスタイルでH2～6がマージン空けすぎで気に入らないので、
いちいちmargin:5px 0;と指定してます。
185 名前： Name_Not_Found 投稿日： 01/11/22 14:36 ID:O7dGqLld: textareaをMozillaやNetscapeで見るときと
InternetExplorerで見るときで微妙に大きさが
違うのはＣＳＳでどうにかなりませんでしょうか....
186 名前： Name_Not_Found 投稿日： 01/11/22 15:21 ID:2HtvhAoE: >>180-184
漏れは
p, h1, h2, h3, h4, h5, h6 { margin: 0.5em 0em; }
にしてる。
IEもNNもデフォルトは 1em 0em っぽいけど空きすぎだと思う。
187 名前： Name_Not_Found 投稿日： 01/11/22 16:59 ID:ZP7SZRdO: NNのデフォルトは自分で確かめられますよ。
C:\Program Files\Netscape\Netscape 6\res\html.cssに格納されてます。
全部1emではなくもうちょっとそれぞれに微妙なスタイルが設定されてます。
188 名前： Name_Not_Found 投稿日： 01/11/22 17:41 ID:AEIxSGQV: >>186
N4でも動作するのでしょうか？
189 名前： Name_Not_Found 投稿日： 01/11/22 17:46 ID:0/qzZMPQ: >>188
もちろん。
でも、その手のブラウザ別の実装状況については
CSS対応表が各種あるからそれで調べること。
>>2にも挙げてあります。
190 名前： Name_Not_Found 投稿日： 01/11/22 18:58 ID:O7dGqLld: textareaをMozillaやNetscapeで見るときと
InternetExplorerで見るときで微妙に大きさが
違うのはＣＳＳでどうにかなりませんでしょうか....
191 名前： Name_Not_Found 投稿日： 01/11/22 19:07 ID:2t69sHX3: >>185＝>>190
繰り返すなよ……
うんだ、どもならんべや。――これで満足かい？
192 名前： Name_Not_Found 投稿日： 01/11/22 20:01 ID:R32uFfKd: >>190
<input type="text" name="xxx" class="textarea">
----
input.textarea { width: 80%; }

もし仮に、こういうことを聞いているんじゃなかったらすまぬ。
193 名前： Name_Not_Found 投稿日： 01/11/22 20:04 ID:cTrNUPer: >>179
borderの指定の仕方によって回避可能。
border-style: solid;
border-color: #ccc;
border-width: 1px 1px 2px 2px;
こんな風にばらしてやるとうまくいくかもしれない。
194 名前： Name_Not_Found 投稿日： 01/11/22 20:36 ID:mjvWiNLT: >>192
textareaは普通のタグですが？
195 名前： 192 投稿日： 01/11/22 20:57 ID:R32uFfKd: >>194
そうですね。
196 名前： Name_Not_Found 投稿日： 01/11/22 21:07 ID:a2GW5AOy: >>194
念の為に言っとくけど、class属性値のtextareaと
要素名のtextareaに関係は無いぞ。
197 名前： Name_Not_Found 投稿日： 01/11/22 21:13 ID:2N/WcWsd: >>194
textareaは普通の"要素"ですが？
198 名前：白夜 ◆GiKO.QrM 投稿日： 01/11/22 23:51 ID:LKFYe2o6: ＞193
あ、なるほど。
試してみます。
ありがとうございます。
199 名前： Name_Not_Found 投稿日： 01/11/23 05:56 ID:COex5ag8: >>198
ネスケ４はダメ子ちゃんだから、textareaに限らず
borderの一括指定がうまく機能しなかったりする。
これ有名なバグね。
http://www.asahi-net.or.jp/~xk3t-cb/css/CSSBugsJ.html#NN4
http://www.asahi-net.or.jp/~xk3t-cb/css/css-bugs-ns-j.html
200 名前：白夜 ◆GiKO.QrM 投稿日： 01/11/23 07:16 ID:FeIui1yw: ＞199
ありがとー。
ホント、ダメダメですねぇ。。。
やっぱり指定しないようにしときます。
１番無難なんで（ｗ
201 名前： Name_Not_Found 投稿日： 01/11/23 08:24 ID:wAkQYxBk: >>200
ネスケ４にもせめてブロック要素のborder位は指定してやれよ、可哀相だろ。
202 名前： Name_Not_Found 投稿日： 01/11/23 11:39 ID:OtxEZb3G: ガイシュツだったらすいません。
IE6.0を使っているんですが、CSSが使えません。
<style type="text/css">

と書くと何も表示されなくなってしまいます。
これってバグでしょうか。
203 名前： ちょこら 投稿日： 01/11/23 12:01 ID:KYbiFCae: >>202
xhtml で書いてるんならその挙動で正解。
DOCTYPEスイッチが標準準拠モードになってるんでしょう。
xhtml では<style></style>の中は#PCDATAとして解釈されるため、コメント等が有効になります。

…で合ってるよね?
質問は age れば?といいつつsage。
204 名前： Name_Not_Found 投稿日： 01/11/23 12:42 ID:OtxEZb3G: すいません
初心者な者でxhtmlとかDOCTYPEと言われてもわかりません。
xhtmlってなんですか。htmlとどう違うんでしょうか。
要するにIE6.0でCSSを使うにはどうすればよいのでしょうか。
ちなみにインラインではCSSは使えるのですが、html文書全体にCSSを適用することができません。
205 名前： Name_Not_Found 投稿日： 01/11/23 12:45 ID:JHEHm90B: 　　　　　　
　　　　　　
　　　　　
206 名前： Name_Not_Found 投稿日： 01/11/23 12:48 ID:gC2tJ8zu: 204>>
さらしage
207 名前： ちょこら 投稿日： 01/11/23 12:53 ID:KYbiFCae: >>204
特別な事は何もないよ。
何も考えずに普通に使えると思うんだが…。

もし、いろんなところからソースをコピペしてるんなら
組み合わせによってはそういう症状が出るでしょう。
そういうときは諦めて一から勉強しましょう。
208 名前： Name_Not_Found 投稿日： 01/11/23 13:10 ID:tA9lYnA0: >>202

</style>閉じてないんじゃないの？
209 名前： Name_Not_Found 投稿日： 01/11/23 13:11 ID:BfP52YOP: >>204
<style type="text/css">

</style>
↑閉じタグ忘れとか、そういう単純なのではなく？
210 名前： Name_Not_Found 投稿日： 01/11/23 13:12 ID:BfP52YOP: あっ、かぶっちゃった。打つの遅くて鬱。
211 名前： Name_Not_Found 投稿日： 01/11/23 13:27 ID:yFM6+eql: >>208
>>209
</style>の閉じ忘れでした。
1から勉強しに逝って来ます。
212 名前： ちょこら 投稿日： 01/11/23 13:43 ID:KYbiFCae: ガ━━（ﾟДﾟ;）━━ン！
213 名前： ちょこら 投稿日： 01/11/23 13:45 ID:KYbiFCae: っていうか、良く見たら
>何も表示されなくなってしまいます。
って書いてあるじゃん。
俺が勘違いヤローだ。
逝ってきます。
214 名前： Name_Not_Found 投稿日： 01/11/23 17:00 ID:h1RMImgX: >>203
＞xhtml では<style></style>の中は#PCDATAとして解釈されるため、コメント等が有効になります。
これってほんと?
んじゃ今後は<style>の中身はコメントで括らない方が正しいってこと?
でもそうすると一部の古いブラウザでスタイル指定がまんま表示されちゃうんだよなあ…
215 名前： Name_Not_Found 投稿日： 01/11/23 17:01 ID:74KOPn/J: わらった
216 名前： Name_Not_Found 投稿日： 01/11/23 17:51 ID:cvK8Ys9h: >>214
なるべく外部スタイルシートにしろってAnother HTML Lintでも注意されるでしょ。
217 名前： Name_Not_Found 投稿日： 01/11/23 20:38 ID:rWKhCdy1: >>214
<style type="text/css">
<![CDATA[

]]>
</style>

という風に、CDATAマーク空間にすればいいと思われ。
218 名前： Name_Not_Found 投稿日： 01/11/23 20:39 ID:rWKhCdy1: age忘れ、すまん。
219 名前： Name_Not_Found 投稿日： 01/11/24 06:52 ID:rqFxRd3y: リンク部分を文字色は本文と同じで、下線だけ青くしたいので、
次の通り指定しました。
A:link, A:visited {
text-decoration:none;
border-bottom:1px solid blue;
color:black;
}

しかしWinIE5.5未満はインライン要素へのborder指定が効きませんよね。
つまりリンク部分が全く他と区別つかなくなってしまって、これはいけない。
そこでWinIE5以前では通常の下線表示のままにして、version 5.5以降
及びMacIE5・NN6等では上記のtext-decoration:noneが適用される風に
仕組めないかと思ったのですが……。
下記ページを見たんですが、いい手が浮かびません。
　http://east.portland.ne.jp/~sigekazu/css/boxm.htm
JavaScriptを使ったシート振り分けしか手はありませんかね？
ご教示いただけると助かります。
220 名前： Name_Not_Found 投稿日： 01/11/24 11:27 ID:GBZ8shRJ: @import url() all;
でa{text-decoration: none}を呼び出し、さらに

も書いておくってのは？

JavaSriptでやったほうがスマートに見えそう。
221 名前： Name_Not_Found 投稿日： 01/11/24 12:34 ID:nmisyc6z: text-decoration:expression('none');だとIE4～5でも対応ですか？
222 名前： 219 投稿日： 01/11/24 12:47 ID:nmisyc6z: >>220
有り難う。うーん、head内style要素が要りますか……。
確かにスマートでありませんね。

JavaScriptで補正用外部CSSシートを読み込ませると、
JavaScriptオフにしてる閲覧者に問題が生じるので、
なるたけスクリプト無しでやってみたいんです。
223 名前： Name_Not_Found 投稿日： 01/11/24 12:52 ID:rGyBxada: >>222

SSIがつかるならそうするとか、
あるいは外部CSSをCGIにしてしまうとか・・・
224 名前： 219 投稿日： 01/11/24 12:54 ID:nmisyc6z: >>223　借りてるWebスペースがSSI・CGI共に不可なんです……
225 名前： Name_Not_Found 投稿日： 01/11/24 13:02 ID:bsiyzsxk: >>221
expression(～)は確かIE5以降。
しかも、初期バージョンではインラインスタイルとして書いたものしか
効かないというのを、MSDNのどこかで見た記憶がある。
226 名前： 219 投稿日： 01/11/24 13:12 ID:JGULGIZF: >>225 おおっ、朗報。
てことは、外部スタイルシートにexpressionで指定しておけば
head内style要素で とするのと
同じ効果があるわけですか。
しかし確認したくともＭＳＤＮのどこに載ってるのかが見つけられず。
227 名前： 219 投稿日： 01/11/24 13:25 ID:JGULGIZF: すみません、見つけました。
http://www.microsoft.com/JAPAN/developer/library/jpwebwk/author/dhtml/dude061198.htm
「最後に : 現在提案されている CSS 関数構文は、スタイルシートの中で使用した場合には機能しま
せん。インラインスタイルでのみ設定するようにしてください。これについては近いうちに修正する
予定です。」――1999 年 3 月 19 日
この修正がIE5.5からなのか、IE5.0でもなのかが問題ですね。
うちのマシンは5.5なもんで確認できません。
どなたか5.0の方いらっしゃいませんか。
228 名前： Name_Not_Found 投稿日： 01/11/24 15:16 ID:PmZhnkzF: >>227
5.0でもいけるよ。
229 名前： 219 投稿日： 01/11/24 15:36 ID:zZsM0GKo: >>228
あ、試験してくれて有り難う。
となるとやはりＩＥ5.5以上にだけ適用させる手には応用できませんね。残念。
230 名前： Name_Not_Found 投稿日： 01/11/24 16:04 ID:+vrkuKDn: 5.01ってなかったっけ？ Win版IE。
231 名前： Name_Not_Found 投稿日： 01/11/24 16:05 ID:ScHHPtRR: Selectors Becomes a W3C Candidate Recommendation

15 November 2001: W3C is pleased to announce the advancement of
"Selectors" to Candidate Recommendation. Selectors are patterns in
the Cascading Style Sheets (CSS) language that match to elements in
HTML and XML. This specification describes the CSS1 and CSS2
selectors and new selectors for CSS3. A test suite is available.
Please send your comments by May 2002 and read more on the CSS home
page.

http://www.w3.org/TR/2001/CR-css3-selectors-20011113/
http://www.w3.org/Style/CSS/Test/
http://www.w3.org/Style/CSS/
232 名前： Name_Not_Found 投稿日： 01/11/26 09:42 ID:EWj+7wjH: >>221-9
もしexpression()で振り分けができるとしても、
ＣＳＳ関数構文はスクリプト・オフでは機能しないんだから
JavaScriptでブラウザ振り分けするのと結果は同じことになります。
233 名前： Name_Not_Found 投稿日： 01/11/26 13:50 ID:bLHUXiWd: 今さっきスタイルシートの本を読み始めたばかりの超初心者です。
<DIV ALIGN="center">でセンタリングしたテーブルの中のテキストの
フォントサイズなどを設定したいのですが、セレクタをDIVとしても
フォントが設定されません。
テーブルの中のテキストは<P>や<H>なので囲んでいないのですが、
セレクタを何にすればいいのでしょうか？？？

<DIV ALIGN="center">
<TABLE>
.
<TABLE>
.
</TABLE>
.
</TABLE>
</DIV>
234 名前： 233 投稿日： 01/11/26 13:51 ID:bLHUXiWd: すいません。。。↑のタグたちはなんでもないです。消し忘れました。
235 名前： Name_Not_Found 投稿日： 01/11/26 14:05 ID:8LHOdXAR: tr や td でも囲んでいないのか?
ていうかそういうページの作りなら素直に font size とか使えよ。
236 名前： Name_Not_Found 投稿日： 01/11/26 14:08 ID:OgyWbgGM: >>233
div, div table {font-size:80%;}
これで、div直下の文字もdiv内テーブルの文字も80%になる。
div td { }でもよいが。
237 名前： 233 投稿日： 01/11/26 14:13 ID:bLHUXiWd: ありがとうございます！
<TABLE>や<TR>、<TD>もセレクタにしていいんですか。そうか～。

> font size とか使えよ。
<FONT SIZE>だと、Winで見るとやたらとでかいのでいやなんです。
238 名前： 236 投稿日： 01/11/26 14:21 ID:StzOFnCU: 分けて書くなら、これでもいい。

div {font-size:200%;}
table, th, td, caption {font-size:100%;}

この下の行の指定によって、テーブルの文字サイズは
divへの文字サイズ指定（200％）を初期値（100％）として引き継ぎ、
２倍角の文字として表示される。
239 名前： 235ではないが 投稿日： 01/11/26 14:28 ID:1XSCdL7E: >>237
せっかくＣＳＳを勉強し出したんだから、テーブル・レイアウトからは卒業しようねってことだよ。

あと、ＨＴＭＬの要素は全てセレクタになるんだな、これが。
http://www.tg.rim.or.jp/~hexane/ach/fscs/
240 名前： 233=237 投稿日： 01/11/26 15:19 ID:bLHUXiWd: > divへの文字サイズ指定（200％）を初期値（100％）として引き継ぎ、
(´Д`?)
table, th, td, caption {font-size:100%;}　も実質200%になるということですか？
そしたら
div {font-size:200%;}
table, th, td, caption {font-size:200%;}
にしたらテーブルの文字サイズは400%になるかと思ったら、ならなかった。
意味がわからにゃい。。。
241 名前： Name_Not_Found 投稿日： 01/11/26 15:44 ID:R50JMmat: >>240
次のソースに対して適用して実験してみた。

<div>
<table>
<tr><td>ＶＳＳの試験中</td></tr>
</table>
</div>

div {font-size:1.5em;}
table {font-size:2em;}
これは下記に等しい。
div table {font-size:3em;}

確認したブラウザはWinIE5.5とNetscape6.2。
単位をemでなく%にしても同様だった。
242 名前： Name_Not_Found 投稿日： 01/11/26 15:59 ID:R50JMmat: >>240
table, th, td, caption {font-size:200%;}
これだと、最初にtable要素全体が200%とされ、
ついでその子要素であるtd要素等も200%にされるから
都合400%になる。
table {font-size:200%;} かtd {font-size:200%;} だけの指定にすべし。
243 名前： Name_Not_Found 投稿日： 01/11/26 16:27 ID:MUUl4Sz0: スタイルシートでこういう指定の仕方ってわからないです。
#FileList {position: absolute; left: 30%; width: 70%; height: 100%}
#Media {margin-left: 15px}
#Panel {position: absolute; width: 30%; height: 100%; overflow: auto}
#PieChart {width: 100px; height: 50px; margin-top: 10px}

#FileListとか#*****　で指定するとどのタグに対して、指定してるのかもサッパリです。
p.linkのような指定の仕方なら分かりますが、#を使った書き方ってなんですか？
244 名前： Name_Not_Found 投稿日： 01/11/26 16:31 ID:6a5ZfZWv: >>243
いっぺんここ通して読んでくれ。基礎です、基礎。
http://www.tg.rim.or.jp/~hexane/ach/tocs/tocs05.htm
245 名前： Name_Not_Found 投稿日： 01/11/26 16:38 ID:yQm2WCDg: #はidです

<p id="giko">はぁ？</p>
な場合は
P#giko
としますが、１つのファイルにIDは一個しか使っていけないので
要素は書かないことが多いのです
246 名前： 243 投稿日： 01/11/26 16:57 ID:MUUl4Sz0: >>244-245
ほんとに基礎でした。
でも、助かりました。ありがとう！
247 名前： 240 投稿日： 01/11/26 17:39 ID:bLHUXiWd: >>241-242
(´Д` ?)
さっきからずーっと実験やってます。わかったようでわからない。。。
とりあえずありがとうございます。。。
248 名前：白夜 ◆GiKO.QrM 投稿日： 01/11/26 20:38 ID:V0Rnqtwb: ＞247
TABLE, TD {font-size: 200%;}
だと、

<TABLE>　←ここでまず200%になる
<TR>
<TD>　←ここでさらに200%になる
てすと　←実質400%
</TD>
</TR>
</TABLE>

って事。
カンマは複数の要素に指定する事。
この場合<TABLE>と<TD>に
font-size: 200%;が適用されてる。
249 名前： Name_Not_Found 投稿日： 01/11/27 17:46 ID:iqF9S18e: NNでもまともに見えて、
IEならそこそこ洒落たデザインになるようなCSSの例を教えてください。
ちなみにHTML4.01Strictと<BR>、
JavaScript無しでやってます。
250 名前： Name_Not_Found 投稿日： 01/11/27 17:53 ID:uMnCjoyN: >>249

NN4で使えるものを、まず何かまとめておいて、IEやN6/Mozilla向けを
@importで呼び出すのが常套かと。
http://east.portland.ne.jp/~sigekazu/css/boxm.htm
251 名前： Name_Not_Found 投稿日： 01/11/27 18:14 ID:C41ZJhqq: @importの多用は感心しない。私はmedia設定でNN4除けをしてる。
そしてＮＮ４に対してだけ専用cssファイルをJavaScriptで読み込ませる。
できればJavaScriptも使用したくないんですが、
どのみちＮＮ４ではスクリプト・オフだとスタイルシートも無効になるので
まあいいかと。
252 名前： Name_Not_Found 投稿日： 01/11/27 18:15 ID:N1slhFeK: >>250
参考になりました。
thx
253 名前： Name_Not_Found 投稿日： 01/11/27 18:27 ID:DfkchFgQ: >>249
確かに、一つのCSSファイルを全てのブラウザに適用させて済ませたいところだが
ネスケ４はバグがひどすぎて、組合せによっては何がバグるかも推測つかないので、
CSSを認識させないか、専用のファイルを作ってやるのが一般的方法です。
254 名前： Name_Not_Found 投稿日： 01/11/27 18:32 ID:vJcMXiRa: @importを使うと
NN4.0xが落ちるって本当？
255 名前： Name_Not_Found 投稿日： 01/11/27 19:01 ID:haLemKfy: >>251
なぜimportだめ？
256 名前： Name_Not_Found 投稿日： 01/11/27 19:11 ID:DfkchFgQ: >>255
ダメではないが好もしくない。読み込みが遅くなるし、構造がつかみづらい。
IEの「名前を付けて保存」＞「Webページ、完全」でも、@importで指定された
外部cssファイルだと保存してくれないし。

参考：
LEVEL5「やたらとCSSファイルを小分けにする」
http://members.jcom.home.ne.jp/jintrick/Personal/bad_css.html
257 名前： Name_Not_Found 投稿日： 01/11/27 19:26 ID:a8QtDBK0: N4をよけるためだけにmedia="print,screen"を指定するのってなんか釈然としないんだけど。。
印刷した場合の見え方、確認してないし。。
割り切った方がイイ？
258 名前： Name_Not_Found 投稿日： 01/11/27 19:31 ID:DfkchFgQ: >>257
ならばmedia="all"でどうですか？
どのみち何も指定してない場合は、allと同じことですよね。
それともscreenにだけ適用したいってことですか？
259 名前： Name_Not_Found 投稿日： 01/11/27 20:15 ID:a8QtDBK0: >>258
allだったらauralにもbrailleにもtvにもOK！ってコトじゃないの？

表示確認してるのはscreenだけなんだけど。。
260 名前： Name_Not_Found 投稿日： 01/11/27 20:45 ID:Q0FH+SE0: >>259
メディア・グループがvisualに属するプロパティならば
いくら指定してもauralやbrailleには関係無いはずです。
それに、プリントアウトして読む人だって珍しくないんだから、
印刷プレビューでprintの表示確認位しようよ。
261 名前： Name_Not_Found 投稿日： 01/11/27 20:47 ID:Df4IkChI: NN4避けのために使用する@imortなど一回で済むのにいきなり「多用」まで話が飛躍する上、
「感心しない」などと偉ぶった口調の>>251の態度は感心しない。
262 名前： Name_Not_Found 投稿日： 01/11/27 21:09 ID:8bj1BC8R: >>261
うん、感心しない。しかし@import一回で済むにしても、
やはり@importしか書いてないまっさらのCSSファイルって
何か間違ってる気がする……。裏技だから仕方無いのか？
263 名前： Name_Not_Found 投稿日： 01/11/27 21:11 ID:XW53It8u: >>261
どうでも良いが話のレベルをすり替えないでくれ。
251の態度について話したいんじゃない。
CSSについて話したいんだ。

>>260
CSSのmedia指定にきちんと対応してるブラウザってあったか？
264 名前： Name_Not_Found 投稿日： 01/11/27 21:14 ID:wybgafWN: 極惡CSS研究所「ステルスCSS！隠せ」
http://www.geocities.co.jp/Milano-Killer/8583/gokuwaza/kakuse.html
↑import20回だってさ。IEだと認識しない。
265 名前： Name_Not_Found 投稿日： 01/11/27 21:32 ID:wybgafWN: >>260
気になったので簡単な実験をしてみました。
<link rel="stylesheet" href="./red.css" media="print">
red.cssにはbody{color:red;}とだけ指定を入れました。

ブラウザはWinIE5.5SP2。
モニターで見ると、文字色に変化無し。しかし印刷プレビューでは文字色は赤に。

次にmedia="screen"とすると、ブラウザでは文字色赤、印刷プレビューでは黒。

結論――ちゃんと対応してるみたいです。
266 名前： Name_Not_Found 投稿日： 01/11/27 21:45 ID:V66EZg1r: NN4避けのためなら<nolayer></nolayer>で囲めばいいでしょ
267 名前： Name_Not_Found 投稿日： 01/11/27 21:50 ID:gMG2SCHf: >>266
そんなHTML4.01に存在しない独自拡張タグ使用する方が問題多いよ。
大体それHEAD内に書き込んでも意味無いし。
268 名前： Name_Not_Found 投稿日： 01/11/28 00:15 ID:OP19kqQi: >>267
あるもないも、意味大有りよ～
269 名前： Name_Not_Found 投稿日： 01/11/28 00:38 ID:Az+Ab3Jt: >>262
俺は@importの後にNN4に読み込まれても困らない分を書き込んでるよ。
どっちかと言うとNN4で処理できない分をimport先に追い出した感じ。
270 名前： Name_Not_Found 投稿日： 01/11/28 07:33 ID:yYAA/Nep: >>269
その「NN4で処理できない分」が明確に分けられるんならいいんですが、
ネスケ４のバグっぷりは（組合せ次第では）何がバグるか見当もつかないから……。
結局専用ＣＳＳを書くのと労力は同等になりませんか。
271 名前： Name_Not_Found 投稿日： 01/11/28 09:21 ID:L5fxRUiu: >>270
同等(以上かも)。表示確認を果てしなく繰り返すしかなく…。
もともとNetscape4でもしょぼいなりの表示をしたかったからなんだけど。
272 名前： Name_Not_Found 投稿日： 01/11/28 10:13 ID:jtx1UR/8: ネスケ４専用のＣＳＳファイルを作る位なら、いっそJavaScript Style Sheetにするってのはどう？
http://www.zspc.com/stylesheets/jss/index.html
それでももし、自分とこの独自拡張であるJSSも満足に表示できないのなら、NC4.xは本当のクズ。
273 名前： Name_Not_Found 投稿日： 01/11/28 13:17 ID:GTpfJ81m: H2とH3にスタイルシートで背景色と背景画像を指定してます。
パソコンの画面で見ると問題なく意図通り表示されるのですが、
プリントアウトすると背景色だけ刷られて背景画像が印刷されません。
IE5.5の印刷プレビューでもやはり背景色は見えるのに背景画像が見えなくなってます。
オプションの「背景の色とイメージを印刷する」はチェック済みです。
シートでmedia="print"や@media printと指定してみても結果は同じ。
これはIEの仕様（バグ）なんですか？
印刷にも背景画像を反映させるにはどうしたらよいのか、助言ください。
274 名前： Name_Not_Found 投稿日： 01/11/28 19:44 ID:Ch3wxPGJ: >>273
プリントアウトの設定が背景色も印刷することが出来たなら
黒背景色のサイトなんかを印刷したら、インクいくらあっても足りない。
背景色が省略されたときは、その文字色も違う色になって印刷されるはずです。
それなりに親切な設定だと思いますよ。

どうしてもブラウザで見たままの印刷をしたいなら、画面ごとプリントスクリーンキーで
キャプチャして、画像編集ソフトから印刷してみてはどうでしょ。
275 名前： Name_Nyot_Foundにょ 投稿日： 01/11/28 21:07 ID:76W9ThI1: フォントの大きさ等をHEAD内に指定し、
TABLEタグ内でそれを使うとなぜか下に
空白が出来てしまいますが、なぜでしょう？
276 名前： Name_Not_Found 投稿日： 01/11/28 21:23 ID:GwY2nA6B: >>272
使ってみたけど、全然だめ。
ネスケ4のクソスタイルシートをJavaScriptで書けるだけ。
表示はまったく変わらん。
ネスケ4なんて@importで十分だｺﾞﾙｧ!
277 名前： 273 投稿日： 01/11/28 22:33 ID:I33kHPra: >>274
＞プリントアウトの設定が背景色も印刷することが出来たなら
なにか誤解なさってませんか。
既に>>273でも書きましたが、背景“色”は現に印刷できるのです。
（そのための設定がＩＥの「インターネットオプション＞詳細設定」にもあります。）
にも拘らず背景“画像”だけが印刷に出ないので、これを何とかしたいのですが。
つまり、background-colorでなくてbackground-imageの方です。
278 名前： Name_Not_Found 投稿日： 01/11/29 00:20 ID:I/0xIjdm: >>275
質問の意味がわからん。
>TABLEタグ内でそれを使うとなぜか下に
それって何？　下って何の下？
もっと具体的に、できればソースを出して質問しておくれ。

>>276
表示は変らんけど、ＣＳＳでの意味不明なバグり方はしないだけマシでもない？
279 名前： 275 投稿日： 01/11/29 00:46 ID:+yJ5xusL: 最初から書くとこんな感じです。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD><TITLE>2ch</TITLE>

<STYLE TYPE="text/css">
H3{font-size:17px;font-family:"Times New Roman";font-style:normal;color:#000000;}
H4{font-size:14px;font-family:"ＭＳゴシック";font-weight:lighter;font-style:normal;color:#000000;}
</STYLE>

<META content="text/html; charset=Shift_JIS" http-equiv=Content-Type>
<META content="MSHTML 5.50.4134.0600" name=GENERATOR></HEAD>
<BODY>

<TABLE CELLPADDING=2 CELLSPACING=0 BORDER="1" BORDERCOLOR="#FFFFFF" WIDTH="375">
<TR>
<TD BGCOLOR="#DAF2FE" ALIGN="RIGHT" WIDTH="120">
<H3>11/29,002001</H3></TD>
<TD BGCOLOR="#E3E4FF" ALIGN="RIGHT"><H4>今日はいい天気でした。</H4>
</TD></TR>
</TABLE>

</BODY>
</HTML>

TABLEタグ内に　HEIGHT="小さい数"　を記述しても変わリません。
HEAD内に記述せずにSPANで各々やれば大丈夫なんですが、
日記なので、後々管理が辛いのです。

これはどうしたらいいのでしょうか？
280 名前： 275 投稿日： 01/11/29 00:52 ID:+yJ5xusL: 補足。
セル内の文字の下に空間が出来てしまうという事です。
281 名前： ネットマフィア ◆4mrpMqxg 投稿日： 01/11/29 00:54 ID:DTsj+P3M: 俺様のいうウェッブデザイン書けや！！下僕ども！！
ってところに来い！！そして書けよ！！わかったか！！
282 名前： Name_Not_Found 投稿日： 01/11/29 00:56 ID:nsks0o69: H3と H4に margin-bottom: 0px とか入れるが吉。
283 名前： 275 投稿日： 01/11/29 00:59 ID:+yJ5xusL: >>282様

ありがとうございます！！　解決いたしました。
よ～し、徹夜でホムペをCSSでリフォームするにょ～。
284 名前： Name_Not_Found 投稿日： 01/11/29 01:05 ID:ehF5/CBn: >>279
せっかくＣＳＳを利用するなら、もう少し勉強してテーブルレイアウトを止めるといいよ。
285 名前： Name_Not_Found 投稿日： 01/11/29 01:06 ID:nsks0o69: 「今日はいい天気でした。」ってぇのは日記の本文？
だったら H4を使うのはどうかと思う。
286 名前： Name_Not_Found 投稿日： 01/11/29 01:53 ID:uxo2n6Tz: >>279
何でH3とH4なの？ってのは置いといて

H3とH4のスタイル指定に margin-bottom:0px を追加してみれ
287 名前： 286 投稿日： 01/11/29 01:55 ID:uxo2n6Tz: あーなんでこんな古いのにレスつけてんだ、漏れ
すでに解決済みだっつーのに
逝ってきます・・・
288 名前： Name_Not_Found 投稿日： 01/11/29 03:28 ID:ogVPFo1y: スタイルシートの切り替えにJAVAスクリプトを使わない方法ってありますか？
スレ違いかな・・
289 名前： 275 投稿日： 01/11/29 04:09 ID:x9Th/qEa: >>285様、286様。

レスありがとうございます。

H1,H2は、他に記述するものが出来たときの為にあけたんですが、
CSSじゃない<H1>タグのように、大きさが順々に小さくなったりするものではないですよね？
290 名前： Name_Not_Found 投稿日： 01/11/29 05:05 ID:AbJc1jQY: >>289
<H3><H4>を使うのはどうか、というのは
<H1>から使うべきだという意味ではないと思われ。
<Hn>は見出しを記述するために使うべきもの。
http://tohoho.wakusei.ne.jp/html/h1.htm
291 名前： Name_Not_Found 投稿日： 01/11/29 10:16 ID:qEj2hSAm: >>288
代替スタイルシートのことなら↓
http://pc.2ch.net/test/read.cgi/hp/991400015/l50
http://www.xinada.ne.jp/~handa/tech/CSS/StyleChange/index
ブラウザへの振り分けのことなら↓
http://east.portland.ne.jp/~sigekazu/css/boxm.htm
292 名前： Name_Not_Found 投稿日： 01/11/29 13:01 ID:HLPr1L9w: tableのセルの上にマウスがきたらセルの背景色を変えるっていうのは
ジャバスクリプトじゃないと無理ですか？
293 名前：投稿日： 01/11/29 14:06 ID:no3+VYQS: >292
td:hover とかやればできるはずなのだが，
まともに対応している UA は多分まだない．
（N6 で不完全に対応していた気がする．）
294 名前： Name_Not_Found 投稿日： 01/11/29 14:07 ID:crTlkipW: >>292
CSSだけではムリです（少なくとも今の:hoverの実装では）。
cf. ttp://east.portland.ne.jp/~sigekazu/css/javascript.htm
295 名前： Name_Not_Found 投稿日： 01/11/29 14:23 ID:HLPr1L9w: どうもありがとうございます。
ジャスクリプト行きます。
296 名前： Name_Not_Found 投稿日： 01/11/30 16:52 ID:NB/RRvhG: >>294
ウソを言うな～
セルの中で便宜的にAタグを使えばできる。
ついでに、IEならHTML+TIMEという技術を使えばできる。
297 名前： オカダ 投稿日： 01/12/01 06:53 ID:Nsgpp8zQ: IE6標準モードでふつうのボックス要素にoverflowを適用する方法は
ないものでしょうか?　擬似フレームをやってたので、HTML要素のみに
適用というのは残念。どうにかならないものでしょうか。せっかく
標準モードで　margin-right:auto; margin-left:auto; という
ブロック要素のセンタリングが使えるようになっただけに……。
298 名前： Name_Not_Found 投稿日： 01/12/01 11:24 ID:7st21Uox: >>297
>HTML要素のみに
何のこと？
divとかならIEはwidthかheightを指定しないとoverflowが効かない。
299 名前： 298 投稿日： 01/12/01 11:45 ID:7st21Uox: 追加
html,body{height:100%}
も指定しておくと疑似フレームには役立つかも。
300 名前： 300 投稿日： 01/12/01 17:11 ID:KFygR0+6: CSSをCCSと言う人がまわりにいて鬱。
301 名前： Name_Not_Found 投稿日： 01/12/01 18:29 ID:JTijVgWa: HTMLの <TABLE> のレイアウト利用が大っ嫌いで、
CSSをはじめたんですが、（かちゅスキン改造の為でもあるけど）
TABLE の代替策が見つからない（わかりません）。

枠線の表示は、borderで出来るのは分かるんですが…
いろいろ考えてみたんですが(1hour程)ｻﾊﾟｰﾘです（苦笑

どなたか教えてください。
302 名前： Name_Not_Found 投稿日： 01/12/01 18:33 ID:qhYSDkTx: まず、tableの代わりに使うのだと言う発想をやめる事。
それから具体的にはどのようなレイアウトにしたいかを明確に。
303 名前： Name_Not_Found 投稿日： 01/12/01 18:56 ID:GsBo7A8e: >>301

まあ、イケてるデザインスレのソースをじっくり研究することだ。
特にposition、floatまわりを重点的に。
304 名前： イケデザ住人 投稿日： 01/12/01 19:21 ID:giKLdJN+: >>301
入門でてっとり早いのが、左右どちらかにマージンをとって、そのマージン以下の幅の
ブロック要素をabsoluteで配置するとか。左右2段レイアウト程度なら
以下が参考になるんでは。

↓簡単なフロート例
http://www.skipup.com/~l-_-l/web/jikken/1.html
http://www.geocities.co.jp/Milano-Killer/8583/gokuwaza/divkage.html
↑こっちはあくまで『極悪サンプル』らしいが（笑）
305 名前： Name_Not_Found 投稿日： 01/12/01 20:59 ID:AsTCyrIu: >>304
僕も勉強の為そのサイトに逝こうとしたら、
IEの。。。で、OS落ちました（泣
IEのばかやろぉぉぉお！M$なんで分割されなかったんだよぅsage
306 名前： １００ 投稿日： 01/12/02 01:39 ID:QrDM7CEN: <span onmouseover="this.style.background='#ff3399';" onmouseout="this.style.background='';">トップページへ</span>
これを全体に効果がでるってことにはどうすればいいですかねぇ？
307 名前：白夜 ◆GiKO.QrM 投稿日： 01/12/02 03:11 ID:BGIGmY2L: ＞306
↓削除依頼だしたらね
質問スレ
http://pc.2ch.net/test/read.cgi/hp/1007225570/
308 名前： Name_Not_Found 投稿日： 01/12/02 03:23 ID:BhizBq3w: >>304
↓簡単なフロート例
http://www.skipup.com/~l-_-l/web/jikken/1.html

ドキュソタイプ宣言に激しくﾜﾗﾀ
309 名前： Name_Not_Found 投稿日： 01/12/02 09:33 ID:5XVBVQ1M: http://www.skipup.com/~l-_-l/web/jikken/1.html に曰く、
＞左側はdivで囲っていない。というのも、それをやると（やってみればわかると
＞思うが）頭の横巾100%から先程の40%を引いた値のままだらだらと下へ続く。と
＞いうか、めんどくさいので作った。

しかしその http://www.skipup.com/~l-_-l/web/jikken/2.html を見ても、
1.htmlと何ら変りがない。IE5.5、NN6で確認。
むしろ http://www.skipup.com/~l-_-l/web/jikken/3.html がそれに近い。
どうなってるの？
310 名前： Name_Not_Found 投稿日： 01/12/02 10:16 ID:1kb4cN9p: http://dfj.cool.ne.jp/のformスタイルのときに、
背景画像が透けて、したの文字が見えるのですが、コレはどうすればいいのでしょうか。
網目状の透過gifでも使っているのでしょうか。
311 名前： うっ。 投稿日： 01/12/02 11:02 ID:AQuYs/K9: >>310
ソース見てないけど、filterのアルファブレンダリングでしょ。
bodyとかtableにstyle="filter:alpha(opacity=60)"とかにしてみ。
style="filter:alpha(filter:alpha(style=1,startX=0,startY=100,finishX=100,finishY=0,opacity=100,finishopacity=20)"
とか、細かく設定もできる。
あとは自分で調べて。いろいろあるし。
312 名前： Name_Not_Found 投稿日： 01/12/03 12:58 ID:NAeaD+SR: ×アルファブレンダリング
○アルファブレンディング Alpha Blending
313 名前： Name_Not_Found 投稿日： 01/12/03 13:09 ID:/sdiTgB3: >>311
ありがとう御座います。
そうか、だからIE専用スタイルなんだ…
314 名前： 297 投稿日： 01/12/03 23:49 ID:oVWFFsQR: >>298,>>299
IE6の厳格モードでは、何でそんな仕様にしたのかわかりませんけど、
BODY要素にoverflowが効かないんですよ。

http://www.microsoft.com/japan/developer/articles/dnie60/html/cssenhancements.asp

にも、

> 注 : 属性 overflow、overflow-x、および overflow-y は、コンテナのサイズより大きい
> コンテンツを管理するときに使用するもので、標準準拠モードが有効になっていると、
> これらの属性は HTML 要素に適用されます。

とあります。
315 名前： 297 投稿日： 01/12/03 23:49 ID:oVWFFsQR: 実際に調べてみますと、標準モードでは従来の擬似フレームの設定では
フレームにならない場合が多くあります。例えば縦に長いページの場合、
メインの部分をoverflow属性でスクロールさせたつもりが、HTML文書の
全体がスクロールして、position:absolute;で位置を固定したはずの
ナビゲーション部分が上に流れていってしまいます。

そこで、IE6標準モード対応型の擬似フレーム作成術があれば、
どなたか知恵を貸していただきたいな、と思った次第です。
316 名前： 297 投稿日： 01/12/03 23:50 ID:oVWFFsQR: とりあえず>>297より日も経ち、http://hp-design.net/で
新規公開された標準モード対応のELAVATING NAVIGATOR 2を
使用することで落ち着きました。

いずれにせよ、いずれ互換モードは朽ち果てるわけでして、
どうせ一年も続かない私のサイトなどはどうでもいいですが、
企業サイトに関わるプロのデザイナーさんはたいへんですね。
対応すべきブラウザが一つ増え、その一方でノウハウの蓄積が
ある準拠ブラウザが消えてしまうわけですから。
317 名前： Name_Not_Found 投稿日： 01/12/04 11:18 ID:2vXlz8X8: >>314-316
ここ参考になりませんか。
http://www17.u-page.so-net.ne.jp/qb4/chiharu-/overflow.html#mozilla
http://pc.2ch.net/test/read.cgi/hp/991666454/118-129
318 名前： Name_Not_Found 投稿日： 01/12/04 15:49 ID:AlC/dwkx: おしえてください！hover対象のテキストをポイントすると
そのテキストを含んだテーブルがちょこっと動くんですよ。
グラっと。ｶﾞｲｼｭﾂだったらスマソですが回避方法ご存知ありませんか
319 名前： Name_Not_Found 投稿日： 01/12/04 17:34 ID:z4lvX7kC: >>318への宿題。
その現象が起こるOS、UA及び、A:link、A:visited、A:hoverに対する
スタイル指定を、全て示せ。
320 名前：　投稿日： 01/12/04 18:06 ID:FWi9S/pa: >>318

要するにa:hoverにしかborder指定してないだけじゃん

A:link、A:visitedとかにa:hoverと同じwidth指定して
色をtransparent(透明)にでもしろ
321 名前： Name_Not_Found 投稿日： 01/12/04 21:01 ID:E/k6b5t/: UL{margin:0 auto;}と指定しました。
NN6やIE6の標準準拠モードでは左右マージンをautoにすればセンタリングされるはず。
しかしちっとも表示に変化がありません。margin-leftとmargin-rightにしても同様。
ULでなくliをセレクタにして指定すると、ULに設定したborderから間が空きすぎますし。
リスト・コンテナを中央揃にするにはどうしたらよいのですか。
322 名前： Name_Not_Found 投稿日： 01/12/04 21:02 ID:/06UgKs+: 318です。ありがとうございます
323 名前： Name_Not_Found 投稿日： 01/12/05 10:00 ID:wdBgvhi9: >>321
ulのwidthを定めると良いでしょう。
324 名前： Name_Not_Found 投稿日： 01/12/05 10:48 ID:elEck6B4: >>323
？？？　width指定ではセンタリングにはならないのでは？
――特にリストの横幅が入れる内容によって定まらない場合は。
もしうまく中央寄せにするやり方があるのならご教示くださいませんか。
325 名前： Name_Not_Found 投稿日： 01/12/05 12:37 ID:Gf6STMfX: >