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

1 名前：Name_Not_Found ：03/03/27 23:39 ID:???: CSSに関する質問はこちらへどうぞ。　※　ﾏﾀｰﾘ進行推奨　※
■■■■■　質問のやり方　■■■■■
・まず解説サイト（>>4 かなりわかりやすい）で基礎を勉強してください。
・質問の前にはまず【FAQ】（>>5-7）を参照してください。
・【FAQ】でもわからなかった場合は、過去ログを検索しましょう。
　WinIEの場合は、[Ctrl+F]で検索できます。
・IE などではまだ対応できていない要素などやバグが多数存在しますので、
　【解説など】の「バグ辞典」に目を通しておきましょう。

初心者の疑問は大抵ここまでで解決します。

「環境を書け」とか「ソースは？」と求められたときは
応じるようにしましょう。回答が早く返るようにするためです。
OSやブラウザのヴァージョンについても必ず明記してください。
特にNetscapeは、ver.4までと6以降でまったく別物です。

過去スレや関連リンクは>>2-10
【過去ログ】【関連スレ】>>2
【仕様書】【CSS検証】>>3
【解説など】>>4
【FAQ】>>5-7
http://fake_lint.tripod.co.jp/css.html
【FAQ】　http://fake_lint.tripod.co.jp/css.html#faq
【過去ログ】　http://fake_lint.tripod.co.jp/css.html#log
【関連リンク】　http://fake_lint.tripod.co.jp/css.html#related
2 名前：Name_Not_Found ：03/03/27 23:42 ID:???: 【過去ログ】
　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/hp/kako/996/996828258.html
　http://pc.2ch.net/hp/kako/1005/10050/1005047493.html
　http://pc.2ch.net/hp/kako/1011/10113/1011358982.html
　http://pc.2ch.net/hp/kako/1015/10154/1015474859.html
　http://pc.2ch.net/hp/kako/1019/10198/1019881572.html
　http://pc3.2ch.net/hp/kako/1025/10253/1025346520.html
　http://pc3.2ch.net/hp/kako/1028/10286/1028646616.html
　http://pc3.2ch.net/hp/kako/1031/10317/1031773943.html
　http://pc3.2ch.net/hp/kako/1034/10349/1034922586.html
　http://pc3.2ch.net/hp/kako/1038/10384/1038437758.html
　http://pc2.2ch.net/hp/kako/1041/10416/1041641395.html
　http://pc2.2ch.net/test/read.cgi/hp/1045124732/
【前スレ】
　http://pc2.2ch.net/test/read.cgi/hp/1047154499/
　

【関連スレ】
・CSS/DHTMLバグ辞典スレッド ver2.0
　http://pc2.2ch.net/test/read.cgi/hp/991666454/l50
・CSSでイケてるデザインサイト 10
　http://pc2.2ch.net/test/read.cgi/hp/1048475227/l50
・* CSS[適用="2ch"]{ イケてるスタイルを："作れ"}
　http://pc2.2ch.net/test/read.cgi/hp/1038678267/l50
・代替スタイルシートに萌え～
　http://pc2.2ch.net/test/read.cgi/hp/991400015/
・CSSコミュニティの功罪を懐かしむスレ 11th
　http://pc2.2ch.net/test/read.cgi/hp/1045361055/l50
3 名前：Name_Not_Found ：03/03/27 23:43 ID:???: 【仕様書】
・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
　http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/cover.html

【CSS検証】
・W3C CSS 検証サービス
　http://jigsaw.w3.org/css-validator/
4 名前：Name_Not_Found ：03/03/27 23:44 ID:???: 【解説など】
・ごく簡単な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
・CSS Laboratory対応表・一覧
　http://is.vis.ne.jp/charts/index.xhtml
・CSSバグリスト＠CSSバグ辞典スレッド
　http://cssbug.tripod.co.jp/index.html
・Web標準普及プロジェクト（特に「HTML/CSSのよくある誤解・ミス」）
　http://www.mozilla.gr.jp/standards/index.html
・（　´∀｀）＜ CSS でイケてるデザインサイトリンク集
　http://webcafe.zive.net/~css/
・* CSS { イケてるスタイルを："作れ";} 発表所
　http://strict.jp/~sappari/2ch/css.php
・ブラウザによる振り分け
　http://east.portland.ne.jp/~sigekazu/css/boxm.htm#ua
5 名前：Name_Not_Found ：03/03/27 23:47 ID:???: 【FAQ】

Q: IEで見ると大丈夫なのに、Netscape6（or7）で見ると、横スクロールバーが出てしまうのですが……

A: WinIEのボックス・モデルが間違ってるからです。
「width と height の計算方法の実装の違いについて」
http://hp.vector.co.jp/authors/VA022006/css/visualren.html#ref-width-heightwidthプロパティは、要素の内容領域の幅を指定するプロパティですが、
Windows版 Internet Explorer は、ボーダー領域 + パディング領域 + 内容領域の幅で
計算されてしまいます。
Macintosh版 Internet Explorer 5 や Netscape 6 では正しく計算されます。
Windows版 Inernet Explorer 6 の標準準拠モードでは、正しく計算されるようになりました。
http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp#cssenhancements_topic3
「IEとNNのBOXの計測方法の違いについて」
http://www.fromdfj.net/html/border2.html

Q: Netscape6(or7)では、text-alignにcenterを指定してやっても、table（や、その他のブロック要素）をセンタリングできません。IEではセンタリングされるのに……

A: IEの実装が間違っています。くわしくは下記（特に4.）をごらんください。

1.　http://anslasax.net/css-make/t-a/index.html
2.　http://tancro.stp-1.com/stylesheet/n6_center.html
3.　http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp#cssenhancements_topic6
4.　http://www.mozilla.gr.jp/standards/webtips0004.html
6 名前：Name_Not_Found ：03/03/27 23:48 ID:???: Q: CSSで擬似フレームってどうやるの？
A: 次のページを参考にして下さい。
overflow プロパティは擬似フレームも作成できる
　http://www.geocities.co.jp/SiliconValley-PaloAlto/6736/overflow.html
　http://www.geocities.co.jp/SiliconValley-PaloAlto/6736/files/frame.html
overflowを用いた擬似フレーム
　http://www.fromdfj.net/html/overflow.html

Q: CSSで段組するには？
A: 下記などを参照して下さい。

CSSを用いた段組の作成のコツ
　http://www.fromdfj.net/html/column.html
CSS段組レイアウトデザ委員会
　http://www.skipup.com/~l-_-l/web/
スタイルシートでマルチカラム・デザインを実現する方法
　http://www.motchie.com/article/multicolumn.html
tableを使はない段組:CSSによるマルチカラムデザインについての考察
　http://members.jcom.home.ne.jp/pctips/www/faq/Dangumi.html
　http://members.jcom.home.ne.jp/pctips/www/test/positiondangumi.html
段組れいあうとてすと
　http://www.remus.dti.ne.jp/~a-satomi/nikki/tmp/dangumi.html
なかよしぱれっと（ネスケ４でも崩れない段組みの実例）
　http://village.infoweb.ne.jp/~fores/

Q: なんかMacIEやOperaでフロートの表示が崩れるみたいなんですけど？
A: floatさせる要素にはwidth指定が必須（img要素以外）。
　　これ、CSSの仕様書の決まりなんです。WinIEは勝手に補ってくれてるだけです。
http://www.remus.dti.ne.jp/~a-satomi/nikki/tmp/floattest/float_not-specified-width.html
7 名前：Name_Not_Found ：03/03/27 23:55 ID:???: 【FAQ】
Q:画面中央に配置するにはどうすれば？
A:左右（水平方向）のセンタリングは既出。垂直には色々な方法があります。
　スタイルシート縦中央(垂直中央)
　http://www.parkcity.ne.jp/~chaichan/qanda/qa3558.htm

Q:背景画像を二つ指定するにはどうするか。
A:できません。background-imageは一要素に一つだけ。要素を重ねるなど工夫して下さい
8 名前：Name_Not_Found ：03/03/28 00:01 ID:???: 【注意】
CSSスタイルシートを意図した通りに機能させるには、正しい文書解析木が必要です。
つまり、正当(valid)なHTMLと共に、CSSスタイルシートを用いる必要があります。
9 名前：5 ：03/03/28 00:09 ID:???: >>5の改行箇所を間違った。やり直し。
【FAQ】

Q: IEで見ると大丈夫なのに、Netscape6（or7）で見ると、横スクロールバーが出てしまうのですが……
A: WinIEのボックス・モデルが間違ってるからです。
「width と height の計算方法の実装の違いについて」
http://hp.vector.co.jp/authors/VA022006/css/visualren.html#ref-width-height
widthプロパティは、要素の内容領域の幅を指定するプロパティですが、
Windows版 Internet Explorer は、ボーダー領域 + パディング領域 + 内容領域の幅で
計算されてしまいます。
Macintosh版 Internet Explorer 5 や Netscape 6 では正しく計算されます。
Windows版 Inernet Explorer 6 の標準準拠モードでは、正しく計算されるようになりました。
http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp#cssenhancements_topic3
「IEとNNのBOXの計測方法の違いについて」
http://www.fromdfj.net/html/border2.html

Q: Netscape6(or7)では、text-alignにcenterを指定してやっても、table（や、その他のブロック要素）をセンタリングできません。IEではセンタリングされるのに……
A: IEの実装が間違っています。くわしくは下記（特に4.）をごらんください。
1. http://anslasax.net/css-make/t-a/index.html
2. http://tancro.stp-1.com/stylesheet/n6_center.html
3. http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp#cssenhancements_topic6
4. http://www.mozilla.gr.jp/standards/webtips0004.html
10 名前：Name_Not_Found ：03/03/28 00:21 ID:???: ここも参考になるかも

ブラウザのHTML4/CSS対応度テスト
http://homepage1.nifty.com/emk/moz/browsertest.html

【ＦＡＱ】
Ｑ．いままでＨＴＭＬでやってた××をＣＳＳでやるにはどうすればいい？
Ａ．下記をご覧あれ。テーブル・レイアウトは段組のＦＡＱ（>>6）を見なさい。
「いままでの HTML との対照」
　http://www.tg.rim.or.jp/~hexane/ach/fscs/fscsa1.htm
　http://www.tg.rim.or.jp/~hexane/ach/sfcs/sfcsa1.htm
　http://www.tg.rim.or.jp/~hexane/ach/tocs/tocsa1.htm
11 名前：Name_Not_Found ：03/03/28 01:20 ID:???: ちんぽこ
12 名前：Name_Not_Found ：03/03/28 02:21 ID:???: http://japan.cnet.com/news/com/story/0,2000047668,20053166,00.htm
結局さあ、商業サイトとしてやってて大勢の人が閲覧する上記のサイトだってさ
全部テーブルレイアウトでスタイルシートは全く導入してないわけじゃない。
おそらくほとんどのブラウザで正常に表示されているし、とりたてて重くもない。サーバのせいかもしれんが。

幅固定だろうが、文字固定だろうが、白背景だろうが、みんな見てるし、
ほとんどの人は不満もない。はず。

見出しだってH3からはじまって小見出しにH5。おそらく大きさで使用してるんだろうけど。

これだけの実績があるわけだから今一番安全なレイアウトはテーブルレイアウトではないのか？
ＣＳＳに移行してしまうとそれだけで見れない環境が増えてしまうのが現状だ。

おそらくW3Cに厳格に従うのは自慰行為でしかないのではないか。
ただ、規格に違反していないという満足感だけではないのか。

僕？スタイルシート使ってますよ。もちろん。
13 名前：Name_Not_Found ：03/03/28 02:35 ID:???: >>12
>ＣＳＳに移行してしまうとそれだけで見れない環境が増えてしまうのが現状だ。

初耳
14 名前：Name_Not_Found ：03/03/28 02:42 ID:???: >>13
テーブルレイアウトは大抵のブラウザで見れるし、枯れたテクニックがある。
それにくらべてＣＳＳは・・・。
15 名前：Name_Not_Found ：03/03/28 02:48 ID:???: >>14の言う「見れない」はどの程度のことを言ってるのか分からないんだってば。
そのサイトの文がまったく読めない状態？それとも同じレイアウトを保てないって意味？
16 名前：Name_Not_Found ：03/03/28 03:00 ID:???: テーブルレイアウトしたいやつはやればいいんだよ。

ちなみに、今は移行の過程だということを忘れずに。これには先があるのだよ。
webを効率のよい・再利用しやすい・互換のあるデータベースとして扱うための発展途上だ。
それを拒むのも、受け入れるのもそれぞれ。個人・企業に限らず。
差はどんどん広がるけどな。
17 名前：Name_Not_Found ：03/03/28 03:03 ID:???: >>12
>おそらくほとんどのブラウザで正常に表示されているし、とりたてて重くもない。サーバのせいかもしれんが。
「おそらく」で言われても困るんだが。
「ほとんどのブラウザ」とは？NNやIEがCSSを読めないとでも？

>幅固定だろうが、文字固定だろうが、白背景だろうが、みんな見てるし、
>ほとんどの人は不満もない。はず。
「はず」って言われても。
例えば俺は「不満は有るが見られない程ではない」と思ってる。

>これだけの実績があるわけだから今一番安全なレイアウトはテーブルレイアウトではないのか？
>ＣＳＳに移行してしまうとそれだけで見れない環境が増えてしまうのが現状だ。
実績って何？エラーだらけのHTMLがが蔓延してる現状に
ブラウザメーカーが合わせてくれてる現状のこと？
「安全」ってのもわからない。テーブルレイアウトは俺の携帯ではまともに表示されやしない。

「ＣＳＳに移行してしまうとそれだけで見れない環境が増えてしまう」ってのは間違い。
CSSは「読ませない」という選択肢もある。

>おそらくW3Cに厳格に従うのは自慰行為でしかないのではないか。
>ただ、規格に違反していないという満足感だけではないのか。
テーブルレイアウトの方がデザインを押し付けてる分よっぽど独り善がりだと思うけどね。
18 名前：Name_Not_Found ：03/03/28 03:03 ID:???: >>12
だからどうした。「商業サイト」はそんなに偉いのか？
商業サイトのレイアウトをまねるのは自慰行為じゃないの？
19 名前：Name_Not_Found ：03/03/28 03:07 ID:???: >>12みたいなのに構ってたらきり無いで。
20 名前：Name_Not_Found ：03/03/28 03:08 ID:???: だ～か～ら～、新ｽﾚのしょっぱなから議論じみたことやるなっつ～の～
　　　　　　　　　　　　　　　　　　　　　　　~~~~~~~~~~~~~~~~~~
21 名前：Name_Not_Found ：03/03/28 03:11 ID:???: >>18
お前だけは何も分かっていないとだけ言っておこう
22 名前：Name_Not_Found ：03/03/28 03:11 ID:???: このスレは(ry
23 名前：Name_Not_Found ：03/03/28 03:13 ID:???: (´-`).｡ｏＯ人はTABLEにもどってくるんだよ。
http://pc2.2ch.net/test/read.cgi/hp/1011140326/
24 名前：Name_Not_Found ：03/03/28 03:21 ID:???: >>12
そのサイト、ネスケ3で見たらエラーメッセージが出るぞ。
25 名前：Name_Not_Found ：03/03/28 06:11 ID:Vr5SlUdB: >12
> ＣＳＳに移行してしまうとそれだけで見れない環境が増えてしまうのが現状だ。
　へたれのCSSがCSS非難の原因を生んでいる顕著な意見ですね。
ちゃんと使ってりゃそんな事ありえねえよ。
26 名前：Name_Not_Found ：03/03/28 06:36 ID:???: >>25
UAに依存したCSSってやつだね。
27 名前：Name_Not_Found ：03/03/28 06:47 ID:???: >>26
そそそ。それが原因で「CSSではブラウザによって表示できません」とか頓珍漢な難癖つけられて、
「CSSはまだまだ未発達な技術」扱いを受けるわけよ。
そんな程度の知識の香具師に「物理マークアップでもいいじゃない！」とか言って絡まれるのよ。
物理マークアップダメなんて言ってないのに。愚痴ｽﾏｿ。
28 名前：Name_Not_Found ：03/03/28 08:34 ID:???: >>12
ここは質問スレッドです。スレ違ひです。下記へ行きたまへ。

(´-`).｡ｏＯ人はTABLEにもどってくるんだよ。
http://pc2.2ch.net/test/read.cgi/hp/1011140326/l50
【td】テーブルレイアウトの何が悪いん？【/td】
http://pc2.2ch.net/test/read.cgi/hp/1035775357/l50

どうやれば>>12のサイトをCSSでちゃんと構築できるかって質問なら聞いてもよいぞ。
29 名前：Name_Not_Found ：03/03/28 08:41 ID:???: >>28

> どうやれば>>12のサイトをCSSでちゃんと
> 構築できるかって質問なら聞いてもよいぞ。

それも微妙にスレ違いぽ。

W3C信者にサイトを正しい記述に直して貰うスレ2
http://pc2.2ch.net/test/read.cgi/hp/1040377672/l50
30 名前：Name_Not_Found ：03/03/28 10:39 ID:???: ↓12の「釣れた」発言
31 名前：Name_Not_Found ：03/03/28 10:43 ID:???: ｜↑
└┘

次の質問どぞー。
32 名前：Name_Not_Found ：03/03/28 10:57 ID:???: >>25
お前こそまだ未熟だからこそそんなことがいえるのだ。現段階では
テーブルレイアウトも再現できてない体たらくの上に、
ブラウザ毎に分ける必要もある。場合もある。

現状でstrict+cssで構築されてるサイトでクールなデザインを実現出来ている
サイトは皆無だ。あるというならそれはお前の基準が低すぎる。
少し複雑なレイアウトをするだけでStrict遵守したままCSSレイアウトを実現
するのは非常に困難、もしくは制限を受ける。

結局は空DIVの連発などでのレイアウトを強いられているというのが、
現状だ。
（ＣＳＳでいけてるデザインにリンクされてるだっさい日本人サイトはstrictでやっているけるのだろうけど、
strictでもあれでは・・・ｗ。）

今のところテーブルレイアウトかdivレイアウト、この二択の他に選択肢はない。
もしくは、レイアウトをあきらめるかだ。（StrictＣＳＳサイトのデザインのほとんどはただの文章整形レベルだｗ）
33 名前：Name_Not_Found ：03/03/28 11:09 ID:???: だから議論は余所でやれっつうの。

↓次の質問どうぞ。
34 名前：Name_Not_Found ：03/03/28 11:23 ID:Vd4vDB98: >>32
（　´,_ゝ｀）
一つでいいから、おまえの言う、クールなデザインのサイト
とやらを見せてくれないかい？
35 名前：Name_Not_Found ：03/03/28 11:33 ID:???: 駄目なのはStrict+CSSではなくIE+Strict+CSSな訳だが。
mozilla、Opera7並の対応ならテーブルレイアウトも空div連発も必要無し。
36 名前：Name_Not_Found ：03/03/28 11:49 ID:???: >>34-35
>>33
37 名前：Name_Not_Found ：03/03/28 11:55 ID:???: >>35
そうなの？
糞ＩＥめ！
それならいっそ、w3cやめにしてW3IEとか作っちまえよ。めんどくせえな。
大体、いちいちこんなことにこだわってる奴は他に何にもしてないんだろうな。
38 名前：Name_Not_Found ：03/03/28 11:56 ID:???: >>34
http://www.clagnut.com/
39 名前：Name_Not_Found ：03/03/28 12:23 ID:???: >>37
http://japan.cnet.com/news/ent/story/0,2000047623,20053103,00.htm
40 名前：Name_Not_Found ：03/03/28 12:30 ID:???: 議論するならすれたてろ。
41 名前：Name_Not_Found ：03/03/28 12:38 ID:???: >>39
アメリカの体質そのものじゃねーか！
なんだそりゃ！

ＹＡＨＯＯＢＢも勝手なことばっかりしやがって
42 名前：Name_Not_Found ：03/03/28 15:20 ID:???: >>1
アホか
リンク貼る意味ねーじゃん
43 名前：Name_Not_Found ：03/03/28 19:24 ID:???: >>42
テンプレートのこと？
>>2-10にもあった方が参照に便利でしょ。FAQの追加もあったし。

ハイ次の方、質問どうぞ。
44 名前：Name_Not_Found ：03/03/28 19:43 ID:???: >>>2-10にもあった方が参照に便利でしょ。FAQの追加もあったし。

だとしても

>リンク貼る意味ねーじゃん

には同意
45 名前：Name_Not_Found ：03/03/28 19:58 ID:???: >>32
はいはい、float/display:table;/CSS3以降を待て。

―――――――――――――――――――――
46 名前：Name_Not_Found ：03/03/28 21:56 ID:???: いい加減すっきりさせろや
スレに貼るなら仕様書と解説サイトだけでいい
47 名前：Name_Not_Found ：03/03/29 01:04 ID:J+YlDHYQ: てか、CSSに本でも買って勉強して、それでも分からないのなら
質問して下さい。
レベルが低いとか、人を馬鹿にするようなことは言いたくないし、
思ってもいない、自分も最初はそうだったっから。。。。。
基本ぐらいは勉強して下さい。
48 名前：Name_Not_Found ：03/03/29 01:07 ID:???: >>47
あげんな
49 名前：Name_Not_Found ：03/03/29 01:13 ID:???: >>48
氏ね
50 名前：Name_Not_Found ：03/03/29 01:22 ID:???: >>49
なあ、人に氏ねといか言うのって恥ずかしいと思わない？恥ずかしいとか。いや、マジデ。
51 名前：Name_Not_Found ：03/03/29 01:24 ID:???: ↓次の質問どうぞ
52 名前：Name_Not_Found ：03/03/29 01:25 ID:???: 　　　　　／　　　　　　　　　　　　　　　　　　　　　＼
　　　　 /　　,r'"j　　　　　　　　　　　　　　　 i^'!、　　ヽ
　　　　/　　 </´　　　　　　　　　　　　　　　　｀ヾ>　　.:;i,
　　　 ,l　　　　　　　　_,._,.　　　　　　　 _,._,.　　　　　　 .:.:l,
　　　 |　　　　　　　< (ヅ,>　　　　　 < (ヅ,>　　　　　...:.::|
　　　 !　　　　　　　｀￣´ 　　　. 　｀￣´ 　　　 ..: ::::::!
　　　｜　　　　　　　　　　ﾉ . : . :;i,　　　　　　 ... ::::::.:::|
　　　 !　　　　　　　　　　（.::.;人..;:::）　　　　　...:.:::::.:::::::::!
　　　　ヽ、　　　　　　　　　｀´　｀´　　　 ........::..::..::.::::::::/
　　　　　＼......,,,,,,,_ 　　　　　　　　　.....:::::::::::::::::::::::::／
53 名前：Name_Not_Found ：03/03/29 01:31 ID:???: >>52
仕様書読め
54 名前：Name_Not_Found ：03/03/29 01:37 ID:???: なんでこの頃CSS系のスレ荒れてるの？
55 名前：Name_Not_Found ：03/03/29 01:39 ID:???: >>54
そんくらいググれ
56 名前：Name_Not_Found ：03/03/29 01:40 ID:???: >>54
ｶﾞｲｼｭﾂ
57 名前：Name_Not_Found ：03/03/29 01:43 ID:???: http://www.google.com/search?hl=ja&ie=UTF-8&oe=UTF-8&c2coff=1&q=%E3%81%AA%E3%82%93%E3%81%A7+%E3%81%93%E3%81%AE%E9%A0%83+CSS%E7%B3%BB%E3%81%AE+%E3%82%B9%E3%83%AC+%E8%8D%92%E3%82%8C%E3%81%A6%E3%82%8B%E3%81%AE%EF%BC%9F&lr=
58 名前：Name_Not_Found ：03/03/29 01:45 ID:???: >>54
住人がstrictｽﾚと重複してるからかもな。
59 名前：Name_Not_Found ：03/03/29 01:55 ID:???: >>46
そんなことしたら、似た樣なくだらない質問が繰返し書き込まれるだけですよ。
それを防ぐためのテンプレートでしょ？
くどい位の方が初心者には親切です。

ハイ次の方、質問どうぞ。
60 名前：Name_Not_Found ：03/03/29 02:03 ID:???: 前スレの741です。お答えいただいた方、ありがとうございました。
結局、:hoverは使わないことにしました。

ちなみに、私の言った「推理小説の結末」云々は、書評を書くときのネタバレのことでした。
あと、私は741と743だけしか発言していません。誤解していらっしゃる方がおられるようなので、念のため。
今更の感はありますが。
61 名前：Name_Not_Found ：03/03/29 02:05 ID:???: 帰れ
62 名前：Name_Not_Found ：03/03/29 02:07 ID:???: >>60
今更だけど、そういうのはネタバレ、とか書いとけば苦情もないんじゃないかな、って思うです。
書いてあって読んじゃったなら自分が悪いや、って思えるし。

ｽﾚﾁｶﾞｲすまそ。
63 名前：Name_Not_Found ：03/03/29 02:13 ID:???: なにこの電波は・・・
64 名前：Name_Not_Found ：03/03/29 02:18 ID:???: >>63
あんたの体を通して発してるよ。
65 名前：Name_Not_Found ：03/03/29 02:25 ID:???: 質問です。
アンダースコア（_）ってやはりクラス名とかには使用しない方が無難ですか？
非対応のブラウザがそんなに無いのなら、気にしなくてもよいのかもしれないけど……。
66 名前：Name_Not_Found ：03/03/29 02:32 ID:???: >>65
仕様書では使えるようになった、とされてるけど、使わないといけない事態ってのがないなら使わない方が無難かもな。
67 名前：Name_Not_Found ：03/03/29 02:47 ID:???: >>65
最近のウェブブラウザなら無問題。
へぼCSS検証サービスには怒られるけど。
68 名前：Name_Not_Found ：03/03/29 03:00 ID:???: >>65
/* CSS、スタイルシート質問スレッド【14】 */
http://pc2.2ch.net/hp/kako/1041/10416/1041641395.html
347 名前： Name_Not_Found 投稿日： 03/01/25 09:26 ID:???

CSS1的には、識別子として使える文字は[A-Za-z0-9]に
ハイフン、Unicodeの161-255。但しセレクタの先頭に
ハイフンと数字は使えない。

CSS2的には、[A-Za-z0-9]にハイフン、Unicodeの161以上。
先頭文字の制限はCSS1と一緒。
その後、Errata が出てアンダースコアも使えると訂正された。
# 但し、古い資料やW3CのValidatorでは使えないとされているので注意。

ピリオドは基本的に両仕様とも使えないが、一応バックスラッシュ（\）で
エスケープすれば特殊な文字も只の識別子として扱える、とされている。
但し、扱えるUA（ブラウザ）が限られてくるけど。

という訳で、アンダーバーはCSS2なら可、ピリオドはエスケープすれば
使える（あまり推奨はしないけど）。
あと、使用するHTMLのバージョンによっても微妙に違うので御注意。

http://www.w3.org/TR/1998/REC-CSS2-19980512/syndata.html#q4
http://www.w3.org/Style/css2-updates/REC-CSS2-19980512-errata.html
http://www.ne.jp/asahi/minazuki/bakera/html/reference/dataformat
http://east.portland.ne.jp/~sigekazu/css/ascii.htm

http://hp.vector.co.jp/authors/VA022006/css/syntax.html#about-underscore
69 名前：Name_Not_Found ：03/03/29 07:04 ID:???: リンクの貼ってあるイメージ上でa:hoverすると
背景色が変わるようにしたいんですが、

a img{
margin: 0;
padding: 10px;
border: 1px dashed #999;
}

a:hover img{
margin: 0;
padding: 10px;
border: 1px dashed #fff;
background: #f06;
}

だけだと、IEだと無視されてしまいます。
どうすればよろしいでしょうか？
70 名前：Name_Not_Found ：03/03/29 07:22 ID:RjLjlExE: >>69

a:hover img{
margin: 0;
padding: 10px;
border: 1px dashed #fff;
}
a:hover {
background: #f06;
}

じゃ駄目なの？
71 名前：Name_Not_Found ：03/03/29 07:57 ID:???: >>70
おぉーいけましたー！
ありがとうございました！
72 名前：Name_Not_Found ：03/03/29 09:25 ID:???: >>62
どう表現しようがかってだろ？
俺は隠したいんだよ。
73 名前：Name_Not_Found ：03/03/29 11:10 ID:???: >>72
だからDOMだって既出
74 名前：Name_Not_Found ：03/03/29 11:27 ID:???: >>73
なにがドムだよ。略しやがって。
ちゃんと書けばか
75 名前：Name_Not_Found ：03/03/29 12:55 ID:???: DOMDOMバーガー
76 名前：Name_Not_Found ：03/03/29 12:57 ID:???: >>69 下記参照のこと。

http://cssbug.tripod.co.jp/detail/winie/b013.html
WinIE6.0互換モード及び5.5以前ではimg要素にパディングが効きません。WinIE6.0標準モードではパディング指定が反映されます。
77 名前：Name_Not_Found ：03/03/29 18:51 ID:kl24W3JX: スタイルシートを使用してリンクだけの色を変えることは可能でしょうか？
つまり、踏んだ後と踏む前とクリックした時の文字の色です。
78 名前：可能です。 ：03/03/29 18:52 ID:???: >>77
>>1
79 名前：Name_Not_Found ：03/03/29 19:11 ID:???: 　　　　　　　　　　　　　　　　♪
　　　。。。。ÅÅ。。。∧ ∧
　　 _(人人人人人人ﾉ(ﾟーﾟ*)
　　|==============.⊂　|　　ﾄﾞﾋﾟｭｯ
　　|ｙｙｙｙｙｙｙｙyｙｙｙｙｙｙ|/ ﾉ～
　|~~~~~~~~~~~~~~~~~~ι'|
====================== 　､､､､､
80 名前：77 ：03/03/29 19:34 ID:???: ごめんなさい。どうすれば色を替えれますか？
81 名前：Name_Not_Found ：03/03/29 19:38 ID:???: >77
>>4
82 名前：Name_Not_Found ：03/03/29 19:38 ID:???: >>80
>>1
83 名前：Name_Not_Found ：03/03/29 20:08 ID:???: >>77 >>80
>>47
84 名前：Name_Not_Found ：03/03/29 20:11 ID:???: >>80
■■■■■　質問のやり方　■■■■■
・まず解説サイト（>>4 かなりわかりやすい）で基礎を勉強してください。
・質問の前にはまず【FAQ】（>>5-7）を参照してください。
・【FAQ】でもわからなかった場合は、過去ログを検索しましょう。
　WinIEの場合は、[Ctrl+F]で検索できます。
・IE などではまだ対応できていない要素などやバグが多数存在しますので、
　【解説など】の「バグ辞典」に目を通しておきましょう。
85 名前：Name_Not_Found ：03/03/29 21:35 ID:???: >>78,80-84
ここは質問スレだろ？
答えてやったらどうなんだ？
86 名前：Name_Not_Found ：03/03/29 21:37 ID:???: 答えのある場所に誘導したじゃん。
87 名前：Name_Not_Found ：03/03/29 21:43 ID:???: >>85
氏んじゃっていいよ
88 名前：Name_Not_Found ：03/03/29 21:52 ID:???: >>85
うるさいよ77
89 名前：Name_Not_Found ：03/03/29 22:14 ID:???: 見にくい争いだなぁ・・・
90 名前：Name_Not_Found ：03/03/29 22:19 ID:i7TXnUrp: >>85-88
桜は咲きましたか？
こちらは先日咲き始めました．
91 名前：Name_Not_Found ：03/03/29 22:22 ID:???: >>90
いっぱい咲いてるよ
ttp://etc.2ch.net/denpa/
92 名前：Name_Not_Found ：03/03/29 22:27 ID:???: >>77 >>80
基本すぎて、どこから教えてあげたらいいのかわからない。
CSSのことが少しはわかっているのだとしたら、リンクの色の変え方ぐらいは
すでに理解している筈なので、たぶんまったくわかっていないのだろう。
そうだとしたら、1から教えてあげないといけないが、それには多くの文章を
費やさなければならないので、>>4のサイトで勉強してもらった方が早い。
実際、それほど難しくはないし、ここで小手先の技だけ習うと、誤用に
つながる恐れがある。

といったところかな。
CSSを理解するつもりがないのなら、
<BODY bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
で十分。
CSSを理解したければ、>>4で勉強してください。
93 名前：Name_Not_Found ：03/03/29 22:34 ID:m6iPQc7Q: たまに、
<ul>
<li>ほにゃらら</li>
<li>ほにゃらら</li>
<li>ほにゃらら</li>
</ul>

というリストを横に並べて表示させているサイトがありますが、
どうやってやるのですか？
94 名前：Name_Not_Found ：03/03/29 22:40 ID:C+Yb8OUW: >>93
やらないか？
95 名前：Name_Not_Found ：03/03/29 22:40 ID:???: >>93

li { display : inline; margin-right : 1em: }

マージンの値はお好みで。（例は。各項目の間を1文字分空けたい場合）
ネスケ4だと、ぐちゃぐちゃになるので、ネスケ4除け必須。
あと、IE5.0以前は、インライン要素のマージンやパディングを無視するので、
各項目がくっついちゃうのは覚悟しておいた方がいい。
96 名前：Name_Not_Found ：03/03/29 22:41 ID:???: >>94
うほっ、いい男！
97 名前：Name_Not_Found ：03/03/29 22:41 ID:m6iPQc7Q: >>95
どうもありがとうございます、目からウロコです。
ポジション要素とか使おうと思っていました。
98 名前：Name_Not_Found ：03/03/29 22:47 ID:???: >>1
糞スレ立てんな
99 名前：Name_Not_Found ：03/03/29 22:59 ID:???: 目に鱗があるなんて・・・気持ち悪い
100 名前：Name_Not_Found ：03/03/29 23:10 ID:???: 目からウ〇コです
101 名前：Name_Not_Found ：03/03/30 00:13 ID:Kcj8jd/h: >>81-84
>>86-88
>>92
>>77と>>93の質問違いはなんだろう？
たまたま、>>95がいい人だったのか？
ただのCSSの中のプロパティと値だけなんだが。。。
オマイらはどういうのがレベル高いと思ってんのよ？
偉そうに。。。。。
102 名前：Name_Not_Found ：03/03/30 00:17 ID:???: >>101
よく見る質問か否かの違いじゃない？
103 名前：Name_Not_Found ：03/03/30 00:21 ID:p6gOTeNw: すいません。もう、出ているかもしれませんが
ｄｉｖなどの、background-colorに半透明の色を使うには
どうしたらよいのでしょう。

Ｗｅｂ作り始めて2週間のチョウ初心者なので、教えてください。
104 名前：Name_Not_Found ：03/03/30 00:23 ID:???: >>101
>>77の質問はCSS解説サイト行けばどんなにレベルの低いサイトでも解説してあります。
　　　　　　　　　　　　　　　　　　　　　　~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
逆に
>>93の質問を解説してるサイトはそうは多くないでしょう。その違いです。
105 名前：Name_Not_Found ：03/03/30 00:24 ID:???: >>103
transparent
106 名前：１０３ ：03/03/30 00:26 ID:p6gOTeNw: >>105
それを、どのように、書き込めばいいんでしょうか？
とほほの～をみてもわかりませんでした。
107 名前：Name_Not_Found ：03/03/30 00:31 ID:???: >>103
background-color:transparent
でよいのではないか？
108 名前：Name_Not_Found ：03/03/30 00:31 ID:???: >>106
無理
画像でやってくれ
109 名前：Name_Not_Found ：03/03/30 00:34 ID:Kcj8jd/h: >>104
サイトが多いとか、レベルが低いとか自分で判断してるだけだろ？
はっきり言えよな？>>72が可哀想だよ
CSSのプロパティにはレベルなんか存在しないしな
110 名前：Name_Not_Found ：03/03/30 00:34 ID:???: transparentは、半透明ではない。
111 名前：１０３ ：03/03/30 00:36 ID:p6gOTeNw: ｇｉｆで出来るのでしょうか？
112 名前：Name_Not_Found ：03/03/30 00:36 ID:???: 背景色をbackground-colorで半透明にするのは（CSS2では）できない。
背景画像として半透明pngを使えば良いのだが、糞ブラウザが対応していない。
113 名前：１０３ ：03/03/30 00:38 ID:p6gOTeNw: http://www.nasda.go.jp/

ここの、メニューの上にポインタを置いた時に出てくるような色。
114 名前：92 ：03/03/30 00:41 ID:???: >>109
>>92でも書いたことだが、たとえば、>>77は基本的なことがわかっていない
可能性が高く、きちんとプロパティと値を答えても、
「そのタグをどこに書けばいいんですか？」
といった答えが返ってくる可能性がある。
それに対して、style要素の書き方やら外部CSSの書き方を答える……となる
と、結構な量の文章が必要になる。
しかし、>>93の質問は、それほど基本的ということでもないし、聞き方から
して、基本はわかっている可能性が高い。

> CSSのプロパティにはレベルなんか存在しないしな

CSSにはレベル1と2があるが、それはさておき。
問題になるのは、「プロパティのレベル」ではなく、「聞き手のレベル」。
レベルが高くないと答えないわけではないが、レベルが低すぎる場合は
「基本から勉強して」という回答の方が親切。
115 名前：Name_Not_Found ：03/03/30 00:42 ID:???: >>111
gifには半透明はありません。
誤魔化しでよければ、こんなのも・・・
ttp://airmail.sakura.ne.jp/~komugi/gimp/mygimpold/check.html
116 名前：Name_Not_Found ：03/03/30 00:44 ID:???: >>113
それは、他の画像ボタンと入れ替えているだけかと。
117 名前：116 ：03/03/30 00:49 ID:???: ごめん。
×他の画像ボタン
〇他の背景色
118 名前：Name_Not_Found ：03/03/30 00:50 ID:Kcj8jd/h: >>114
ぐたぐた、何行も文句並べる暇があったら教えてやったら
いいんじゃないのか？（w
そっちの方が手間だと思うけどね
119 名前：１０３ ：03/03/30 00:51 ID:p6gOTeNw: >>115
な～るほど。なんか笑っちゃいますね。

>>113
なんか、よく解らないけど、もう、高望みするのはやめました(´Д｀)
120 名前：Name_Not_Found ：03/03/30 00:52 ID:???: >>119
まあ、これだからとほほはアテにならないのさ
121 名前：１０３ ：03/03/30 00:54 ID:p6gOTeNw: なにわ、ともあれ、ありがとうございました。
２ちゃんほど、あてになるところはありません！
122 名前：Name_Not_Found ：03/03/30 01:19 ID:wDxF/AN8: >>121
独自拡張なので使わない方がいいけどな
background-imege:filter:alpha(opacity=50);/*IE*/
background-imege:-moz-opacity:0.5;/*Mozilla系*/
100・1で不透明
123 名前：Name_Not_Found ：03/03/30 01:22 ID:???: >122 imageのスペルが違うと突っ込んどく。
124 名前：122 ：03/03/30 01:23 ID:???: >>123
ほんとだ、ｽﾏｿ
125 名前：Name_Not_Found ：03/03/30 01:42 ID:???: >>122
しかも、Mozillaに至っては、開発もとのmozilla.orgが一般のWebサイトで利用するなと言っている。
126 名前：Name_Not_Found ：03/03/30 01:52 ID:???: 101が偉そうにしてるスレはここですか？
127 名前：Name_Not_Found ：03/03/30 01:55 ID:???: なんかこのスレの駐在ってすねてる香具師が多いね？
人のミスとかネタには敏感にレス返すけど、肝心の質問に対しては
めんどう臭そうに、レス返してるね？（　´,_ゝ｀）ﾌﾟｯ
128 名前：Name_Not_Found ：03/03/30 01:57 ID:???: >>126は>>114の自作自演
129 名前：Name_Not_Found ：03/03/30 02:08 ID:???: みんな！なかよくしなさい！

↓次の質問どうぞ
130 名前：Name_Not_Found ：03/03/30 02:08 ID:???: >>118
じゃ、お前が答えてやったら？
131 名前：Name_Not_Found ：03/03/30 02:15 ID:???: >>77 >>80

a:link { color : blue; } /* 未参照リンクの色 */
a:visited { color : purple; } /* 参照済リンクの色 */
a:active { color : red; } /* 選択中のリンクの色 */

これでわからない場合は、>>4で勉強して。
一番最初に挙げられている「ごく簡単なHTMLの説明」がわかりやすい。
いきなりCSSに関する部分を読まずに、頭から読むことをおすすめする。

>>118 >>109 >>101
回答したから、これでおしまいにしてくれ。
132 名前：Name_Not_Found ：03/03/30 04:04 ID:???: >>122-125
133 名前：朝までＢＢＳ ：03/03/30 04:14 ID:12d85gXI: http://www.gamania.co.jp/ec/ エターナルカオスのサイトなんですけど
フラッシュ使ってるのはわかるのですが、このメニューの項目のところみたいに
するには、どうすればいいですか？ＣＳＳという技術を使ってるみたいなのですが、
ニュースをクリックするとニュースの下に項目がでてくるのですが、知ってる方
いたらアドバイス下さい。検索してもうまくでてこないし、凄い技術なので
ぜひとりいれてみたいです。
ＨＰ作成のとこで聞こうと思ったのですが、こちらで聞いたほうがＬＶも高いので
理解できる方がいると思い書き込みさせてもらいました。よけれべ教えてください
134 名前：77 ：03/03/30 04:18 ID:???: >>131
もう少し詳しくお願いできますか？
135 名前：Name_Not_Found ：03/03/30 04:19 ID:???: よけれべナイ
136 名前：Name_Not_Found ：03/03/30 04:20 ID:???: >>133
ＣＳＳを使ってるのなら、そこのＣＳＳソースを閲覽して解析するとよい。
その記述をＣＳＳリファレンスと照し合せながら真似してみる。
遠回りみたいだが、結局それが一番身になります。
137 名前：Name_Not_Found ：03/03/30 04:23 ID:???: >>134
なぜ少しは自分で勉強しようとしないのですか。
>>131さんは親切にも参考になるサイトまで挙げてるのに。
138 名前：Name_Not_Found ：03/03/30 04:26 ID:???: ニュースをクリックするとニュースの下に項目がでてくるのはフラッシュ使ってます>>133
139 名前：Name_Not_Found ：03/03/30 04:29 ID:???: >>133
>このメニューの項目のところみたいに

見たけど、最上部のメニューのことなら、特にCSSで仕組んではないみたいだけど？

>ニュースをクリックするとニュースの下に項目がでてくるのですが

出てこないけど？　
出てくるとしたら、それはCSSってよりもDHTML（JavaScriptの応用)でしょ。
ここで訊ねる質問ではないやね。
140 名前：Name_Not_Found ：03/03/30 06:06 ID:???: >>133
フラッシュ使ってるのは分かってるのになぜここで聞くんだ……。

>>139
でてくるよ。左のメニューの事だと思う。
141 名前：Name_Not_Found ：03/03/30 09:09 ID:???: 半透明にしたいなら、擬似半透明pngはいかが？

１ドット単位で透明色にしていくんだよ。

チェック模様みたいに。
142 名前：Name_Not_Found ：03/03/30 09:14 ID:???: >141
既出
143 名前：Name_Not_Found ：03/03/30 09:52 ID:???: >>142
おまえが既出だ
144 名前：Name_Not_Found ：03/03/30 09:53 ID:???: >>143
もっとまともな突っ込み用意せえよ
145 名前：Name_Not_Found ：03/03/30 09:57 ID:???: >>144
おまえが用意しろ
146 名前：Name_Not_Found ：03/03/30 09:57 ID:???: >>370
まったくだね。はっきりいって初心者向けほうむぺーじ講座の
受講者の方がよほど見栄えのする物をつくれるよ。
それをCSSってだけで騒ぎ立てて・・・センスなさ過ぎて哀れだ。
147 名前：Name_Not_Found ：03/03/30 09:57 ID:???: >>145
あたしは突っ込む必要ないし
148 名前：Name_Not_Found ：03/03/30 09:59 ID:???: >>146
わけのわからん誤爆をするな。内容も稚拙だし。
149 名前：Name_Not_Found ：03/03/30 10:02 ID:???: FLASHｳｻﾞｲ
http://pc2.2ch.net/test/read.cgi/hp/1005741301/
150 名前：Name_Not_Found ：03/03/30 10:03 ID:???: >>147
じゃあつっこんでやる
まんこひらけ
151 名前：Name_Not_Found ：03/03/30 10:04 ID:???: >>150
落ち着け童貞。俺は男だ。
152 名前：Name_Not_Found ：03/03/30 10:05 ID:???: >>148
おまえが稚拙だ。
153 名前：Name_Not_Found ：03/03/30 10:06 ID:???: ＣＳＳの観点から見たときtableは使わないほうがいいのですか？
floatなどを使って段落分けした方が正しい使い方なのでしょうか？
初歩的な質問で申し訳ありませんがお答えいただければと思います。
154 名前：Name_Not_Found ：03/03/30 10:06 ID:???: お前が何とか、ってのは面白いと思ってやってるんだろうな。稚拙。
155 名前：Name_Not_Found ：03/03/30 10:06 ID:???: >>151
おまえが童貞だ。http://human.2ch.net/test/read.cgi/male/1048727385/
156 名前：Name_Not_Found ：03/03/30 10:06 ID:???: >>154
オマエが稚拙だ
157 名前：Name_Not_Found ：03/03/30 10:07 ID:???: >>153
表ならテーブル。レイアウトならCSS。
CSSの観点ではなくて、「正しいHTML」という観点だよ。
158 名前：Name_Not_Found ：03/03/30 10:07 ID:???: >>155
常駐スレッドを紹介されても困る。
159 名前：Name_Not_Found ：03/03/30 10:08 ID:???: >>153
レイアウト目的でテーブルを使用するのは、悪いとされているが
別に守る必要はない。
実際yahooでもテーブルレイアウトだ。
160 名前：Name_Not_Found ：03/03/30 10:08 ID:???: >>153
別に表ならばtableなのが当然ですよ。
表でなく、レイアウト目的ならあまり好ましくない。
これ以上はstrictHTMLスレッドでも行って訊くか、検索すること。
161 名前：Name_Not_Found ：03/03/30 10:09 ID:???: >>158
おまえが好きだ。
162 名前：Name_Not_Found ：03/03/30 10:10 ID:???: http://japan.cnet.com/news/com/story/0,2000047668,20053166,00.htm
結局さあ、商業サイトとしてやってて大勢の人が閲覧する上記のサイトだってさ
全部テーブルレイアウトでスタイルシートは全く導入してないわけじゃない。
おそらくほとんどのブラウザで正常に表示されているし、とりたてて重くもない。サーバのせいかもしれんが。

幅固定だろうが、文字固定だろうが、白背景だろうが、みんな見てるし、
ほとんどの人は不満もない。はず。

見出しだってH3からはじまって小見出しにH5。おそらく大きさで使用してるんだろうけど。

これだけの実績があるわけだから今一番安全なレイアウトはテーブルレイアウトではないのか？
ＣＳＳに移行してしまうとそれだけで見れない環境が増えてしまうのが現状だ。

おそらくW3Cに厳格に従うのは自慰行為でしかないのではないか。
ただ、規格に違反していないという満足感だけではないのか。
163 名前：Name_Not_Found ：03/03/30 10:10 ID:???: >>159
守る必要はない、は同意だけど、
> 実際yahooでもテーブルレイアウトだ。
これを根拠にするのはちょっとな。
じゃあ、ヤフーは完璧なの？とかいう話になる。
164 名前：Name_Not_Found ：03/03/30 10:10 ID:???: >>161
笑いとれない人は興味ない
165 名前：Name_Not_Found ：03/03/30 10:11 ID:???: >>162
いまさらなコピペだな。
166 名前：Name_Not_Found ：03/03/30 10:11 ID:???: なんかＣＳＳ嫌ひの奴が貼り附いてゐますね、ここのところ。しつこい。
167 名前：Name_Not_Found ：03/03/30 10:13 ID:???: >>163
すくなくともＣＳＳなしょぼいサイトよりも多くの人が見れている実績がある。
ヤフーがみれねえという不満を聞いたことがあるか？
ヤフーが完璧なわけじゃなくてほとんどのＣＳＳさいとがダメすぎるといってるんだよ。ｗ
168 名前：Name_Not_Found ：03/03/30 10:14 ID:???: >>166
169 名前：Name_Not_Found ：03/03/30 10:16 ID:???: >>167
cssで讀めなくなるなんてNN4くらゐでせう。
それもmedia属性や@importで回避できるんだし。
虚言を述べてまでいまさらそんな議論を蒸し返したいのですか？
スレ違ひですよ。
170 名前：Name_Not_Found ：03/03/30 10:16 ID:???: >>166
しね
171 名前：Name_Not_Found ：03/03/30 10:17 ID:???: >>167
CSSを理解してない人はこなくていいよ。
172 名前：Name_Not_Found ：03/03/30 10:18 ID:???: >>169
くらい？
じゃあNN4の環境は切り捨ててもいいと。
そんならＩＥ以外は切り捨てだな。（各爆）
173 名前：Name_Not_Found ：03/03/30 10:19 ID:???: >>167
不思議マークアップに対してブラウザ側が表示できるようにしてくれてるだけなんだけどね。
174 名前：Name_Not_Found ：03/03/30 10:19 ID:???: >>171
レッテル貼りをする
　　　「犬が哺乳類だなんて過去の概念にしがみつく右翼はイタイね」
175 名前：Name_Not_Found ：03/03/30 10:19 ID:???: >>174
メ欄。あっさり釣れすぎ
176 名前：Name_Not_Found ：03/03/30 10:20 ID:???: >>173
結果的にみれている
177 名前：Name_Not_Found ：03/03/30 10:20 ID:???: >>175
知能障害を起こす
　　　「何、犬ごときにマジになってやんの、バーカバーカ」
178 名前：Name_Not_Found ：03/03/30 10:21 ID:???: >>176
de?
179 名前：Name_Not_Found ：03/03/30 10:21 ID:???: 素早い返答ありがとうございます。
厳格な決まりは無いんですね。

最近スタイルシートも使い始めたのですが、やはりずっとｈｔｍｌで作っていたのでtableが使いやすいです。
複雑なtableは組まないでスタイルシートをうまく使えるように勉強していきます。
質問に答えていただきありがとうございました。
180 名前：Name_Not_Found ：03/03/30 10:21 ID:???: まあこうやって荒しの思うつぼなわけだが、初心者は他のスレへ行ってくれ。
181 名前：Name_Not_Found ：03/03/30 10:21 ID:???: >>177
アンカーみすってるよ。
正しくは、>>174だ。
182 名前：Name_Not_Found ：03/03/30 10:22 ID:???: おれら極悪非道のageブラザーズ！
今日もネタもないのにageちゃうぞ！
￣￣∨￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣
　 ∧＿∧ 　 ∧＿∧ 　　　age
　（・∀・∩）（∩・∀・）　　　　age
　（つ　　丿（　　⊂）　age
　（　ヽノ　　ヽ/　　）　　　age
　し（＿）　　（＿）Ｊ
183 名前：Name_Not_Found ：03/03/30 10:22 ID:???: >>172は>>169をよく読みなさい。
＞それもmedia属性や@importで回避できるんだし。

そして>>6を見なさい。
なかよしぱれっと（ネスケ４でも崩れない段組みの実例）
　http://village.infoweb.ne.jp/~fores/
184 名前：Name_Not_Found ：03/03/30 10:22 ID:???: >>179
違う違う。厳格な決まり、というとstrictでvalidなhtmlだ。
だから、テーブルは表で使うべき。

さっき言ったのは、厳格な決まりに従わなくても別にいいんじゃないか、って事だ。
185 名前：Name_Not_Found ：03/03/30 10:22 ID:???: だってあのブラウザ糞なんだもの。
186 名前：Name_Not_Found ：03/03/30 10:23 ID:???: 現状のＣＳＳではテーブルレイアウトは再現できない。

おれら極悪非道のageブラザーズ！
今日もネタもないのにageちゃうぞ！
￣￣∨￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣
　 ∧＿∧ 　 ∧＿∧ 　　　age
　（・∀・∩）（∩・∀・）　　　　age
　（つ　　丿（　　⊂）　age
　（　ヽノ　　ヽ/　　）　　　age
　し（＿）　　（＿）Ｊ
187 名前：Name_Not_Found ：03/03/30 10:23 ID:???: うわっなんで朝からこんなにいっぱいいるの。
188 名前：173 ：03/03/30 10:24 ID:???: 　　　　　　　　　　　／　　　　＼
　　　　　　　　　／　　 ∧　∧　＼
　　　　　　　　　 |　　　　・　・　　　|
　　　　　　　　　 |　　　　）●（　　 |
　　　　　　　　　 |　　　＼＿＿／　|
　　　　　　　　　＼　　　＼ﾉ　　／
　　　　　　　　　　＼＿＿＿_／
　　　　　　　　　　　　＿|　|＿
　　　　　　　　　　　／　　　　＼
　　　　　　　　　　<　<~|　　　|~> 〉
　　　　　　　　　　　＼｀| 　　|'_ノ
　　　　　　　　　　　／　　　＼
　　　　　　　　　　／／O| |O＼＼
　　　　　　　　／／　　//　　　＼＼
　　　　　　　　|　|　　　//= 　ヽ　　|　|
　　　　　　　　|　|　／/　二　＼｜｜
　　　　　　　　|　| （_ノ　―　＝　 )|　｜
　　　　　　　（＿）　　　　　　　　　（＿）

バナナが一本ありました～バナナンバナナンバナナ♪
189 名前：Name_Not_Found ：03/03/30 10:24 ID:???: >>185
まともなブラウザの方が少ないよ。
というか、発言の次元が違うよな。あんたは。
190 名前：Name_Not_Found ：03/03/30 10:24 ID:???: >>187
どんな生活してんだオマエ
191 名前：１７３ ：03/03/30 10:24 ID:???: >>188
どこでわらっていいのかすらわからんかった。
192 名前：Name_Not_Found ：03/03/30 10:26 ID:???: 煽りなれしてないスレで燃料投下はやめてくれ。
193 名前：Name_Not_Found ：03/03/30 10:26 ID:???: それでも古いものにもわざわざ対応させなくていいじゃん。
194 名前：Name_Not_Found ：03/03/30 10:26 ID:???: >>185
糞は無視してもいいという発想がどうかしてる。
無視できるならしたらいい。
195 名前：Name_Not_Found ：03/03/30 10:28 ID:???: >>193
そうだね。
大学の研究室や古いマシンしかない環境は切り捨てちゃったほうがね。
じゃあＮＮとかOPERAも邪魔だし。
ＩＥだけになればただしいもただしくないもなくなるわけだしさ。（爆）+
196 名前：Name_Not_Found ：03/03/30 10:29 ID:???: >>195
そうだね
197 名前：Name_Not_Found ：03/03/30 10:31 ID:???: だいたいブラウザに金はらうなんてどうかしてんだよ。
安いとかそう言う問題じゃなくてさ。ｗ
198 名前：Name_Not_Found ：03/03/30 10:31 ID:???: >>192
おめーのせいでスレ止まっただろうが！
余計なことはいうな。
199 名前：Name_Not_Found ：03/03/30 10:31 ID:???: 199
200 名前：↑ ：03/03/30 10:32 ID:???: なんかここのところ、この板にＣＳＳ嫌ひの奴が貼り附いてゐますね。しつこい。
201 名前：200 ：03/03/30 10:32 ID:4hfb+2+e: ２００なら
202 名前：Name_Not_Found ：03/03/30 10:33 ID:???: 有料のブラウザってあるの？
203 名前：Name_Not_Found ：03/03/30 10:34 ID:???: NN4に限らず古いブラウザ使ってる人って、何で使ってるの？
204 名前：Name_Not_Found ：03/03/30 10:35 ID:???: ここは「CSS・スタイルシート*質問*スレッド」です。
議論はよそのスレッドでどうぞ。

ハイ次の質問は？
205 名前：Name_Not_Found ：03/03/30 10:35 ID:???: >>203
しるかボケ。
ここで聞いてどうする。
アップデートしようがしまいがかってだろう世。
206 名前：Name_Not_Found ：03/03/30 10:36 ID:???: 　　　　　　　　　　　　　　　／￣￣￣￣＼
　　　　　　　　　　　　　　/　　　　　　　　　＼
　　　　　　　　　　　　　　/＼ .　　＼　　　／｜
　　　　　　　　　　　/´ 　　　ヽ　　.一　　一｜.　ヽ
　　　　　　　　　　　| /　　　　|-----◯⌒つ｜　　|
　　　　　　　.　　　|　　　　　|　　　＿||||||||| ｜　　|　　一生、一緒にいてくれや～
　　　　　　　　　　|　　　　　|　／　＼＿/ ／　　|
　　　　　　.　　　　|　　　　　|＼＿＿＿_／　　　丿　　
　　　　　　　　　　ﾉヽ｀　　ノヽ　　　　　｀　　　/
　　　　　　　　　 /　　　,/ｿ　　　　　　　　　＼ /　　　　
　　　　　　　　　（　　　　　　　,/　　　｀´　　　|
　　　　　　　　　＼　　　イ　 ´　　　　　　　　|
　　　　　　　　　　　＼　　ヽ　＼　　　　八　　ﾉ
　　　　　　　　　　　　ヽ　　　　｀　ー ´人｀　/
　　　　　　　　　　　　　　＼　　　　／ ´,､ヽﾉ
　　　　　　　　　　　　　ノ⌒　　　　/　　　　 |
　　　　　　　　　　　　/　　　　　　　　　　　　ﾉ_
　　　　　　　　　　　　|　ﾉ　　　　　ヽ　　　丿　＼
　　　　　　　　 /⌒l　|.　　　　　　　　　　/ 　　　　＼
　　　　　　　 /　　l,丿　,　　　　　　　っ　　　　 .　　＼　　
　　　　　　　|　　/　　´　　　　　／⌒`l　　　　　　　＼　
　　　　　　　丿 /　　　,　　　　 .／　　　ヽ　　　ヽ　　　　|.　　
　　　　　　/　　|,　　　|　　　／　　　　　）＼　　　　　　ヽ　　　
　　　　　　ヽ　ノ　　ヽ__,／　　　　　 .　（　 _＼＿　　　　| 　　
　　　　　 (_)__)|＿＿＿,/::::::::　　　　　　::::::(__)_)_)ヽ、＿＿/:::::
207 名前：Name_Not_Found ：03/03/30 10:37 ID:pXUAfhoK: ちょっと質問なのですが
CSSでテーブル見たく幅や高さをそろえることは可能なんですか？
完全に全てのセルをwidthやheightで指定するのはめんどくさいし、変更するときにめんどうなもので。。
208 名前：Name_Not_Found ：03/03/30 10:37 ID:???: >>202-203は下記へ移行しませう。

もうネットスケープで動作確認するの疲れたよ
http://pc2.2ch.net/test/read.cgi/hp/1041475773/l50

Ｍａｃのネスケ４はそろそろ見捨てていいですか？
http://pc2.2ch.net/test/read.cgi/hp/1025363785/l50
209 名前：Name_Not_Found ：03/03/30 10:40 ID:???: くだらない質問と思われそうだけど、きいてください。

文頭字下げのために
p:first-letter{margin-left:1em;}
としてページを作ってみた。
ところが、これが曲者だった。

というのは、p要素の途中で<br>が入ると、次の行は
字下げされない。
というわけで<br>は使わずに１つの文ごとに１つのp要素と
して区切る。
これをやると一般的なブラウザでは行間がスカスカなので
p {margin:0em;} とする
そうすると今度は行間を空けたいときに適切な方法が見当たらない。
HTMLとして正しくても、ブラウザで読みづらいようなら、
そもそもCSSなんか使う意味がない。

というわけで、文頭字下げスタイルの合理的な使用法はないでしょうか？
210 名前：Name_Not_Found ：03/03/30 10:41 ID:???: 簡単なことを聞くようで申し訳ないのですが
ボックスの幅を決めて使っていました。
winのIE、NSともに確認して大丈夫だったんですが
macで見ると文字がボックスからはみ出していると言われてしまいました。
これはボックスの幅をmac用に広げなければ
解決しないのでしょうか？
テーブルみたいに高さでのびてくれると思っていたのですが。
ちなみにfontサイズ１２pxです。
211 名前：Name_Not_Found ：03/03/30 10:41 ID:???: >>207
できますよ。CSSのwidth,heightプロパティで一括指定すればいいい。

ちなみに、HTMLで table要素の height属性は、一部のブラウザの独自拡張であり、
正式な書き方としては存在しません。
212 名前：Name_Not_Found ：03/03/30 10:41 ID:???: ホイサー、質問。というかちょっと意見を聞きたいのですが、
<p>や<dd>、<ul>とかってブラウザが勝手にマージン取りますよね。
その辺のマージン値を特にいじるつもりがない場合、
CSSでデフォルト値、または近似値を指定しますか？
dd { margin-left: **px; } など（デフォルト値知りません）。

やっておくに越したことはないと思うんですけど、
つい忘れちゃうというか、まあいいか、というか。
213 名前：Name_Not_Found ：03/03/30 10:41 ID:???: 古いブラウザはCSSに対応してなくてレイアウトがぐちゃぐちゃになるから
CSSはウンコ。
214 名前：Name_Not_Found ：03/03/30 10:42 ID:???: もうええって
215 名前：Name_Not_Found ：03/03/30 10:43 ID:???: >>209
ふつう文頭字下げはtext-indentプロパティを使用するんですが。
p.zisage {text-indent:1em;}
216 名前：Name_Not_Found ：03/03/30 10:44 ID:???: CSSにCGIが吐き出した変数を入れることは可能でしょうか？

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

よろしくお願いします。
217 名前：Name_Not_Found ：03/03/30 10:44 ID:pXUAfhoK: >>211
レスありがとうございます。
もし、環境の違いによって、とあるセルだけ中身があふれて大きくなったら
他のセルの大きさはそのままですよね。これは仕方ないんでしょうかね。。
218 名前：Name_Not_Found ：03/03/30 10:47 ID:???: >>216
スタイルシートの中ではできません。
CGIプログラムの中でならできるかもしれませんが、存じません。
CGIに詳しい人に訊くといいのでは。
219 名前：Name_Not_Found ：03/03/30 10:47 ID:???: 板違い？
220 名前：Name_Not_Found ：03/03/30 10:48 ID:???: Netscape と Internet Explorer、どっちでもうまく表示されるHTMLファイル
を書くにはある程度論理構造無視しないとやれなくない？？

Internet Explorer の最新版のみに対応させればいいんなら、
論理構造きっちりとさせたの書けるけどね。まともなソース書いた
ことないくせに大きな口叩くなよｗ
221 名前：Name_Not_Found ：03/03/30 10:49 ID:???: W3Cに従って書いとく。
222 名前：Name_Not_Found ：03/03/30 10:49 ID:???: 

<nolayer><![if ! gte IE 5]>IE4<![endif]></nolayer>
<comment>Netscape</comment>
こんな感じにすれば、スクリプトやcgiを使わずに
スタイルを振り分けることができるんだけど、
あんまり知名度が無いのかな？
223 名前：Name_Not_Found ：03/03/30 10:50 ID:???: >>217
overflowプロパティについて調べるべし。
224 名前：Name_Not_Found ：03/03/30 10:51 ID:???: >>210 >>217
ボックスはテーブルのセルではありません。
自動的に伸び縮みして調整されるIEの実装は仕様に反します。
下記參照。
　ボックスサイズが内容物に合わせた大きさへ強制的に調整される(IE6)
　http://cssbug.tripod.co.jp/detail/winie/b052.html
　heightプロパティの注意点～内容が大きい場合
　http://www.mozilla.gr.jp/standards/webtips0020.html
225 名前：Name_Not_Found ：03/03/30 10:52 ID:???: テーブル内のフォントサイズを固定するために<table style="font-size:12px;">と書いたんですが、IEは上手く行くんですが、ネットスケープコミュニケーターでは上手く読んでもらえません。
どちらでも対応可能にするためにはどのように書けばよろしいのでしょうか？
ご存知の方いらっしゃいましたら教えてください。
226 名前：Name_Not_Found ：03/03/30 10:53 ID:???: 外部CSSファイルを読み込むことに関する質問です。

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

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

共通部に関するものは１つのＣＳＳにして、ローカルな設定をそれぞれのＣＳＳにして
<LINK>で２つ読み込むとかも考えたんですが。
227 名前：Name_Not_Found ：03/03/30 10:53 ID:???: >>220
もういいよ
228 名前：Name_Not_Found ：03/03/30 10:55 ID:pXUAfhoK: >>223
こんなのがあったとは知らなかった！
早速使ってみます！
229 名前：Name_Not_Found ：03/03/30 10:56 ID:???: >>225
そもそもフォントサイズを固定するのは読者に不親切なので感心しないが……。

NN4はバカだから、
table,th,td {font-size:80%;}
と、子要素のthやtdも併記しないと效かないんだよね。
230 名前：Name_Not_Found ：03/03/30 10:59 ID:???: >>226
それともできるだけ一つのＣＳＳにまとめるのがいいよ。
メンテナンスが楽だし。それこそがCSSの利点なのです。

>共通部に関するものは１つのＣＳＳにして、ローカルな設定をそれぞれのＣＳＳにして
><LINK>で２つ読み込むとかも考えたんですが。

私も同じ。固定（永続）スタイルシートと優先シートで使分けしてます。
231 名前：Name_Not_Found ：03/03/30 11:00 ID:???: そんなに設定するところが多いのか
232 名前：Name_Not_Found ：03/03/30 11:03 ID:???: >>231
おまえのみたいにダサイサイトじゃないからな。
233 名前：Name_Not_Found ：03/03/30 11:05 ID:???: >>230
ＬＩＮＫで複数読み込めるのはＩＥだけだよ。
234 名前：Name_Not_Found ：03/03/30 11:08 ID:???: >>233
嘘です。Netscape6～7もOperaも読み込めます。
title属性があると、NN7ではスタイル切替の対象になるのでそこは要注意。
http://cssbug.tripod.co.jp/detail/mozilla/b048.html
235 名前：233 ：03/03/30 11:09 ID:???: >>234
NN４～５が対応してないじゃないか。
236 名前：Name_Not_Found ：03/03/30 11:09 ID:???: 下手な釣りだな
237 名前：Name_Not_Found ：03/03/30 11:12 ID:???: >>235
NN5なんて存在しませんが。
そもそもNN4はバグだらけの駄目ブラウザなので、
media属性や@importを応用して外部CSSを適用させないのが普通です。
その上で、NN4專用のスタイルシートを読み込ませればよし。
238 名前：Name_Not_Found ：03/03/30 11:12 ID:???: >>236
つりじゃねんだよばーか。ほんとにしらねえから煽り訊きしてんだよ。（核爆）
239 名前：Name_Not_Found ：03/03/30 11:16 ID:???: >>237
14：細かい部分のミスを指摘し相手を無知と認識させる
　　　「犬って言っても大型犬から小型犬までいる。もっと勉強しろよ」
240 名前：Name_Not_Found ：03/03/30 11:18 ID:???: >>212
「特にいじるつもりがない場合」は何も指定しない。必要ないでしょ？
0.1emでも変更したい時はキッチリ指定する。
241 名前：Name_Not_Found ：03/03/30 11:19 ID:???: >>240
オマエには聞いてねえよ。
242 名前：Name_Not_Found ：03/03/30 11:23 ID:???: >>216
既出。
<link rel="stylesheet" href="d.cgi" />
d.cgiがContent-Type: text/cssを吐く。
243 名前：Name_Not_Found ：03/03/30 11:45 ID:???: 外部スタイルシートを固定で複数指定（非排他的に）は可能でしょうか？
調べたところalternateに指定する方法はわかりましたが。
244 名前：Name_Not_Found ：03/03/30 11:47 ID:???: >>232＝class厨
245 名前：Name_Not_Found ：03/03/30 12:00 ID:???: >>243
単に<link rel="stylesheet"……>でtitle属性無しに複数記述すればいいだけでは。
<link rel="stylesheet" type="text/css" href="1.css" hreflang="ja" charset="Shift_jis" media="print, screen">
<link rel="stylesheet" type="text/css" href="2.css" hreflang="ja" charset="Shift_jis" media="print, screen">
但し、後の方で読み込んだ2.cssが先のシート1.cssを上書きするけど。
まあ記述が重ならないならそれで問題無いし、
或るページで特定の指定だけ変更したいなら2.cssを活用すればいいわけだ。
246 名前：ｽｰﾊﾟｰﾏｶｰ ◆MacerDoDiE ：03/03/30 12:07 ID:FksKOXPS: <link rel="stylesheet" type="text/css" href="1.css,2.css,3.css">
247 名前：Name_Not_Found ：03/03/30 12:12 ID:???: >>246 そんなの無理。嘘ついちゃダメだよ。
248 名前：243 ：03/03/30 12:19 ID:???: >>245
私の言わんとしてることはまさにそれです。
サイト内で共通のcssとページ毎のcssを一枚のhtmlに指定
したかったのです。
ありがとうございました。

>>246
それっぽいですね。
かんべんしてください。

>>247
ありがとうございました。

>>249
こんにちは。
249 名前：ｽｰﾊﾟｰﾏｶｰ ◆MacerDoDiE ：03/03/30 12:25 ID:dfbJXjMD: >>248 こんにちは。
250 名前：Name_Not_Found ：03/03/30 12:25 ID:???: >>248
>ページ毎のcss

一枚の外部シートで済ませる手もあるけどね。
各ページのbody要素に<body id="TopPage">とかid（乃至はclass）を振って
その子孫セレクタに対して指定をする。#TopPage h1 {font-size:400%;}とか。
251 名前：243 ：03/03/30 12:52 ID:???: >>250
IDとは？
あと「乃至」の読み方と意味がわかりません。
252 名前：Name_Not_Found ：03/03/30 12:56 ID:???: >>251
idとclassは基礎中の基礎なので、>>4で勉強しませう。
言葉の意味は辞書を引く癖をつけませう。
Web版「大辞林　第二版」 http://dictionary.goo.ne.jp/cgi-bin/jp-top.cgi
253 名前：Name_Not_Found ：03/03/30 13:08 ID:???: >251
セレクターについて学んでおくよろし。

CSS とはなんだろうか＞7. Selectorの拡張
http://msugai.fc2web.com/web/CSS/selectors.html
254 名前：243 ：03/03/30 13:28 ID:???: だってココで聞いたほうが早いじゃないですか？
255 名前：Name_Not_Found ：03/03/30 13:28 ID:???: >>251
乃至＝なっち
256 名前：Name_Not_Found ：03/03/30 13:37 ID:???: >>254
あまりに初歩の疑問には誰もいちいち回答してくれないから、
他人に頼らず自分で調べた方が早いよ。自助努力。
257 名前：Name_Not_Found ：03/03/30 14:12 ID:???: >>209
インデントは>>211のようにtext-indentを使ふ。
前後のp要素の行間を空けたい場合は、
そこに「間」の要素が存在すると考えて、
hrでもつっこんでおく。

hr{
visibility : hidden ;
margin : 1em 0 1em 0 ;
}

とか。
258 名前：Name_Not_Found ：03/03/30 14:19 ID:???: >>209
行間を空けたいpだけclass属性を振って、スタイル指定すればいいだけでは？
p {
text-indent:1em;
margin:0;
}
p.imidanraku {
margin:1em 0;
}
とかさ。
259 名前：Name_Not_Found ：03/03/30 14:28 ID:???: >>257-258 行間ではなく段落間だな、正確には。行間だとline-heightと混同する。
260 名前：Name_Not_Found ：03/03/30 14:50 ID:bZ+jyPVi: ﾔﾀｰ<IFRAME>タグがHTML-lintで引っかからないようになってるYO！
前までは引っかかったのに。。。
なんでかな？
261 名前：Name_Not_Found ：03/03/30 15:05 ID:???: 自分で調べろとか言うなら、こんなスレいらねーだろが
テメーも分からないから、はぐらかしてんだろカス
氏ねボケ
262 名前：Name_Not_Found ：03/03/30 15:05 ID:???: >>260
ここは「Strict-HTML スレッド」ではありません。
263 名前：Name_Not_Found ：03/03/30 15:50 ID:???: 即答ほしけりゃ、1ch.tv、OK!Webに逝け、糞どもが
264 名前：Name_Not_Found ：03/03/30 15:54 ID:???: CSSに関する質問はこちらへどうぞ。　※　ﾏﾀｰﾘ進行推奨　※
265 名前：Name_Not_Found ：03/03/30 16:37 ID:???: 質問するときだけここを見に来て欲しくない。
質問がないときに眺めていて欲しいだけ。
266 名前：Name_Not_Found ：03/03/30 17:46 ID:???: 質問者の態度悪すぎ・・・
しかもこんな簡単なこと、どうしてわからないのって思う
267 名前：Name_Not_Found ：03/03/30 17:53 ID:???: >>266
質問者のフリした荒らしは昔から生息してるよ、ここ。
最近になって放置できてないだけ。
268 名前：Name_Not_Found ：03/03/30 17:59 ID:???: >>267 昔から？　イヤイヤここ二三スレッドからでないかい、アンチCSS夜郎が張り付いてるのは。
269 名前：Name_Not_Found ：03/03/30 19:26 ID:???: >>268
>アンチCSS夜郎
M$じゃないのか？（w
270 名前：Name_Not_Found ：03/03/30 19:35 ID:???: >>263,265,266,267,268
まぁ、ﾏﾀｰﾘ
271 名前：Name_Not_Found ：03/03/30 19:59 ID:???: Microsoft は好きじゃないが、
CSS に関してだけは
比較的まともなサポートを続けてきたと思うのだが。
272 名前：Name_Not_Found ：03/03/30 21:05 ID:???: 質問です。

ｃｓｓで二つのＢＯＸを上下に並べたいのですが・・・

上のＢＯＸ、下のＢＯＸともに300ｐｘの高さで、
上のＢＯＸが中の記載量が多いとき、上のＢＯＸの大きさが
変わるようにしています。
このとき、下のＢＯＸの位置がそれにあわせて
変わるようにするにはどうしたら？
position absolute で指定してるのですが
relative に変えてもＢＯＸの高さを反映ざることはできないですよね？
やっぱテーブル使うしかないのかなぁ。
273 名前：Name_Not_Found ：03/03/30 21:30 ID:???: >>272
大きさって幅？高さ？
divで括って中の2つの要素をwidth100%にしてしまうとか、どうよ。
274 名前：Name_Not_Found ：03/03/30 21:31 ID:???: >>272
わざわざpostion使って形成しているのはなぜ？
上下に並んでるBOX以外になんかあったりするのでしょうか？
ただ
┌────┐
│　　　　　　│
│　　　　　　│
└────┘
┌────┐
│　　　　　　│
│　　　　　　│
└────┘
を実現するなら、positionは要らないわけですが。
275 名前：274 ：03/03/30 21:33 ID:???: >>273
ああ、そういう事か。
widht:100%はUAによってバグがあるから、
margin:0;がいいんじゃない？
276 名前：Name_Not_Found ：03/03/30 22:12 ID:???: >>275
height値のことじゃないの？
意味がわかりにくいけどね
277 名前：Name_Not_Found ：03/03/30 22:25 ID:???: > 下のＢＯＸの"位置"
> ＢＯＸの"高さ"を反映
といってるんだからheightだろう
278 名前：Name_Not_Found ：03/03/30 22:40 ID:???: >>277
＞上のＢＯＸ、下のＢＯＸともに300ｐｘの高さで、
って言ってるから高さ固定してんのかと思ったんだけど。

なぜに position absolute してるのか謎ではあるな。
279 名前：Name_Not_Found ：03/03/30 22:46 ID:???: 上box：5 下box：5 =10
上box：7 下box：3 =10
ってのが理想なのかな?
280 名前：Name_Not_Found ：03/03/30 22:50 ID:???: >>279
意味がわからん……
281 名前：Name_Not_Found ：03/03/30 22:51 ID:???: >>279
珍しい「比」の書き方だな。
282 名前：Name_Not_Found ：03/03/30 23:00 ID:???: >>278
固定してもIEはoverflow: visibleをサポートできてないから
内容が多いとボックスが拡張されてしまう
「大きさが変わるように」ってのはそのことじゃないかと
283 名前：Name_Not_Found ：03/03/30 23:16 ID:???: >>282
なるほど。

……って、質問者がいないままに進んでるな（；´Д｀）
>>272さん、結局どういうことなのさ？それとも解決した？
284 名前：Name_Not_Found ：03/03/30 23:27 ID:lBFtkzUJ: うわーん、質問です。

Javascriptで外部スタイルシートを
ブラウザごとに振り分けて読み込ませているんだけれど

もし、ブラウザのJavascriptがオフになっていたとしても、
何も読みこまないと困るので
ある外部スタイルシートを1つ読み込む様にしたいのでつ。

<noscript>は<body>内に書かなきゃ逝けないけど
<link>や<style>は<head>内に書かないといけないし....

微妙にスレ違いかもしれませんが、誰かお知恵をくだちぃ(´･ω･`)
285 名前：Name_Not_Found ：03/03/30 23:32 ID:???: >>284
<link>を書けばよいだけでは。
どのブラウザで適用しても無難な指定だけ集めたシートをそれで読み込ませればよい。

あと、>>4に載ってる下記は、scriptに頼らず振分けができる。
・ブラウザによる振り分け
　http://east.portland.ne.jp/~sigekazu/css/boxm.htm#ua
286 名前：Name_Not_Found ：03/03/30 23:32 ID:???: >>284
スレ違い気味ですが……
headのinnerHTMLを編集しましょう。標準仕様に則った方法でないといけないなら、removeChildを使いましょう。
287 名前：Name_Not_Found ：03/03/30 23:36 ID:???: >固定してもIEはoverflow: visibleをサポートできてないから
>内容が多いとボックスが拡張されてしまう
>「大きさが変わるように」ってのはそのことじゃないかと

もれ、スタイルシート勉強してて
>ttp://homepage2.nifty.com/yoshi-m/makehp/css/lesson/box/2-1.htm
>ttp://www.ah.wakwak.com/~daobian/css/css_18.html
とかに出会って、overflow: visibleとはボックスの自動拡張だと思ってた。
でもIEのシェア考えると、いつかこっちが主流になったりして・・・
288 名前：Name_Not_Found ：03/03/30 23:41 ID:???: >>287
ひどいCSS講座も多いんだなあ。きっとWinIEしか使ったことないんだろな。

既出だけど。
Internet Explorer (Windows) CSSバグリスト
　ボックスサイズが内容物に合わせた大きさへ強制的に調整される(IE6)
　http://cssbug.tripod.co.jp/detail/winie/b052.html
289 名前：272です ：03/03/30 23:45 ID:???: 272です、遅レスすみません。
以下、ソースです。実際にはBOX複数あるのですが。
<HTML>
<style type="text/css">

</style>
<BODY>
290 名前：272です ：03/03/30 23:45 ID:???: <BODY>
<span class="s1">
s1<br>s1<br>s1<br>s1<br>s1<br>s1<br>s1<br>s1<br>s1<br>s1<br>s1<br>s1<br>
s1<br>s1<br>s1<br>s1<br>s1<br>s1<br>s1<br>s1<br>s1<br>s1<br>s1<br>
</span>
<span class="s2">
もともとのソースです。
当然下は移動しないのでどうしようか悩みました
</span>
</BODY></HTML>
291 名前：272です ：03/03/30 23:45 ID:???: <HTML>
<style type="text/css">

</style>
<BODY>
292 名前：243 ：03/03/30 23:45 ID:???: >>250
それはわかりますが、ページ毎に必要・不必要なclassがあるのでそれを
全部一枚に納めると無駄なような気がして、ページ毎のcssに分割したいのです。

>>251
ｶﾝﾍﾞﾝｼﾃｸﾀﾞｻｲ。

>>260
IFRAMEはＩＥのみじゃなくなったのですか？
293 名前：272です ：03/03/30 23:46 ID:???: <BODY>
<span class="s1">
s1<br>s1<br>s1<br>s1<br>s1<br>s1<br>s1<br>s1<br>s1<br>s1<br>s1<br>s1<br>
s1<br>s1<br>s1<br>s1<br>s1<br>s1<br>s1<br>s1<br>s1<br>s1<br>s1<br>
</span>
<span class="s2">
やってみたのがこれでした。<br>
position:relative; /** 変更してみた。 **/<br>
この時点でもうお手上げで質問しました。</span>
</BODY></HTML>
294 名前：272です ：03/03/30 23:48 ID:???: 実際にはIEのボックス自動拡大は、バグだということで
ご迷惑おかけしました。
自動拡大は好きだけど、いずれ無くなるんですね？
295 名前：Name_Not_Found ：03/03/30 23:52 ID:???: >>290-291
あのね、>>274や>>278も言ってるけど、
縱に上下に列べるだけなら、別にpositionは必要ないんでないの？
positionをコメントアウトして表示してみ。それではいかんのかい。
296 名前：Name_Not_Found ：03/03/30 23:56 ID:???: >>292
@importで複数外部シートをグループ化する手もあるね。
これの利点は、HTML本文に手を加へずに
ページ毎のスタイル設定を変更できること。
297 名前：284 ：03/03/30 23:59 ID:lBFtkzUJ: >>285

ありがとうでつ。
一応現状を説明しますと
"general.css"と称して視覚整形の指定は別に読み込ませて
他に"win_ie6.css"みたいにして、Javascriptでブラウザごとのフォントの大きさの違いを
押さえつつ、色やらの指定をしているのでつ。

<link>で、JavaScriptオフの時用のをとりあえず指定しておくと
Javascriptオンのときに、２つのスタイルが重複指定されることになると思うのでつが
その優先順位がいまいち分からないのでつ.....
IDが優先で、次に指定の数が...そして条件が同じであれば後から読み込んだ方を優先すると
なっていた気がするのですが、どうも巧く逝かないでつ。
先に書いてある方が(文章で先に出てくる方が)優先されていたりしまつ。

どこに勘違いがあるのかしら(´･ω･`)ｼｮﾎﾞｰﾝ
頭悪くてスマソでつ。

ちなみにまだMacIE5.2とMacNetscape7でしか確認してないです。
298 名前：243 ：03/03/31 00:00 ID:???: >>296
@importですか、調べてみます。

ありがとうございました。
299 名前：Name_Not_Found ：03/03/31 00:01 ID:???: >>290
なぜspanなのか……？　
divにすればpositionも使用せずに濟ませられるのに。
300 名前：284 ：03/03/31 00:02 ID:4dUkRQPE: >>285
removeChild...オブジェクトの子要素を削除するというやつでつか？
innerHTMLはJavascriptのあれでつか？

有用性を即断できる知識が薙いでつ......わざわざ答えてくれたのにもうしわけないでつ
勉強してきまつ(´･ω･`)ｼｮﾎﾞｰｿ
301 名前：284 ：03/03/31 00:04 ID:4dUkRQPE: 二重カキコ....はずかちぃ
あと、284のリンクとてもありがたいでつ。勉強しまつ。
302 名前：Name_Not_Found ：03/03/31 00:05 ID:???: >>290=272
その右に何かを表示させるのか？
303 名前：284 ：03/03/31 00:05 ID:4dUkRQPE: >>302
284のリンク→285のリンク

なんかどうしようもない...(´･ω･`)ｼｮﾎﾞｰｿ
304 名前：272です ：03/03/31 00:07 ID:???: >>273
>>274
分かりにくくてすみません。
100%だとうまくいくことが分かりました。
ただ、widthは数値で指定したかったので・・・
>上下に並んでるBOX以外になんかあったりするのでしょうか？
はい。いろいろごちゃごちゃしてます。

>>276,277etc･･･
意味分かりにくくてすみませんでした。
BOXがいくつかあるので、またwidth指定もしているので
position:は必要かな～と。

>>282
>「大きさが変わるように」ってのはそのことじゃないかと
勉強不足ですみませんでした。
305 名前：Name_Not_Found ：03/03/31 00:10 ID:???: >>297
具体的に優先順位の意図通りにゆかないスタイル指定の重複を挙げてくれないと
こちらでは判断できないし、助言できません。
306 名前：274 ：03/03/31 00:12 ID:???: >>272
状況がつかめないので、
まだうまくいかないのなら、どっかにうpしてくれ。

根本的に間違ってる気がするし。
307 名前：272です ：03/03/31 00:16 ID:???: >>299
>なぜspanなのか……？　
>divにすればpositionも使用せずに濟ませられるのに。

ああ、おっしゃるとおりです！
divにしたら解決しました。
あるいは2つのspanのあいだに<br>を入れればよかったのですね。
ほんと馬鹿です。逝ってきます。
308 名前：Name_Not_Found ：03/03/31 00:16 ID:???: >>304
だからposition必要無いって。
もしどうしても絶対配置をする必要があるなら、
<div class="s0">
<div class="s1">ｓ1ｓ1ｓ1……</div>
<div class="s2">ｓ2ｓ2ｓ2……</div>
</div>
として、親コンテナであるdiv.s0にpositionを指定すればよし。
.si0 {
width:300px;
position:absolute; top:0; left:0;
}
309 名前：274 ：03/03/31 00:20 ID:???: >>307
おそらくHTMLをきちんと理解していないと思われます。
CSSを利用するにはHTMLがきちんとしていなければなりません>>8
310 名前：284 ：03/03/31 00:25 ID:4dUkRQPE: とりあえずまず...ヘッダ内の状況でつ
<noscript>の書く場所がおかしいのはとりあえず無視して下さひ...

<head>
:
<noscript>
<link rel="stylesheet" href="css/win_ie6.css" type="text/css">
</noscript>
<script type="text/javascript" src="./font.js"></script>
<link rel="stylesheet" href="general.css" type="text/css">
</head>

//////////////////////////////////

<head>
:
<link rel="stylesheet" href="css/win_ie6.css" type="text/css">
<script type="text/javascript" src="./font.js"></script>
<link rel="stylesheet" href="general.css" type="text/css">
</head>
311 名前：284 ：03/03/31 00:25 ID:4dUkRQPE: 上の状態では
スクリプトを入れると、font.js(フォンとコントロール用スクリプト)が作動して何らかのcssが読み込まれて
スクリプトを切っても一応win_ie6.cssがブラウザのお情けで読み込まれるのでつが...

下にすると、スクリプトを切ると、もちろん上と同じですが、
入れたときに、どうもwin_ie6.cssがブラウザの種類如何に関わらず適用されているようなのでつ(MacIE5.2 と Netscape7)。

そして、cssの中身は
.maintext {
font-size:small;
letter-spacing:0.1em;
line-height:1.5em;
color:#333;
font-family: "ＭＳＰゴシック", Verdana, Helvetica, sans-serif
}

こんな感じの指定が、微妙に値だけを変えながらいくつかならんでまつ。
312 名前：Name_Not_Found ：03/03/31 00:27 ID:???: >>274
>>308さんの
<div class="s0">にclass="s2"の背景入れて、heiht:600px;
でいいんでは？
313 名前：274 ：03/03/31 00:29 ID:???: >>312
はて？
314 名前：284 ：03/03/31 00:31 ID:4dUkRQPE: >>314
な、なんでつか Σ（´д｀）ﾋﾞｸｯ
315 名前：274 ：03/03/31 00:33 ID:???: なんか、レス番号ずれてる様でつ（；；）
お騒がせしますた。
316 名前：Name_Not_Found ：03/03/31 00:34 ID:???: >>314
な、なんでつか Σ（´д｀）ﾋﾞｸｯ
317 名前：Name_Not_Found ：03/03/31 00:35 ID:???: >>310-311
自分で単純化して試験してみるといいよ。
まづwin_ie6.cssに仮にbody {color:red;}とでも指定しておき、
次にfont.jsで読み込ませるシートにbody {clor:blue;}とでも指定する。
（ややこしくなるのでgeneral.cssは適用させない。）
さて文字色は赤になるか青になるか？　赤になったらブラウザのバグでせう。
318 名前：Name_Not_Found ：03/03/31 00:35 ID:???: き、きもちいいでつ Σ（´д｀）ﾋﾞｸｯ
319 名前：Name_Not_Found ：03/03/31 00:37 ID:+OMl7zgN: >>274
.s1 {
background-color:#EEAAEE;
width:300px;
}
.s2 {
background-color:#99BBEE;
width:300px;
}
.new { /*追加*/
background-color:#99BBEE;
position:absolute;
width:300px;
height:600px;
top:0;
left:0;
}
<div class="new">
<div class="s1">ピンク</div>
<div class="s2">ブルー</div>
</div>
320 名前：Name_Not_Found ：03/03/31 00:39 ID:???: な、なんでつか Σ（´д｀）ﾋﾞｸｯ
321 名前：284 ：03/03/31 00:40 ID:4dUkRQPE: はっ、レス番ずれているのはこっちのほうな予感.....Σ（´д｀）ﾊｳｱ

 >>317（´д｀）ﾚｽﾊﾞﾝｱｯﾃﾏﾂｶ
>自分で単純化して試験してみるといいよ。

そうしまつ。焦らず落ち着いてやってみまつ。
どうもでした。
322 名前：284 ：03/03/31 00:42 ID:???: >>319　ハ！Σ（´д｀）
もういいです。
323 名前：Name_Not_Found ：03/03/31 00:42 ID:???: >>311
>どうもwin_ie6.cssがブラウザの種類如何に関わらず適用されている

当然ですよ。適用しなかったらその方がヘンです。
問題は、その後に読み込むfont.jsによるcssやgeneral.cssが
win_ie6.cssを上書きするかどうかで。
324 名前：Name_Not_Found ：03/03/31 00:44 ID:???: >な、なんでつか Σ（´д｀）ﾋﾞｸｯ
関係のレスってややこしい。
>314 ：284 ：03/03/31 00:31 ID:4dUkRQPE
>>314
>な、なんでつか Σ（´д｀）ﾋﾞｸｯ

は
>>313
>な、なんでつか Σ（´д｀）ﾋﾞｸｯ
の間違いで、しかもレスの前提が
ただの勘違いだったってことでFA?
325 名前：284 ：03/03/31 00:45 ID:4dUkRQPE: >当然ですよ。適用しなかったらその方がヘンです。
>問題は、その後に読み込むfont.jsによるcssやgeneral.cssが
>win_ie6.cssを上書きするかどうかで

そうなんでつ。指定したときのやり方とか(IDでし指定たか直接指定したかとか)が同じであれば
後から指定した方が上書きしてくれると思っているたのでつが...

上書きしてくれないのでつ。

>もういいです
騙りはやめてほしいでつ
326 名前：Name_Not_Found ：03/03/31 00:47 ID:???: 　　でつ
.　　ι)n
　|￣｀~￣|
　~|三三|~
327 名前：Name_Not_Found ：03/03/31 00:48 ID:???: でつでつうるせーなぁもう。
328 名前：284 ：03/03/31 00:49 ID:???: >>327
ご、ごめんなさい...自粛します
329 名前：Name_Not_Found ：03/03/31 00:50 ID:???: >>325
だから、重複するのは具体的にどんな指定なの？　それを示してくれないと。
win_ie6.cssのどの指定にfont.jsはどんな上書きをしようとしてるのか。
（どうもfont.jsが怪しい気もするな。document.writeでlink要素を書き出すのかな？）
330 名前：Name_Not_Found ：03/03/31 00:52 ID:???: 垢とってうぷするのってそんな大変じゃないとおもうんだが。
かかっても１５分じゃない？
331 名前：Name_Not_Found ：03/03/31 00:58 ID:???: パクりじゃ晒せんよなぁ……
332 名前：Name_Not_Found ：03/03/31 00:59 ID:???: >>284 = >>310-311
上書きの怪はどうなってるんだかよくわからんが、対処法はこれでいいはず。

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

<script type="text/javascript" src="./font.js"></script>
</head>

これで、IE6以降以外はwin_ie6.cssを読み込まない（コメントと見做される）。
333 名前：284 ：03/03/31 01:00 ID:4dUkRQPE: とりあえずwinのIEが一番使用率が高いので
困ったらWin_ie6.cssを読み込ませています。

.maintext {
font-size:small;
letter-spacing:0.1em;
line-height:1.5em;
color:#333;
font-family: "ＭＳＰゴシック", Verdana, Helvetica, sans-serif
}

というふうです。

これを、例えばmacIE5ではfont.jsを使ってmac_ie5.cssを読み込ませたいのです

.maintext{
font-size:small;
letter-spacing:0em;
line-height:1.5em;
color:#333;
font-family: Osaka, Geneva, sans-serif
}

というふうにです。

しかし、とりあえずフォントはOsakaになりません。
サンセリフの他のフォントです(具体的に確認してないです..)
letter-spacingも、0emの時より開いているので、0.1emだと思います(とりあえず０ではありません)

他は元々同じなので問題があるハズはないですが。
334 名前：284 ：03/03/31 01:03 ID:4dUkRQPE: あっ、この状態でjavascriptがオンのときが前提です。

<head>
<link rel="stylesheet" href="css/win_ie6.css" type="text/css">
<script type="text/javascript" src="./font.js"></script>
<link rel="stylesheet" href="general.css" type="text/css">
</head>
335 名前：284 ：03/03/31 01:05 ID:4dUkRQPE: >>325
font.js
はその通り、documentで書き出す奴です。
appNameとappVersionとuserAgentで判断してます。
336 名前：284 ：03/03/31 01:14 ID:4dUkRQPE: すごい申し訳ありませんが
今から夜勤行ってきます.....色々教えてくれた方々、ありがとうございました。

でつでつ言ってごめんなさい....さよなら（´д｀）
337 名前：Name_Not_Found ：03/03/31 01:53 ID:???: >>284
手元にあるブラウザでテストしたところ、
document.write()で出力した<link～>もちゃんと前のものを上書きする形で適用されるようです。

font.jsで間違ってないよね？
論理和と論理関間違えてるとか、
document.write("")内のクオーテーション(")を円記号(\)でエスケープしてないとか。
だとしたら、スレ違いだからその先の質問は
+ JavaScript の質問用スレッド vol.17 +
http://pc2.2ch.net/test/read.cgi/hp/1047807902/
いってね。

>でつでつ言ってごめんなさい....さよなら（´д｀）
お前はそんなにスヌーピーが好きなのかと問いたい。
338 名前：Name_Not_Found ：03/03/31 02:23 ID:???: いつも　Winマシン環境の　IE6 NN4.78 Opera7.03　の３つのブラウザで動作検証してます。
ルートにページが増えてきたので、それぞれジャンルごとにフォルダ作って整理したんですが
NN　だけキチンと表示されなくなりました。真っ白な感じです。
正しく読み込んでないみたいなんですが、どうすればいいのか教えて下さい。

<link rel="stylesheet" href="main.css" type="text/css">
　　　　　　　　　　↓
<link rel="stylesheet" href="..
になっただけだと思うんですが、バグとかでしょうか？
339 名前：Name_Not_Found ：03/03/31 02:27 ID:???: >>338
NN4はシート中のurl()の相対パスを「シートからの相対パス」ではなく「適用先ページからの相対パス」として解釈するバグがあります。
背景画像等を使用しているのならばこれが原因でしょう。
340 名前：Name_Not_Found ：03/03/31 02:29 ID:???: >>338
NN4.xはパスの基準をcssファイルにおくのではなくhtmlファイルにおくので画像などが読み込まれなくなる
画像なんかは絶対パスで記述するとよろし
341 名前：Name_Not_Found ：03/03/31 02:29 ID:???: かぶた
逝ってくる
342 名前：Name_Not_Found ：03/03/31 02:30 ID:???: >>338
>バグとかでしょうか？

まづ>>4に既掲の「バグ辞典」を參照しませう。
下記に該當すると思はれます。
　存在しない外部スタイルシートを読み込むHTML文書をまったく表示できない