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

1 名前:Name_Not_Found :03/01/04 09:49 ID:???
Cascading Style Sheetsの事で尋ねたいことがあったらこちらへどうぞ。
関連スレやリンクは>>2-5あたりに。

■■■■■ 注意 ■■■■■
質問者 (特に「初心者」) は、
必ず>>4にある解説サイト (かなりわかりやすい) で
 勉 強 してください。

質問の前に、まず >>5-6 の【FAQ】を参照してください。
【FAQ】でわからなかった場合は、過去ログを検索しましょう。
WinIEの場合は、[Ctrl+F]で検索できます。

また、IE などではまだ対応できていない要素などやバグが多数存在します。
ですので、>>2(関連スレ)の「バグ辞典」に目を通しておきましょう。

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

※ マターリ進行推奨 ※

>>2 【前スレ】【過去ログ】【関連スレ】
>>3 【仕様書】【CSS検証】
>>4 【解説など】
>>5-6 【FAQ】

2 名前:Name_Not_Found :03/01/04 09:50 ID:???
【前スレ】
 http://pc3.2ch.net/test/read.cgi/hp/1034922586/

【過去ログ】
 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/test/read.cgi/hp/1025346520/
 http://pc3.2ch.net/test/read.cgi/hp/1028646616/
 http://pc3.2ch.net/test/read.cgi/hp/1031773943/
 http://pc3.2ch.net/test/read.cgi/hp/1034922586/

【関連スレ】
・CSS/DHTMLバグ辞典スレッド ver2.0
 http://pc3.2ch.net/test/read.cgi/hp/991666454/
・/* CSSでイケてるデザインサイト 4 */
 http://pc3.2ch.net/test/read.cgi/hp/1028184718/
・* CSS { イケてるスタイルを:"作れ";}
 http://pc3.2ch.net/test/read.cgi/hp/991906104/
・代替スタイルシートに萌え〜
 http://pc3.2ch.net/test/read.cgi/hp/991400015/
・CSSコミュニティの功罪を評価するスレ 7th Sign
 http://pc3.2ch.net/test/read.cgi/hp/1031763757/

3 名前:Name_Not_Found :03/01/04 09:50 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/01/04 09:50 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/01/04 09:50 ID:???
【FAQ】

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

A: WinIEのボックス・モデルが間違ってるからです。
http://hp.vector.co.jp/authors/VA022006/css/visualren.html#width
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の実装が間違っています。くわしくは下記のページをごらんください。

http://anslasax.net/css-make/t-a/index.html
http://tancro.stp-1.com/stylesheet/n6_center.html
http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp#cssenhancements_topic6
http://www.mozilla.gr.jp/standards/webtips0004.html

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

6 名前:Name_Not_Found :03/01/04 09:51 ID:???
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
なかよしぱれっと(ネスケ4でも崩れない段組みの実例)
 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/01/04 10:00 ID:???
スマソ、間違えますた(;;´д`)

【前スレ】
 http://pc3.2ch.net/test/read.cgi/hp/1038437758/

8 名前:Name_Not_Found :03/01/04 10:02 ID:???
>>1
>関連スレやリンクは>>2-5あたりに。

>>2-7あたりに」だな、正確には。次回スレッド立てる人は注意して。
まあ>>2-10位にしとけばいいか。

9 名前:Name_Not_Found :03/01/04 10:14 ID:???
>>4
ここもオススメ。

Web Site 作成支援 > CSS 解説
 http://msugai.fc2web.com/web/index.html
Academic HTML ::CSS2
 http://www.tg.rim.or.jp/~hexane/ach/

10 名前:Name_Not_Found :03/01/04 10:27 ID:???
スレ立て乙。これだけFAQが増えてくると、ジオかどこかに
スペース借りて載せた方がいいかもね。

11 名前:Name_Not_Found :03/01/04 15:27 ID:1Osw1L4D
文字等を絶対値で指定するのは止めた方がよいと聞きましたがなぜですか?

12 名前:Name_Not_Found :03/01/04 15:30 ID:???
>>11
「絶対値」の意味間違ってるだろ

13 名前:11 :03/01/04 15:53 ID:1Osw1L4D
じゃあ、相対的ではない値で〜に直しますわw

14 名前:Name_Not_Found :03/01/04 15:55 ID:???
>>11
http://www.mozilla.gr.jp/standards/webtips0027.html

15 名前:11 :03/01/04 16:08 ID:1Osw1L4D
出力機器の画素の大きさに左右されるためでしたか・・・なるほど、ほかの環境で見ると違って見えるのは、そのためでしたか・・・

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

16 名前:Name_Not_Found :03/01/04 16:20 ID:???
環境によって、見る人によって最適なサイズはマチマチなの。
だから固定するのは良くないってことだろ。

17 名前:Name_Not_Found :03/01/04 16:42 ID:???
>>14
便乗質問ですが、
ブラウザ側でのサイズ変更を無視するのと反映するのとはどうやってみわければいいですか?


18 名前:Name_Not_Found :03/01/04 17:05 ID:???
>>17
何言ってるのかいまいち意味不明

19 名前:17 :03/01/04 17:08 ID:???
>>18
ごめんなさい。
ブラウザ側で、サイズ大、とかやってそれに応じてサイズが変わるサイズ指定、と
変わらないサイズ指定ってありますよね?
それを教えてほしかったんです。
smallとかだったら応じて変わりますよね。そういうやつです。

20 名前:Name_Not_Found :03/01/04 17:16 ID:???
ようするに文字サイズの絶対指定と相対指定のやり方を教えろって言う事か

>>1読め

21 名前:Name_Not_Found :03/01/04 17:21 ID:???
>>17
サイズ指定時の単位。
>>14のリンク先に書いてある。

ちなみにIE以外なら絶対指定でもブラウザ側でサイズ変更可能。

22 名前:Name_Not_Found :03/01/04 17:31 ID:???
IEでも
「ツール→インターネットオプション→(全般タブ)→ユーザー補助→Webページで指定されたフォントサイズを使用しない」
とすれば固定文字のリサイズは可能。面倒だが。
てか、こんな良く使いそうな機能を分かり辛いところに置いているIEは糞。

23 名前:Name_Not_Found :03/01/04 17:31 ID:???
>>10
なんとなく作ってみますた…。
需要なさそうだったら消します。
http://hiro777o.fc2web.com/omega/2ch/css000.html

24 名前:Name_Not_Found :03/01/04 17:38 ID:???
>>23
乙。でもCSSスレ派生なんだし、もうちょいまともなHTMLで書いて欲すぃ。

25 名前:Name_Not_Found :03/01/04 18:01 ID:???
>>21
> >>14のリンク先に書いてある。
相対指定と相対単位は違うんじゃないの?

26 名前:17 :03/01/04 18:04 ID:???
>>20
1には見当たりませんでしたが、どれでしょうか?

27 名前:Name_Not_Found :03/01/04 18:05 ID:???
>>17
お前は>>1に書いてあるFAQ等への誘導が読めんのか?日本人じゃないのか?

>>25
相対単位って何だ

28 名前:Name_Not_Found :03/01/04 18:10 ID:???
>>27
ttp://www.mozilla.gr.jp/standards/webtips0027.html

29 名前:Name_Not_Found :03/01/04 18:12 ID:???
>>27
相対指定はブラウザ側のフォントサイズ指定に相対的に変わるやつだろ?
相対単位はディスプレイに対する相対なんじゃないの?

30 名前:Name_Not_Found :03/01/04 18:38 ID:???
言葉遊びか

31 名前:29 :03/01/04 18:40 ID:???
>>30
じゃ、なくてだな。
pxは相対単位だけど、絶対指定なんじゃないの?って言ってるんじゃなくて尋ねてるんだよ。
どうなん?

32 名前:Name_Not_Found :03/01/04 19:39 ID:???
cssにしてインポートにすれば、NNに適応しない、って出来ますが、
html自体にスタイルシート書いて、NNに適応しない、って方法ないですか?

33 名前:Name_Not_Found :03/01/04 20:24 ID:???
また凄い事言うね

34 名前:Name_Not_Found :03/01/04 20:25 ID:???
>>33
どれについてのレスだ?

35 名前:Name_Not_Found :03/01/04 20:26 ID:???
>30
>言葉遊びか

>33
>また凄い事言うね

 独 り 言 は よ そ で や れ

36 名前:Name_Not_Found :03/01/04 20:53 ID:???
落ち着けよ

37 名前:Name_Not_Found :03/01/04 20:54 ID:???
float による段組の質問です。

divA〜I{
 width:49%;
}
の際、

AB
AB
CB
CD
CD
CE
CE
CF
GF
GH
IH

わかりづらいかもしれませんが、アルファベット一つが height の一単位だとお考え下さい。
この場合、段落Cが一番縦に長いということになります。
このような組み方にするには、どのように float (+ clear ?) を指定すれば良いでしょうか。

38 名前:Name_Not_Found :03/01/04 22:20 ID:???
俺もFAQをなんとなく載せてみたんだが、かぶったな。
http://nira.s25.xrea.com/FAQCSS/ls_00.html
もうすこし完成してから・・・と思ったけど一応宣伝(スマソ

39 名前:Name_Not_Found :03/01/04 22:41 ID:???
>>37
左に配置したいボックスにfloat:left。
右に配置したいボックスにfloat:right。

40 名前:Name_Not_Found :03/01/04 22:43 ID:???
>>39
試してみると分かりますけど、事はそう単純ではないようです。バグ(?)が出る出る

41 名前:Name_Not_Found :03/01/05 01:20 ID:???
>>39さんの方法で駄目だとしたら、もうfloatでやるのは無理なんじゃないですか?

42 名前:Name_Not_Found :03/01/05 01:23 ID:???
ページ最下方のリンク部に触れると――つまりhoverになった瞬間、
divAとBの上にぐばばばっとマージンが空いてしまうんです。

win2000 + IE6 と、win98+ IE5.0 で同じ症状を確認しました。
…別のスレッドに誘導されそうだな

43 名前:Name_Not_Found :03/01/05 01:31 ID:???
>>37
ACGIをさらにDIVでくくる、というのは?

44 名前:Name_Not_Found :03/01/05 01:38 ID:???
>>43
そうすると文章構造がおかしくなります。
ソースには上から順に ABCDEFGHI となっているわけで、
<div>ACGI</div><div>BDEFH</div> としなくてはならなくなってしまいますから。

45 名前:Name_Not_Found :03/01/05 01:46 ID:???
>>44
差し支えない範囲でソースを晒してくれ。
>39の方法で当方のIE5とIE6では問題なく表示されている。
フロートだけではなく、他の部分との関係でおかしくなっていると思われ。


46 名前:Name_Not_Found :03/01/05 01:53 ID:???
てっとりばやくサイトのアドレス晒させていただきます。
何しろ、もうかれこれ数時間、HTMLとcss弄って問題の個所が見つからないものですから。
客観的にソースを見通してくれる方が必要なのかもしれません。
http://www.homoon.jp/users/www/goddamn/
最下方の「モチーフ」あたりのリンクを触れてみて下さい。

47 名前:Name_Not_Found :03/01/05 01:59 ID:???
別段異常は見受けられないが。
やや重いくらいで。

48 名前:Name_Not_Found :03/01/05 02:05 ID:???
>>40
問題なかったよ。
どんな問題が出るの?

49 名前:Name_Not_Found :03/01/05 02:10 ID:???
>>46
関係ないけど
http://openlab.ring.gr.jp/k16/htmllint/htmllint.cgi?ViewSource=on;URL=http%3A%2F%2Fwww.homoon.jp%2Fusers%2Fwww%2Fgoddamn%2F

50 名前:Name_Not_Found :03/01/05 02:10 ID:???
なんと。
具体的に言いますと、「モチーフ(?)」の「スカルパゴタ」にカーソルを乗せた瞬間、
AとBにあたる「新着」と「Information」が、強制的に最上段の画像から3000pxばかり下に下がります。

その後、文字サイズを変えたりリロードする事によって一時的に直りますが、再び同じ事をすると…、といった感じです。

51 名前:Name_Not_Found :03/01/05 02:12 ID:???
>>46
わ、これも。
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.homoon.jp%2Fusers%2Fwww%2Fgoddamn%2F&warning=1&profile=css2

52 名前:Name_Not_Found :03/01/05 02:16 ID:???
>>50
ならないよ。
XP+IE6

53 名前:Name_Not_Found :03/01/05 02:18 ID:???
>>50
>NN 4.x は今すぐ窓から投げ捨てろ
気持ちはわかるけど、インポートにすればちゃんと見れるんじゃないの?
勿体無い気が。

54 名前:Name_Not_Found :03/01/05 02:21 ID:???
>>49
2chのスレッド載せてるため半分妥協…していたところに
半角カナ使用者保護運動 に背中を押されました。
http://homepage1.nifty.com/VET06031/kanaok/kanaok.html

>>51
げ。恥ずかしい。

55 名前:Name_Not_Found :03/01/05 02:59 ID:???
>>50
セキュリティ面でも危ういことを知らない 4.xユーザーに、
「…このブラウザまずいのかなあ?」 と気づいてもらえればいいなと思って書いてる
と見せかけてただ単に NN4.x がうざいだけです。

IEを5.0 から 6 にアップデートしたら問題がなくなりました。IE5.0 の float のバグだったのでしょうか。
答えて頂いた方、ありがとうございました。

56 名前:53 :03/01/05 03:08 ID:???
>>55
俺宛だな。
まあ、俺もNN4.xにの人はバージョンアップしてほしいな、って思うけど、
俺の場合「NNに対応できない人」って思われたらイヤだなあ、と思う気持ちのほうが強いな。

57 名前:Name_Not_Found :03/01/05 03:23 ID:???
>>56
NN4.x だけじゃなく IE5.0 とかも「バージョンアップして欲しいブラウザ」にカテゴライズされてはいるけれど、
それでもやっぱ NN4.x が最も嫌われているんだって事実を突きつけてやらないと、
低スペックでバージョンアップ出来ないユーザー以外は気づかないんじゃないかな。

とりあえず、スレ違いですね。

>>46
「 ruby はHTMLの要素ではありません」 なんてエラーを出すチェッカーに囚われるのもアレかもしれない。

58 名前:Name_Not_Found :03/01/05 03:31 ID:???
>>57
rubyはIE独自拡張じゃなかったっけ?

59 名前:Name_Not_Found :03/01/05 04:39 ID:???
>>58
XHTML1.1

60 名前:Name_Not_Found :03/01/05 06:15 ID:???
スレ違いだが、XHTML.1.1でもルビ使わん方がいいぞ。

61 名前:Name_Not_Found :03/01/05 13:00 ID:???
>>60
何ゆえ?


62 名前:Name_Not_Found :03/01/05 14:56 ID:???
>>60
俺も知りたい

63 名前:Name_Not_Found :03/01/05 15:21 ID:???
音声ブラウザで二重で読み上げられる。
rubyはacronymのように、MicrosoftがW3Cに対して仕様に加えるよう働きかけたもの。

64 名前:Name_Not_Found :03/01/05 15:45 ID:???
将来、音声ブラウザが Ruby の読み上げに対応したら有益になる可能性もある。

65 名前:Name_Not_Found :03/01/05 15:49 ID:???
つまり対応していない現状では使わない方が良い。

66 名前:Name_Not_Found :03/01/05 16:23 ID:???
二重になる場合はスタイルシートで読ませないようにすればいいだけじゃん。

67 名前:Name_Not_Found :03/01/05 16:43 ID:???
文意が破壊されるほどのもんじゃないからいいでしょ

68 名前:Name_Not_Found :03/01/05 16:55 ID:???
>>66
ところがその対応も甘い。 音声ブラウザ使ってみれ。
>>67
もちろん駄目なんて言ってない。使いたければ使えばいいし、
使いたくなければ使わなければいい。

スレ違いなのでこの辺で勘弁。

69 名前:Name_Not_Found :03/01/05 17:17 ID:???
>>68
参考になりました。ありがとう。

70 名前:Name_Not_Found :03/01/05 17:30 ID:???
floatで段組を作るのって、tableを使うのと同じで、基本的に反則だったりしますか?

71 名前:Name_Not_Found :03/01/05 17:31 ID:???
>>70
大丈夫

72 名前:Name_Not_Found :03/01/05 17:35 ID:???
>>70
見栄えをCSSに任せる、って事なんだから無問題。
というか、それが反則だったら「レイアウト自体反則」と言う事になりやしまいか?

73 名前:Name_Not_Found :03/01/05 17:56 ID:???
rubyはspan titleでごまかせるけど、CSSの対応を考えると……だしな。

74 名前:Name_Not_Found :03/01/05 21:21 ID:???
>>38
で紹介されてたけど、
「疑似フレーム」の部分ってなんでリストマーク表示されないの?

木になってソース見てみたけど、問題はなさそうだし。

75 名前:Name_Not_Found :03/01/05 21:39 ID:???
>>74
これかも。
http://members.tripod.co.jp/cssbug/detail/winie/b080.html

76 名前:Name_Not_Found :03/01/05 22:07 ID:???
>>75
それっぽいんだけど、その下は正常に表示されているし。
なんか不思議。

#Iこういうことが結構あるから困るんだよな

77 名前:前スレ961 :03/01/05 22:43 ID:F1oLaeOy
うっかり"margin:0px:"と指定していたのが原因でした。
首釣って逝ってきます。

78 名前:Name_Not_Found :03/01/06 17:30 ID:???
>>1に貼るテンプレ作ってみたよ。
http://fake_lint.tripod.co.jp/css.html

追加したいこととか、修正するとことか教えて。

79 名前:Name_Not_Found :03/01/06 17:48 ID:???
>>78
それぞれの質問にIDがちゃんと振ってあっていいな。これなら参照し易い。
余計なお世話だけど、ddの下マージンかdtの上マージンをもう少し広めに
取った方が読みやすさが上がると思うよ。

80 名前:Name_Not_Found :03/01/06 18:32 ID:???
>>79
ども。直してみますた。

81 名前:Name_Not_Found :03/01/06 18:42 ID:???
    _、_  グッジョブ!!         
   ( ,_ノ` )     n    
  ̄     \    ( E)    
 フ     /ヽ ヽ_//   

82 名前:Name_Not_Found :03/01/06 22:36 ID:Qg9o+7IE
div二つをfloatを使って段組にして、さらにそれを大きなdivで囲って
┏大枠━━━━━━━━━━━━┓
┃┌段組1 ──┐┌段組2 ──┐┃
┃│          ││          │┃
┃│          ││          │┃
┃│          ││          │┃
┃│          ││          │┃
┃│          │└─────┘┃
┃│          │              ┃
┃│          │              ┃
┃└─────┘              ┃
┗━━━━━━━━━━━━━━┛
のように大枠を作りたいのですが、実際にやってみると、段組2のサイズに合わせて
┏大枠━━━━━━━━━━━━┓
┃┌段組1 ──┐┌段組2 ──┐┃
┃│          ││          │┃
┃│          ││          │┃
┃│          ││          │┃
┃│          ││          │┃
┃│          │└─────┘┃
┗┥          ┝━━━━━━━┛
  │          │
  └─────┘
の様になってしまうのですが、何か対策はありますか?



83 名前:Name_Not_Found :03/01/06 22:47 ID:???
実にAAを使うのが上手い +10点

84 名前:Name_Not_Found :03/01/06 22:58 ID:???
>>82
height

85 名前:Name_Not_Found :03/01/06 22:59 ID:???
>>82
大枠の縦幅指定しちゃダメなん?

86 名前:Name_Not_Found :03/01/07 02:10 ID:???
>>84-85
縦幅は色々変わるもんで……

自己解決しました。さらにこれを囲うdivを書いて
そいつにborderを指定したらなんとかなりました。



87 名前:Name_Not_Found :03/01/07 02:16 ID:???
DIV厨…

88 名前:Name_Not_Found :03/01/07 08:23 ID:???
段組2の次にhrでも追加して{ clear: left; visibility: hidden; }
スペースは大枠のpaddingで調整
div追加するよりはマシな程度だけど

IEなら大枠にwidth指定するだけで何故か解決

89 名前:Name_Not_Found :03/01/07 09:10 ID:???
質問どっす。
borderをdottedの1pxにすると、たまに線が途切れたりするのですが、何ぞ対処法はあります?

あ、ブラウザはIE6です。

90 名前:89 :03/01/07 09:27 ID:???
うーん。
今色々まわってみたけれど、他所のサイトさまではいくらスクロールやサイズ変更しても
まったく途切れないんですよ。いいなあ丈夫だあ。
なんでうちだけ消されにゃあかんのー。

91 名前:Name_Not_Found :03/01/07 10:31 ID:???
>>90
その他所さまのサイトのCSSを見て勉強すれば?

92 名前:Name_Not_Found :03/01/07 11:43 ID:???
>>82-88
なぜ誰もここを見なかったのか?

Internet Explorer (Windows) CSSバグリスト
http://cssbug.tripod.co.jp/detail/winie/b079.html

heightプロパティの注意点〜内容がfloat要素の場合
http://www.mozilla.gr.jp/standards/webtips0021.html

WinIEのfloat解釈が間違ってるんですよ。

93 名前:Name_Not_Found :03/01/07 11:47 ID:???
http://pc3.2ch.net/test/read.cgi/hp/991666454/683n
683 :Name_Not_Found :02/11/19 01:21 ID:???
【IE6】
http://cssbug.tripod.co.jp/detail/winie/b079.html
フロートの後続フロー制御を設定したbr要素が親要素に包含されない
<div style="border:2px solid red;">
<div style="float:left; width:50px; height:50px; background:aqua;">Float</div>
<br style="clear:left;">
</div> ←ソース例にこのdivの閉ぢタグ、脱けてますよ

これへの対処法。
親divに値がauto以外のwidth(heightでなく)を指定してやるとなぜかうまく包含してくれる。
しかも<br style="clear:left;">は要らない。

ちなみにN6の場合、親divにposition:relative;を指定してやると
やはり<br style="clear:left;">無しにfloatさせた子要素まで包含する。
Opera6だけはどうしてもclearさせる要素が後続しないと包含してくれぬ。

94 名前:Name_Not_Found :03/01/08 15:20 ID:j7KIjLbw
nowrapはcssでどう書けばいいんですか?

htmlだと
<td nowrap></td>
ですよね?

95 名前:Name_Not_Found :03/01/08 15:22 ID:???
white-space: nowrap;

96 名前:Name_Not_Found :03/01/08 16:12 ID:???
何度も同じ質問すんなよ。
そのくらいぐぐれ。

97 名前:Name_Not_Found :03/01/08 16:15 ID:???
ということはFAQですか?>>94-95

98 名前:Name_Not_Found :03/01/08 16:23 ID:???
FAQですらないですよこの阿呆んだら

99 名前:Name_Not_Found :03/01/08 16:25 ID:???
ということはFuckUですか?

100 名前:Name_Not_Found :03/01/08 17:46 ID:???
堕ちていく、WEB制作板。ここに見たり

101 名前:Name_Not_Found :03/01/08 18:49 ID:???
>>100
惜しくも同意

102 名前:Name_Not_Found :03/01/08 18:59 ID:???
【FAQ】
A.いままでHTMLでやってた××をCSSでやるにはどうすればいい?
Q.下記をご覧あれ。テーブル・レイアウトは段組のFAQを見なさい。
いままでの 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

103 名前:102 :03/01/08 19:05 ID:???
失敗、やり直し。これでいいか? >>94-98

【FAQ】
Q.いままでHTMLでやってた××をCSSでやるにはどうすればいい?
A.下記をご覧あれ。テーブル・レイアウトは段組のFAQ(>>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

104 名前:Name_Not_Found :03/01/08 19:14 ID:???
CSSを記述する上でMac IEバグ対策とは具体的にどんな事をいうのですか。記述の方法も教えて下さい。

105 名前:Name_Not_Found :03/01/08 19:19 ID:???
>>2-4は見ましたか?

・CSSバグリスト@CSSバグ辞典スレッド
 http://cssbug.tripod.co.jp/index.html

106 名前:Name_Not_Found :03/01/08 19:21 ID:???
>>104
ここでも読んでてください。

CSS/DHTMLバグ辞典スレッド ver2.0
http://pc3.2ch.net/test/read.cgi/hp/991666454/
Internet Explorer (MacOS) CSSバグリスト
http://members.tripod.co.jp/cssbug/detail/macie.html

107 名前:106 :03/01/08 19:22 ID:???
被りますた。

108 名前:Name_Not_Found :03/01/08 19:26 ID:???
これもな。>>104

・ブラウザによる振り分け
 http://east.portland.ne.jp/~sigekazu/css/boxm.htm#ua

http://cssbug.tripod.co.jp/detail/macie/b009.html

109 名前:104 :03/01/08 22:55 ID:???
ありがとうございますた。

110 名前:Name_Not_Found :03/01/09 04:35 ID:???
CSSでtableのcellspacingにあたるものってないですよね?

111 名前:Name_Not_Found :03/01/09 05:17 ID:???
>>110
border-spacing
(border-collapse:separate;の場合のみ)

IEは実装されてなかったはず。
N6とOperaはOKだったかな。

112 名前:Name_Not_Found :03/01/10 00:25 ID:PXWCmkOo
文脈セレクタで親要素に id を指定するのは不当ですか ?

elemA#id elemB や elemA#id > elemB としてもセレクタとして機能してくれるブラウザがないようです。

113 名前:Name_Not_Found :03/01/10 00:30 ID:???
>112
p {color: black;}
p em {color: red;}
p#test em {color: blue;}

<p>normal <em>emphasize</em> normal</p>
<p id="test">normal <em>emphasize</em> normal</p>

ちゃんと効いてるように見えるけど?(IE6,Moz1.2.1)

114 名前:112 :03/01/10 00:42 ID:???
>>113

このソースだとちゃんと効きますね。
もうちょっと調べてみます。

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

115 名前:Name_Not_Found :03/01/10 16:06 ID:???
他のスレを見たのですがよくわからなかったので、
質問させて下さい。

OS X10.2.1 ブラウザIE5.2だとfont-family
だけ指定通りに表示できません。
Win IE5 だと表示できるのでバグなのかな?

ソース↓
<style type="text/css">
<!--
font.a{font-family:"MS Pゴシック,Osaka";font-size:15px; color:#333333;line-height:130%;}
font.b{font-family:"Times New Roman,Impact";font-size:15px; color:#cc0000;line-height:190%;}
font.c{font-family:"Arial,Verdana";font-size:15px; color:#0066cc;line-height:300%;}--->
</style>

何か原因とかあれば教えて下さい。

116 名前:Name_Not_Found :03/01/10 16:18 ID:???
>font-family:"MS Pゴシック,Osaka";
font-family:"MS Pゴシック",Osaka;

117 名前:115 :03/01/10 16:21 ID:???
>>116
上のがミスです すみません
正しく記入してもダメなのです。


118 名前:Name_Not_Found :03/01/10 16:52 ID:???
>MS Pゴシック
MS Pゴシック

119 名前:マカー :03/01/10 20:03 ID:???
MacのIEで欧文フォントを使用したい場合はその要素にlang="en"とかを入れなきゃいけない。
もちろんlang="fr"とかlang="de"とかでもいいけど。
要は親とかで日本語が指定されてるだけだとたとえ選択されてる内容が半角文字だけでも、
日本語ってことで欧文フォントは適応されないんよ。
2バイト文字も適応されないんなら、ちょっとわかんない。

120 名前:Name_Not_Found :03/01/10 20:43 ID:???
W3C信者はlang属性入れてるだろうがな。

<html lang="ja">
    略
<p>This is a pen.</p>
<p>これはペンです。</p>

で font: "Times New Roman","MS Pゴシック" ;
だとMSPゴシックに全てなるという話ですか?Macで。

121 名前:マカー :03/01/10 21:06 ID:???
>>120
そそ、そういうこと。
もっと言っちゃえば

<html lang="ja">
   略
<p>This is a pen.</p>
<p lang="en">This is a pen.</p>

p { font-family:Impact }

で、Ipmactが適応されるのは下だけ。
まぁそれが>>115の直接的な原因かは分からないけど。

122 名前:Name_Not_Found :03/01/11 00:23 ID:???
http://www.goodkey.net/~testman/images/test.gif

こちらのような
.EXEの部分だけ小さく、上付の表示を
CSSで再現するにはどうすればいいですか?
よろしくお願いします!

123 名前:Name_Not_Found :03/01/11 00:28 ID:???
>>122
CSSでもできるが、その前に、HTMLで<sup>ってのは知ってるか?

124 名前:Name_Not_Found :03/01/11 01:33 ID:???
見た目の定義はCSSでやれ

125 名前:112 :03/01/11 02:08 ID:???
>>124

でもそのために無用なマークアップをしなくてはならないわけで。
文脈セレクタって全然文脈じゃないよなあ。

126 名前:Name_Not_Found :03/01/11 02:15 ID:???
contextには前後関係という意味もある。

127 名前:Name_Not_Found :03/01/11 02:21 ID:???
>>124
<p>2^4は16です。<p>
これをソースには手を加えずに、CSSだけで
<p>2<sup>4</sup>は16です。</p>
と同じ表示になるようにしてください。

128 名前:Name_Not_Found :03/01/11 02:28 ID:???
「2^4」っていうのがそもそも「^」が階乗ですって記号(マークアップ)じゃんか。
わかる?

129 名前:Name_Not_Found :03/01/11 02:33 ID:???
じゃあ
24
か。

130 名前:Name_Not_Found :03/01/11 02:45 ID:???
MathMLのマネするとこうかな
<span class="superscript "><span class="number">2</span><span class="number">4</span></span>

131 名前:Name_Not_Found :03/01/11 02:46 ID:???
結局SUPとかわらねえw

132 名前:Name_Not_Found :03/01/11 02:51 ID:???
変わらないってか、そもそもマークアップの領分だしな。

><p>2^4は16です。<p>
の4だけを拾ってスタイルを適用するのは無理。
以下のやり方で<suq>っぽくはなるが、結局24を何かで囲う必要が有る。

hoge{
  font-size:0.5em;
  line-height:90%;
}

hoge:first-letter{
  font-size:2em;
  display:block;
  float:left;
}


<p><hobe>24</hoge>は16です。</p>

133 名前:Name_Not_Found :03/01/11 02:52 ID:???
えらくミスタイプが多いね

134 名前:訂正 :03/01/11 02:52 ID:???
× <suq>っぽく → ○ <sup>っぽく

135 名前:Name_Not_Found :03/01/11 08:41 ID:???
数式や化学式は<sup><sub>で良いんじゃない?
でないと,スタイルシートを理解しないブラウザーでわけわかめになるし.

レイアウトのための上付き,下付きだったら,<span>とか(.exeを小さくするのが強調であるなら)<em>とかでかこって,スタイルを適用するしかない.

とりあえずspanを使うと

span.exe {
vertical-align: super;
font-size: small;
}

名無しさん<span class="exe">.EXE</span>



136 名前:Name_Not_Found :03/01/11 11:33 ID:eKHdua2r
overflowでの擬似フレームを使っているのですが、
HTMLでいうフレームで分割した二つのページの間に、どうしても線が入ってしまいます。
この線を消すにはどうしたら良いのででしょうか?ご教授お願いします。

137 名前:Name_Not_Found :03/01/11 12:27 ID:???
>>136
ソースとか使用ブラウザとかの情報を出してくれぬと返答できませんって。
borderでも弄っておきなさい。

138 名前:Name_Not_Found :03/01/11 13:28 ID:???
height(又はwidth)とoverflowしか使わない擬似フレームでどうしたら線が出るんだ?
そこが知りたい。
まぁ、>>137と同意見ってことで。

139 名前:Name_Not_Found :03/01/11 23:00 ID:???
>>4 の中でも、その他でも構わないのですが、
何処のリファレンスが一番お勧めだと思われますかぁ?

140 名前:122 :03/01/11 23:19 ID:???
皆様ありがとうございました!
すごく勉強になりました!
感謝です!

141 名前:Name_Not_Found :03/01/12 09:47 ID:???
>>139
ttp://www.doraneko.org/misc/i18n-format/WD990127.html

142 名前:Name_Not_Found :03/01/12 11:24 ID:???
見た事無いのがいっぱいだけど、
justifyとかきれいですね。さっそく使いまくります。

143 名前:Name_Not_Found :03/01/12 14:38 ID:???
>>139
>>3
一次情報にかなうリファレンスはないと思われ。


144 名前:Name_Not_Found :03/01/12 14:43 ID:???
>>143
オススメ、って事はまあ、かなうかなわない関係なくいいと思うやつのことなんじゃない?

145 名前:Name_Not_Found :03/01/12 17:31 ID:???
>>136です。
>>136での問題は解決しました。
>>137-138どうもすんませんでした。

ふと疑問に思ったことがあるのでまた質問・・・。
擬似フレームで、ocerflowで左右に分割されたページがあるとします。
左のリンクをクリックすると、分割された右の部分のみページを切り替えられるように
することはできるんですよね?

「左」のリンクをクリック
┏━┳━┓    ┏━┳━┓
┃左┃右┃  ⇒ ┃左┃右┃  
┃  ┃  ┃    ┃  ┃  ┃    
┗━┻━┛    ┗━┻━┛    
           右の領域のみ指定されたページに変化

もしできるのでしたら、普通のフレームならば「target="aaa"」なんてやるターゲットの指定は
どうやってやればいいのでしょうか?

IE6、OSはME。
ソース(ところどころ略しました)
<style type="text/css">
<!--.header2,.footer{;width:20%;}
.content{width:80%;}-->
</style>
<div class="hidari">左</div><div class="migi">右</div>

146 名前:Name_Not_Found :03/01/12 18:12 ID:???
あくまで擬似です

147 名前:Name_Not_Found :03/01/12 19:30 ID:???
>>145
できません。>>146の言う通りです。

つーか一番下のソースさ、肝心なところを略してどうすんの。

148 名前:Name_Not_Found :03/01/12 19:49 ID:???
へぇ、あくまで擬似ですか。
わかりました。ありがとう。

149 名前:Name_Not_Found :03/01/12 19:57 ID:???
スクロールバーを左に表示したりできるんですか?

150 名前:Name_Not_Found :03/01/12 21:04 ID:???
>>149
できない。
bodyにdir="rtl"とかするしか。

151 名前:Name_Not_Found :03/01/12 21:07 ID:???
質問です。
戻る       進む
↑こんな感じで
一つの行の右端と左端に文字を書いて真ん中は空けたいのですが
スタイルシートでこの様にテキストを配置する方法はありますか?


152 名前:150 :03/01/12 21:08 ID:???
できるじゃん。
body{direction:rtl;}

鬱打詩嚢…


スクロールバーを変えたいだけの理由で使うのはやめといた方が良いと思うけど。

153 名前:Name_Not_Found :03/01/12 21:23 ID:???
>>151
<ul>
<li class="back">戻る</li>
<li class="go">進む</li>
</ul>

li{width:10em;float:left;}
li.go:before {content:"御飯が御飯が";}
li.go:after {content:"君。";}

全てコピペはおすすめできません。

154 名前:151 :03/01/12 22:23 ID:???
>>153
レスありがとうございます。要するに
<li> もfloatにしたら横に並べることが出来るんですね。
色々学習してきます。


155 名前:Name_Not_Found :03/01/13 05:36 ID:mMtsEDHM
テーブルを表示windowの真ん中に表示させる正しいやり方を教えてください。
table{
text-align:center
}
でやるとNN7で真ん中によってくれません。

156 名前:Name_Not_Found :03/01/13 06:13 ID:???
>>155
激しく既出。ちょっとは(ry

157 名前:Name_Not_Found :03/01/13 06:24 ID:???
>>156
すいません、FAQでしたね。逝ってきます

158 名前:( ´ω`)ブヒ :03/01/13 08:25 ID:???
<div>で囲ってaling=center

159 名前:Name_Not_Found :03/01/13 09:24 ID:???
リストをセンタリングしたいのですが
<ul>のclass指定で
list-style-type: none;
で「・」を見えなくして
<li>のclass指定で
text-align: center;
にしたら「・」の分字下げされてしまい、
センタリングしたいのにちょっとずれて不格好です。
文字の部分を完全にセンタリングする方法はありますでしょうか?


160 名前:Name_Not_Found :03/01/13 10:30 ID:???
>>159
list-style-position:inside;

と、確認もせずに書いてみる。

161 名前:Name_Not_Found :03/01/13 10:35 ID:tFLaNEbY
>>159
ないっちゃ!
HTMLによるリストの意味を考えるっちゃ!

162 名前:Name_Not_Found :03/01/13 10:40 ID:???
http://www.mars.dti.ne.jp/~fuming/intro.htm
ここのようなサイトデザインにしたいんだが、どうすればいい?
擬似フレームじゃないし、段組レイアウトとは少し違う気がする・・・

163 名前:159 :03/01/13 11:29 ID:???
レスありがとうございます。

>>160
試してみたけど、字下げはされてしまうようで、ダメでした。

>>161
そうですか(´・ω・`)
デザインを考え直します。


164 名前:Name_Not_Found :03/01/13 11:52 ID:???
>>162
floatかpositionじゃないの?
CSSファイルは見てないが。
てか、少しは自分で見ろよ。


165 名前:Name_Not_Found :03/01/13 13:01 ID:???
>>164
positionだったYO!
外部スタイルシートを見れる事にはじめて気づいた

166 名前:Name_Not_Found :03/01/13 13:42 ID:???
>>159
ulのmarginを0。

167 名前:Name_Not_Found :03/01/13 13:50 ID:???
>>162
positionかfloatを判断する場合、
画面サイズ(ウィンドウ)をだんだん小さくさせて、
右か左のブロックが下に移動すれば(回り込みが解除されれば)float。
ウィンドウを小さくしても横スクロールバーが出るだけで
左右の状態が変わらなければposition
って漏れはやってる。(いちいちCSS見るのが面倒なもんで

168 名前:Name_Not_Found :03/01/14 08:06 ID:???




岡田克彦ファンクラブからのご案内です。ご高承のとおり、岡田克彦氏の卒業した早稲田大学政治経済学部
と、ひろゆきの卒業した中央大学文学部は比較にならないほど差があります。中央大学文学部のような
ヘボい大学に共通しているのは、文化水準が低いという事です。18歳から22歳をヘボい大学で過ごすという
ことは、感受性において致命傷と言えます。2ちゃんねらーの大半は岡田克彦氏に比べて、著しい低学歴で
頭が悪いだけでなく、感受性も愚鈍で腐っているという、取り返しのつかない状態なのです。
せめて、http://www.geocities.co.jp/MusicHall-Horn/1091/で、岡田氏の作品に触れましょう。


169 名前:Name_Not_Found :03/01/14 17:33 ID:???
W3CのCSSのページのように影をつけたいのですが
一体どうすれば出来るんでしょうか?

http://www.w3.org/Style/CSS/

170 名前:Name_Not_Found :03/01/14 17:39 ID:???
>>169
マージンで調整している模様。
ttp://www.w3.org/Style/map.css

171 名前:Name_Not_Found :03/01/14 18:17 ID:???
>>169
CSS3を待て。
ttp://www.w3.org/Style/CSS/current-work
現状ではpositionかmarginで調整するくらいしかない。

172 名前:Name_Not_Found :03/01/15 20:50 ID:???
ブロックAとブロックBがあるとして。
この2つのブロックを横に並べたい場合、
{ float : 〜 }と{ display : inline }、どっちが適切だと思いますか。
質問というか…みなさんのご意見を聞いてみたいです。

173 名前:Name_Not_Found :03/01/15 20:57 ID:???
float

174 名前:172 :03/01/15 21:01 ID:???
補足。ブロック内容は共に1行です。

>173
やっぱりfloatでしょうか…

175 名前:Name_Not_Found :03/01/15 21:09 ID:???
好きにしろ

176 名前:Name_Not_Found :03/01/15 21:22 ID:???
用途に合った方を選ぶ

177 名前:Name_Not_Found :03/01/16 00:51 ID:???
>>172
floatとインラインボックスの特性を調べるといい
あとは>>176

178 名前:Name_Not_Found :03/01/17 14:49 ID:???
すみませんが教えて下さい。

AとBの二つのテーブルがあり、
Aテーブルの中の指定した場所へ、
Bテーブルを置きたい場合はどのようにしたら良いのでしょうか?
宜しくご教授下さいませ。

179 名前:Name_Not_Found :03/01/17 14:58 ID:???
CSS切り替えスクリプト使ってるんですけど、
改行を消したいデザインと消したくないデザインがあるんですけれど、
この場合前者の時<br>を{display:none}で消してもいいのでしょうか。
文法的になにか引っかかるような引っかからないような。

180 名前:Name_Not_Found :03/01/17 15:07 ID:???
>>178
CSSとは無関係だよ。
Bテーブルを入れたいAテーブルのセルに入れればいい。
ただ何重にもテーブル内にテーブルを入れると(入れ子といいます)
処理が重くなる(PCスペックによってはフリーズする)ので入れ子は
2〜3程度で留めてください。

例えばAテーブルが3行3列で真中にBテーブルをおきたい場合の
ソースはこんな感じ↓
<table>
<tr><td><td><td>
<tr><td><td><!--ここにBテーブルのソース--><td>
<tr><td><td><td>
</table>

181 名前:Name_Not_Found :03/01/17 15:31 ID:???
>>180
……はい?

182 名前:Name_Not_Found :03/01/17 15:54 ID:???
>>181
>>178
>AとBの二つのテーブルがあり、
>Aテーブルの中の指定した場所へ、
>Bテーブルを置きたい場合はどのようにしたら良いのでしょうか?
こういう書かれ方したら、>>180のような答えが返ってきても仕方ないんじゃない?

183 名前:Name_Not_Found :03/01/17 15:59 ID:???
親要素や子要素って自分で設定する事は無理ですか?

184 名前:Name_Not_Found :03/01/17 16:16 ID:???
>>183
意味がよくわからん

185 名前:Name_Not_Found :03/01/17 22:12 ID:???
>>183
HTMLの親子関係における制限(addressの中にブロック要素を記述できない、とか)を
CSSで変更(displayプロパティ等で)できるかどうか、という意味かな。

だとしたら、できない。

186 名前:Name_Not_Found :03/01/17 22:18 ID:???
どういうことをしたいか日本語で説明できないのなら
ポンチ絵でも描いてどっかのうぷろだ借りてのっけて
誰か親切な人がそれを見に行ってくれるのを待つのはどうか?

187 名前:Name_Not_Found :03/01/18 00:59 ID:???
ニポン語もロクに使えない香具師がHTMLなんか使うな!

…オレモナ!

188 名前:Name_Not_Found :03/01/18 14:28 ID:3+LrgISQ
ゼロから勉強してる。どうせならちゃんとレイアウトはCSSで、と思った。
沢山のページのソースを見まくっているが、
例えば文字の指定ひとつとっても、HTMLからの指定・CSSからの指定、と
ぐちゃぐちゃに混在しているページが多いと思ったんですが・・・
こういうものなのでしょうか?
いきなりCSSまで突っ走って勉強してるので、難しいと感じる今日この頃だが・・・。




189 名前:Name_Not_Found :03/01/18 16:30 ID:???
>>188
どうせなら
ttp://www.asahi-net.or.jp/%7Esd5a-ucd/www/

190 名前:Name_Not_Found :03/01/18 16:55 ID:BdwT2uW6
ボケボケな質問で申し訳ないのですが、
フォーム部品のうちラジオボタンへはCSSが適用できますが
チェックボックスには適用できないのでしょうか。
ネスケ7.0やIE5.2(Mac版)などでチェックしたのですが
チェックボックスへのCSS適用がきちんとできているものはありませんでした。

かといって
input { border:2px; }
のように一括指定をすると、チェックボックスの回りを囲むように
ボーダーが出て醜くなるブラウザもあるので、
チェックボックス以外のフォーム部品に一括指定できるような
やり方がないかと思っているのですが、何かありませんでしょうか。
よろしくお願いします。

191 名前:Name_Not_Found :03/01/18 17:18 ID:???
>>190
チェックボックスにspan使ってclassでも指定したら

192 名前:Name_Not_Found :03/01/18 17:26 ID:???
>190
input[type~="radio submit reset"] {border: 2px;}
とかそんな感じ?NN7やMacIEなら対応してるかもしれない.
キーワードは「属性セレクタ」
WinIE6が未対応だと思うから,現実的には >191さんの方法かな.

193 名前:Name_Not_Found :03/01/18 21:57 ID:/PXgom5U
HTMLとCSSをポツポツ始めたのですが、わからない事があると
ソースを表示させて、例えばHTMLなら表示させて見ることが出来ますが、外部CSSファイルってどうやったら見ることが出来ますか?
CSS、むずかししくて頭痛くなります。



194 名前:Name_Not_Found :03/01/18 22:00 ID:???
>>188
アホが多いんだよ

195 名前:Name_Not_Found :03/01/18 22:03 ID:???
font-sizeで%指定できますよね?
その%指定で100%は何を基準としてるんですか?

196 名前:Name_Not_Found :03/01/18 22:44 ID:???
>>193
外部CSSファイルのURLをブラウザに打ち込めばエディタで表示されるよ。

197 名前:193 :03/01/18 23:37 ID:/PXgom5U
>>196さん!!
ありがとうございます。
なんのお礼も出来ませんけど、ありがとうございます。

外部とはいえ同じ所にあるんですもんね、もっと頭を働かせねば...。 


198 名前:Name_Not_Found :03/01/18 23:41 ID:???
>>195

親要素のサイズ。


199 名前:Name_Not_Found :03/01/19 00:01 ID:???
質問です。
:first-letter擬似要素のmarginに負の値を指定したところ、
IE6.0では効いているんですがN7、Opera7.0では無視されました。
これはIEのCSSの解釈が間違っているんですか?

200 名前:Name_Not_Found :03/01/19 00:32 ID:???
>>199
仕様によるとIEの動作の方が正しいです。
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/selector.html#first-letter
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/box.html#margin-properties

201 名前:Name_Not_Found :03/01/19 00:58 ID:???
>>200
本当だ、どうもありがとう。実装の問題ってことなんですね。
spanで代用しようかな・・・

202 名前:Name_Not_Found :03/01/19 03:27 ID:???
ガイシュツだったらスマソ。first-letter絡みで質問です。
<h1><a href="2ch.net">hoge</a></h1>
h1:first-letter{font-size:3em;}

アンカーにカーソル乗せるとMozでfirst-letterが無視されるのですが
これはバグ?
ちなみにWinのopera6.05、IE5.5では大丈夫です。

203 名前:名無しさん@書き込み中。 :03/01/19 04:08 ID:???
CSSでお勧めの書籍あったら教えて下さい。

204 名前:Name_Not_Found :03/01/19 04:28 ID:???
>>202
こっちで聞いたほうがよいかと
ttp://pc3.2ch.net/test/read.cgi/hp/991666454/

>>203
仕様書が一番
ttp://www.w3.org/TR/REC-CSS1
ttp://www.w3.org/TR/REC-CSS2/
ttp://www.swlab.csce.kyushu-u.ac.jp/man/rec-css1/index.html
ttp://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/index.html

205 名前:Name_Not_Found :03/01/19 07:17 ID:???
>>202
バグだと思う。
以前、その場合でアンカーにポイントしなくてもh1:first-letterが効かなくなる問題があったし。
修正漏れかな。

206 名前:Name_Not_Found :03/01/19 14:22 ID:???
>203
自分も仕様書が一番だと思うけど、
個人的にはモニタやプリントアウトものより本の方がいいから、これ。
そこそこよかったと思う。

ttp://www.shuwasystem.co.jp/~SHOKAIdic/

ちょうど昨日新しいやつ(赤いの)買ったばっか(藁

207 名前:Name_Not_Found :03/01/19 15:43 ID:???
>203
206の青いやつ使ってる。

208 名前:Name_Not_Found :03/01/19 15:59 ID:???
>204-205
れすサンクス。バグスレに報告しておきます。

209 名前:Name_Not_Found :03/01/19 16:46 ID:???
>207
青いのは赤いのに比べてCSSパートが弱い気がする。
読んだのは前バージョンの方の2冊だが。

あと、ちょっとだけ割高だし。

210 名前:Name_Not_Found :03/01/19 21:34 ID:Bc3U0fbA
cssでtableの枠の色を設定できますか?

211 名前:Name_Not_Found :03/01/19 21:41 ID:???
>210
できます。
table { border : #ff0000 1px solid ; }とか。

212 名前:Name_Not_Found :03/01/19 21:44 ID:???
>>211
どうもありがとうございました

213 名前:Name_Not_Found :03/01/20 00:38 ID:???
http://www.annie.ne.jp/~sheepers/komain.html
http://3110.sunnyday.jp/
http://cheser25.hp.infoseek.co.jp/
http://phoenity.com/
http://www.users.yun.co.jp/~souichi/
http://d-o-b.ciao.jp/^o^/
http://www.windfarm.co.jp/

CSSの見本になるかな?

214 名前:Name_Not_Found :03/01/20 09:50 ID:???
>>213
一番上はtableじゃん

215 名前:Name_Not_Found :03/01/20 09:52 ID:???
>>213
イケてるデザインサイトにあげられたもので、
しかも好評ではなかったものがやたら入ってるのはなぜ
ttp://www.users.yun.co.jp/~souichi/
ここは好評だったけど

216 名前:Name_Not_Found :03/01/20 10:27 ID:???
cssで<select>のハンドルやリストや選択カーソルなどのコントロールの色を設定することはできますか?

217 名前:Name_Not_Found :03/01/20 14:52 ID:???
すみません、ちょっと質問させて下さい。
当方IE5.01sp2を使用しております。
cursorをCSSで指定したいのですが、
n-resizeとs-resizeはネスケ6で差異がありませんよね?
IE5.01ではそれぞれ、上下の矢印になるのですが、
IE5.5以降ではどう表示されるのでしょうか?

218 名前:Name_Not_Found :03/01/20 15:04 ID:???
>>217
サポートされていますよ。

(ちょっと考えれば分かることだと思うんだが…)

219 名前:Name_Not_Found :03/01/20 15:13 ID:???
>>217
カーソルは、ユーザーが指定しているそれになる。
例えばくまちゃんカーソルを使ってる人のブラウザでは、くまちゃんクロスカーソルになったりしてるわけ。
クールなサイトのつもりでも、よそでは滑稽になってるかもしれない、という話。

#カーソル変更は、視覚的に馴染まないという理由から嫌がる人は多いですよ。

220 名前:Name_Not_Found :03/01/20 16:45 ID:1M1ZX7Rl
本当に初歩的な質問で申し訳ないんだけど…

 CSSのセレクタ名に記号って使っちゃいけないの?
 使えるのはUAが勝手に通してるだけなの?

221 名前:Name_Not_Found :03/01/20 17:17 ID:???
微妙にスレ違いな質問で申し訳ないんだけど…

 text-decoration : blink; に対応しているブラウザってあるの?

222 名前:Name_Not_Found :03/01/20 17:22 ID:???
……NN4とかな。

223 名前:Name_Not_Found :03/01/20 17:24 ID:???
Netscape6以降

224 名前:221 :03/01/20 17:25 ID:???
>>222
ほんとだ。ちゃんと点滅したよ! ありがとう!



使わないけどな。

225 名前:221 :03/01/20 17:39 ID:???
>>223
ほんとだ。どっかに「N6は非対応」って書いてあったの鵜呑みにしてたよ! ありがとう!



使わないけどな。

226 名前:Name_Not_Found :03/01/20 18:37 ID:???
>>220
セレクタには当然記号は使われるぞ。
#.:[]|=~、全部セレクタのシンタックスの一部だ。

227 名前:Name_Not_Found :03/01/20 19:45 ID:???
、も使えるんだ

228 名前:Name_Not_Found :03/01/20 20:42 ID:???
>>227
、日本語変ですよ

229 名前:Name_Not_Found :03/01/20 21:27 ID:???
>>228
、どこがどう変なのか教えてくれ。

230 名前:Name_Not_Found :03/01/20 21:57 ID:???
>>229
、そんなこともわからないんですか?
、小学校から(略

231 名前:Name_Not_Found :03/01/20 22:19 ID:???
<del> >>227-230 </del>



del { font-size: 500%; }

232 名前:Name Not Found&rlo;よだレスSSCはここ&lro; :03/01/20 22:35 ID:???

透明あぼ〜んをして。

↓つぎどうぞ↓

233 名前:Name_Not_Found :03/01/20 23:12 ID:???
いわゆるテーブルレイアウトをテーブルを使わずにやるには
どのCSSを使用したらよいのですか?

234 名前:Name_Not_Found :03/01/20 23:14 ID:???
FAQの段組についてを見よ。 >>233

235 名前:Name_Not_Found :03/01/20 23:32 ID:???
「どのCSS」っていうのも凄い質問だな。
HTMLにおける「タグを教えてください」に通じるものがある。


236 名前:217 :03/01/20 23:50 ID:???
>218
サポートされてるのは当然でしょうけど、
ie5.01とネスケ6じゃあ後者のほうがcss対応が優れていることを考えると、
IEの新しいバージョンがネスケと同じ表示方法になっているかも
とか思ったのです。
nが北でsが南でしょうから、それぞれの方向に矢印が出るほうが正しいとは思うのですが。
でも、219で言及されてるクライアント依存の件ですが、
上だけとか下だけの矢印を、windows上で見る機会がないので、
やっぱ上下どっちにも矢印ってのが正解なのかな、う〜んわからんです。

>219
くまちゃんカーソルによる説明は、自分を納得させるのに充分過ぎました。
使わないことにします。

237 名前:Name_Not_Found :03/01/21 00:58 ID:???
カーソル画像作って、urlでその画像を指定する。

ということに触れないのは何かの陰謀ですか?

238 名前:Name_Not_Found :03/01/21 01:09 ID:???
>>237
カーソル変更させたくないからじゃない?
視覚的に、も理由なんだけど。

239 名前:Name_Not_Found :03/01/21 04:32 ID:???
<div class="abc"></div>で囲んだら下側のマージンだけが無視されます。
cssには
.abc{margin:5% 5% 10% 180px;}
としか書いてません。
最初はこれでちゃんと表示されてたんです、なのにソースいじってたら…。

ブラウザはIE5.5です。NN7で見たらちゃんと下に余白ができてました。
なんとかしようと頑張ってたらいつの間にかこんな時間だしもうダメポ(;´Д`)

240 名前:Name_Not_Found :03/01/21 04:52 ID:???
>>239
質問じゃないならスレ違い。

241 名前:Name_Not_Found :03/01/21 09:46 ID:???
>>236
カーソルなんて
windowsIE5
windowsIE6
macIE4
macIE5
windowsのNN7
macのNN7
LinuxのNN7
全部ちがうでつよ。

242 名前:Name_Not_Found :03/01/21 10:17 ID:???
>>239
CSS/DHTMLバグ辞典スレッド ver2.0
http://pc3.2ch.net/test/read.cgi/hp/991666454/

243 名前:Name_Not_Found :03/01/21 13:27 ID:DE75Gzb5
質問です。

<dl><dt>hoge</dt>
<dd>hage1</dd>
<dd>hage2</dd></dl>

というのがあったときに
hoge  hage1
     hage2
という風に、<dd>要素を縦にそろえる方法ってありませんか?
hogeとhage1は同じ行に、
hage2以下をhoge1の下に来るようにしたいのですが……。


244 名前:Name_Not_Found :03/01/21 13:49 ID:???
>>243
dt { float: left; width: *em; }
dd { margin-left: *em; }
定番のこれでできるけど
IEは二つ目以降のddがちょっとズレる。
dtのheightを調節するしかないかな

245 名前:243 :03/01/21 13:59 ID:???
>244
ありがとうございました。
dtのheightに少し大きめの値を持たせてやることで
上手く整形できました。

246 名前:Name_Not_Found :03/01/21 14:50 ID:???
やっぱり
<dl compact>
を使うのは邪道なの?

247 名前:Name_Not_Found :03/01/21 21:11 ID:afmQFC0i
iモードサイトをやっているのですがPCからの見た目も考えて、
外部スタイルシートを使っています。
そこで質問です。。。

「iモードからアクセスした場合、外部スタイルシートは読み込まないから
外部スタイルシートが数KBあったとしても、パケット通信料に掛かる負担は
head内に埋め込んだタグの分だけである・・・」

という自分の常識は世間の常識でしょうか?

248 名前:Name_Not_Found :03/01/21 21:13 ID:???
>世間の常識でしょうか?
アンケートでもする気ですか?

無駄なファイルを読み込まないのは仕様です。

249 名前:Name_Not_Found :03/01/21 21:35 ID:???
>>247
余談ですが、WAP2.0は、cssを読み込みますよ。
背景画像すらも読み込みます。

#はじめて見たときびっくりしましたもん。

250 名前:247 :03/01/21 21:46 ID:???
>>248
どうもです。失礼しました。

>>249
ほんとですか?
あながち余談でもないので、勉強してきます。。。
未だによく理解できないEZ Web、、、恐るべし、、、

251 名前:Name_Not_Found :03/01/21 21:50 ID:???
要素を float させる際に指定する幅って
max/min-width でもいいのでしょうか。
width で決め打ちしないといけないのでしょうか?

252 名前:Name_Not_Found :03/01/21 22:11 ID:???
>>251
min-widthしか指定してないと、100%にされちゃうかもしんないので、
どうせやるならmax-widthの方がよろしいかと。


253 名前:Name_Not_Found :03/01/22 19:27 ID:???
classとidの違いって何?
全部class属性でごり押しできたけど。。
idで指定するのってなんか意味あるのかな?
くだらない事だけど教えてもらえたら嬉しいです。

254 名前:Name_Not_Found :03/01/22 19:46 ID:???
正直、「またか」と思います

255 名前:Name_Not_Found :03/01/22 20:38 ID:???
>>253
すごい既出だし過去ログにあるから探して見るといいよ。
自分的には全部class指定でいいと思う。
ここはid属性じゃないとダメ!ってケースあまりない気がするし。

256 名前:Name_Not_Found :03/01/22 21:04 ID:???
IE5で、
td { width:10em; }
のようにしても、テーブル全体の幅がブラウザ幅を越えないように
詰められてしまいます。
横スクロールバーを出してでも指定どおりの幅を取る方法ありませんか?


257 名前:Name_Not_Found :03/01/22 21:44 ID:???
>>256
table に width 指定

258 名前:Name_Not_Found :03/01/22 22:11 ID:???
>>257
できました。完璧!
ありがとうございました。


259 名前:Name_Not_Found :03/01/22 22:32 ID:???
>>253
すごい既出。
前に出ていたCSS-FAQのサイトに書いてあった気もするが。

idは hoge.html#ID でアクセスできる。

260 名前:Name_Not_Found :03/01/22 22:36 ID:???
>255
・リンクの飛び先
・javascriptのgetElementById
・perlなどで処理する時の目印
etc
CSSが先にあってclassやidがあるわけじゃないよ

261 名前:Name_Not_Found :03/01/22 22:39 ID:???
font-size : small;を
IE6でみると<font size=3>の大きさなのに
NN7でみると<font size=2>の大きさになってしまうのは仕様ですか?

262 名前:Name_Not_Found :03/01/22 22:48 ID:???
はい

263 名前:Name_Not_Found :03/01/22 23:03 ID:???
便乗。
font-size : small;って、Win、Mac共にIEでは意味無しでしょうか。
mediumと全然変わらないように見えるんですが。

264 名前:Name_Not_Found :03/01/22 23:12 ID:???
って言うか、素直に%なりemなり使え
意味が無いとは言わんが

265 名前:Name_Not_Found :03/01/23 00:21 ID:???
>>260
スタイル適用させるためだけの目的でclass振るかid振るか迷ったら
とりあえずclassを振ればいいんじゃないってことっす。
言葉足らずでごめん。

266 名前:Name_Not_Found :03/01/23 10:28 ID:???
font-size:mediumはIE6も標準モードならNN7と同じ大きさ。

267 名前:Name_Not_Found :03/01/23 22:00 ID:Hivd8+j3
CSSマンセーなページ色々見てて少々ウンザリした。・・・
「絶対指定」で二種類のフォントサイズを使ってるが、小さいほうで16px。
これでも、アクセシビリティの低いページなのか?
もひとつ、「画像オフでエロ"画像"ページ巡回するユーザー」とか想定すべき
(出来る)ものなの? ていうかそういう一面に触れようともしない(CSS以前でね)
のが不自然に感じるのですが。皆さんの考えはどう?




268 名前:Name_Not_Found :03/01/23 22:08 ID:???
分かりやすく書き直してくれ

269 名前:Name_Not_Found :03/01/23 22:10 ID:???
>>267
> 「絶対指定」で二種類のフォントサイズを使ってるが、小さいほうで16px。
 絶対指定そのものがウザい。

> もひとつ、「画像オフでエロ"画像"ページ巡回するユーザー」とか想定すべき
> (出来る)ものなの? ていうかそういう一面に触れようともしない(CSS以前でね)
 そんな特異な例なぞサンプルにならんでしょ。

270 名前:Name_Not_Found :03/01/23 22:11 ID:???
「絶対指定」は一部のブラウザでは実際に固定されてしまうわけで
電子媒介の利点といえるスケーラビリティを損なうような行為を
わざわざする必要はない

271 名前:Name_Not_Found :03/01/23 22:12 ID:???
>267
16pxの絶対指定でのアクセシビリティは、
弱視のひとにとっては低いと言えるでしょう。
まあ、絶対指定のアクセシビリティは、どこで線引きするかの問題ですね。
相対指定なら、線引きする必要はないということかな。

あとはなに言ってるかよくわかりません。

272 名前:Name_Not_Found :03/01/23 22:12 ID:???
って言うかそれはCSSの話なのか

273 名前:Name_Not_Found :03/01/23 22:20 ID:???
サイズの絶対指定は避けるべきでしょうね。
もちろん、デザインを重視したい場合もあるでしょうから
絶対に使っちゃいけないわけじゃないけど、その場合でも
代替スタイルシートを用意して、弱視の人も快適に
読めるようにしておくべきでしょう。

274 名前:Name_Not_Found :03/01/23 22:22 ID:???
>>272
CSSとは無関係だな。というか少なくとも直接的に関係ある話ではない。
多分、CSS解説に付随してたアクセシビリティに不満を述べてるんだろう。

275 名前:Name_Not_Found :03/01/23 22:23 ID:???
というか、ユーザビリティを「どうでもいい」と思う人間に無理に分かってもらう事は難しいだろうな。
バリアフリーで段差をなくそう、っつったって、俺は楽に登れるし、普通みんな楽に登れるだろ、とか言ってるようなやつと同じ。

276 名前:Name_Not_Found :03/01/23 22:27 ID:???
pxは相対単位だよ。

277 名前:Name_Not_Found :03/01/23 22:29 ID:???
>>276
質問なんだけど、
解像度に対する相対
 と
ブラウザで指定したフォントサイズに相対
 とは別だよね?確か。(うろ覚えなので)

278 名前:267 :03/01/23 22:34 ID:Hivd8+j3
>>268
すまん。そうだろうな。html知識ゼロから一気に勉強していて原則的な
疑問が多い。(CSSも勉強すべきなのだな、と知ったのも数日前)
>>269
>絶対指定そのものがウザい。
文字サイズはアクセシビリティの観点では「小さすぎる文字」
以外に考えるべき事がある?(色を変えるのは問題あるケースもある事
は解った)何故ウザイのか教えて下さい。大きく絶対設定するのも
いけない理由が解らない。あと、
>そんな特異な例
そうです。自分もそう思っています。「あなたがページを作る時」
という文脈のページが多くてウンザリした次第で。
>>270
>電子媒介の利点といえるスケーラビリティを損なうような行為
もう少し具体的に教えて下さい。印刷時の問題とかですか?


279 名前:277 :03/01/23 22:39 ID:???
>>278
> >絶対指定そのものがウザい。
> 文字サイズはアクセシビリティの観点では「小さすぎる文字」
> 以外に考えるべき事がある?(色を変えるのは問題あるケースもある事
> は解った)何故ウザイのか教えて下さい。大きく絶対設定するのも
 これは>>271で。

> そうです。自分もそう思っています。「あなたがページを作る時」
> という文脈のページが多くてウンザリした次第で。
 多分、特異な例、を省いて一般的な場合を指し示してる文書なんじゃないですかね。
例えば、「アメリカビジネスマンの間では、太ってる人は自己管理が出来ていないとみなされる」
という文書を関取が読んで憤慨してるようなもの。

あと、文節で区切ってくれないと、引用するときちょっと困るでス。

280 名前:Name_Not_Found :03/01/23 22:42 ID:???
だからよぉ、それはCSSの話なのかって

281 名前:Name_Not_Found :03/01/23 22:44 ID:???
> 「絶対指定」で二種類のフォントサイズを使ってるが、小さいほうで16px。

これどこのWEBサイトを例に挙げてるの?
サンプルきぼんぬ

282 名前:Name_Not_Found :03/01/23 22:45 ID:???
>>281
それは自サイトのことじゃないの?
こうやってる俺のサイトもアクセシビリティ低いのかよ、って。

283 名前:Name_Not_Found :03/01/23 22:50 ID:???
アクセシビリティを口に出すような奴がする真似じゃないわな
好みの大きさにユーザーが自由に調整できるという事が肝要な訳で

284 名前:Name_Not_Found :03/01/23 22:50 ID:???
ptは相対指定値になるのかな?

285 名前:Name_Not_Found :03/01/23 22:52 ID:???
>>284
相対単位と相対指定は違う。
ptは相対単位(画面に相対)で絶対指定(ブラウザに絶対)だと思うんだけど。

#勘違いしてたら補足きぼん

286 名前:285 :03/01/23 22:58 ID:???
>>284
すまん。ptは絶対単位だった。

287 名前:Name_Not_Found :03/01/23 22:59 ID:???
http://www.mozilla.gr.jp/standards/webtips0027.html

288 名前:Name_Not_Found :03/01/23 23:02 ID:???
>>287
いろいろ試してみたが、emとexだけブラウザで可変できるっぽいな。

289 名前:Name_Not_Found :03/01/23 23:07 ID:???
>>288 %もね。単位はemと%で充分。

290 名前:288 :03/01/23 23:08 ID:???
>>289
 THX
そういや前にこのスレで尋ねたら、>>287のURLに誘導されてそれで終わったような。

291 名前:Name_Not_Found :03/01/23 23:13 ID:???
成長しないんですね。

292 名前:Name_Not_Found :03/01/23 23:17 ID:???
>>291
お前はな。

293 名前:Name_Not_Found :03/01/23 23:23 ID:???
ピップクプゥですね。

294 名前:267 :03/01/23 23:24 ID:???
直接CSSに関係の無い質問に皆さん的確なレス、感謝。
16pxの具体論、一般論としての例え話、スゲェ勉強になった。
厳しい、鋭い突っ込みも全て図星・・・だ。(作りかけだが。)
勉強進めて今度は高級な質問します。よろしく。

295 名前:Name_Not_Found :03/01/23 23:24 ID:???
↓何事もなかったかのように岡田克彦↓

296 名前:288 :03/01/23 23:24 ID:???
>>291
だから自分で試したんだよ。
そいで、同じ話題が出てるから、結果を示したんだよ。

297 名前:Name_Not_Found :03/01/23 23:25 ID:???
(´-`).。oO(>>294は、登場の仕方の割りに大人だった。

298 名前:Name_Not_Found :03/01/23 23:32 ID:???
大人。。。(*´Д`*)

299 名前:Name_Not_Found :03/01/23 23:45 ID:???
大人になったのね。

300 名前:Name_Not_Found :03/01/23 23:52 ID:???
>>298
あかちゃん作る?

301 名前:Name_Not_Found :03/01/24 00:24 ID:???
>>300
CSSで赤ちゃんを作るにはどうしたらいいんですか?

302 名前:Name_Not_Found :03/01/24 00:26 ID:???
>>301
baby{display:none;}

303 名前:Name_Not_Found :03/01/24 00:42 ID:???
(;;´д`)堕胎ですか…

304 名前:Name_Not_Found :03/01/24 00:44 ID:???
>>303
いや、認知しないの。

305 名前:Name_Not_Found :03/01/24 00:51 ID:???
>304
baby{visibility:hidden;}じゃないの?
要素自体は存在するわけだから。

306 名前:Name_Not_Found :03/01/24 00:55 ID:???
>>305
それだ

307 名前:Name_Not_Found :03/01/24 00:55 ID:???
↓何事もなかったかのように山崎渉(^^)↓

308 名前:Name_Not_Found :03/01/24 02:55 ID:???
>307
ワロタ

309 名前:Name_Not_Found :03/01/24 10:28 ID:???
me{display:ょぅι゛ょ;}

310 名前:Name_Not_Found :03/01/24 12:07 ID:???
>>307
あいつ何者よ。

311 名前:Name_Not_Found :03/01/24 12:37 ID:???
>>310
検索してみ

312 名前:Name_Not_Found :03/01/24 13:19 ID:???
擬似フレーム作りたいんだけど、右から●ピクセルで分ける、って指定できる?
フレームで書くと、
<FRAMESET cols="*,100">みたいな感じにしたいんだけど…。

313 名前:Name_Not_Found :03/01/24 15:22 ID:???
>>312
できる

314 名前:Name_Not_Found :03/01/24 15:33 ID:???
どうやってやるか教えてください…(つД`)
御願いします。

315 名前:Name_Not_Found :03/01/24 15:34 ID:???
>>314
http://www.google.com/search?num=100&lr=lang_ja&q=%8B%5B%8E%97%83%74%83%8C%81%5B%83%80

316 名前:Name_Not_Found :03/01/24 15:36 ID:???
>>315
ピクセル単位での分け方載ってない…。
lしかムリ?

317 名前:Name_Not_Found :03/01/24 15:40 ID:???
甘え過ぎ。氏ねや

318 名前:Name_Not_Found :03/01/24 15:48 ID:???
まあええや。使うのやめた。

319 名前:Name_Not_Found :03/01/24 15:55 ID:???
はい次の方↓

320 名前:Name_Not_Found :03/01/24 16:01 ID:???
よくないんじゃヴぉけえ
はよおしえろ

321 名前:Name_Not_Found :03/01/24 16:49 ID:???
  ミミミミミミミミ
 ミミミ     ミ     .________
ミミミ  ∧ ∧ ミ  /
ミミミ   ・ ・   | < バカヤロ!コノヤロ!
 (61   └┘   |   \
 \    ー    ノ     ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
   \____/

322 名前:Name_Not_Found :03/01/24 17:02 ID:???
プッ、誰もわからないんだろ

323 名前:Name_Not_Found :03/01/24 17:04 ID:???
>>322
最近それはやってるの?
まー別に君がそんなこといっても誰にもデメリットないし、誰も答えないだけだけど。
さようなら。

324 名前:Name_Not_Found :03/01/24 17:06 ID:???
>>322
プッ、お前がわからないんだろ

325 名前:Name_Not_Found :03/01/24 17:08 ID:???
>>324
じゃーとっととこたえなよー
無理だろうけどね!!プッ

326 名前:314 :03/01/24 17:12 ID:???
↑のほう、俺が書いてるみたいに思われそうだな…。
無駄だと思うけど、一応俺が書いてるんじゃないと断っておく。

327 名前:314 ◆1vwMyjM5nw :03/01/24 17:14 ID:???
騙りがいるのでトリップします。

328 名前:Name_Not_Found :03/01/24 17:26 ID:???
騙りに先にトリップつけられてやんの

329 名前:Name_Not_Found :03/01/24 17:27 ID:???
やんのやんの

330 名前:Name_Not_Found :03/01/24 17:27 ID:???
>>326
n%をnpxにするだけではないのか?

331 名前:Name_Not_Found :03/01/24 17:29 ID:???
npxなんてねーよ

332 名前:Name_Not_Found :03/01/24 17:35 ID:???
>>331
そっかないのか。

333 名前:314 :03/01/24 17:35 ID:???
〜pxを使うと左または上からの指定しかできないですよね…?
右か下から指定しようとすると、ウインドウサイズによって変わってくるから困ってる。

334 名前:314 ◆1vwMyjM5nw :03/01/24 17:36 ID:???
騙んなハゲ

335 名前:Name_Not_Found :03/01/24 17:42 ID:???
JavaScript使ってやれれ

336 名前:Name_Not_Found :03/01/24 17:46 ID:???
>>314
left:0;
right:100px;

まともに対応してるのはmozilla系のブラウザだけだな。
Operaも7ならいけるかもな。

337 名前:314 :03/01/24 17:56 ID:???
>>335>>336
サンクス。参考になりました。

338 名前:Name_Not_Found :03/01/24 20:38 ID:???
「できる?」って聞いて、「できる」としか答えてもらえないないのって、
見ててかわいそう。

339 名前:Name_Not_Found :03/01/24 20:46 ID:???
>>338
質問の一つもまともにできないやつって確かにかわいそうだよな。

340 名前:Name_Not_Found :03/01/24 21:21 ID:???
>>338
できますかと聞かれたら「はい(いいえ)」と答えたくなりますが何か

341 名前:Name_Not_Found :03/01/24 22:20 ID:???
気の利かない人ね!(*゚д゚) 、ペッ

342 名前:Name_Not_Found :03/01/25 01:55 ID:???
>>338
質問にちゃんと答えてるんだからいいじゃねえの。

343 名前:Name_Not_Found :03/01/25 02:52 ID:???
表示の確認をするのに、WinIEの5.5と6を同時にインストールしたいんだけど、
それって出来ます?
みんなどうやって確認してるんだろう?

344 名前:Name_Not_Found :03/01/25 02:53 ID:???
PC二台買う

345 名前:Name_Not_Found :03/01/25 03:41 ID:???
5.5と6互換モードなら大差ない

346 名前:Name_Not_Found :03/01/25 04:52 ID:???
微妙にスレ違いかもしれませんが、classやid名にはアンダーバーやピリオドは
使用できるのでしょうか?

いくつかのリファレンスサイトを見て回りましたが、使わない方が無難という
答えがおおく、明確に判断できませんでした。

347 名前:Name_Not_Found :03/01/25 09:26 ID:???
>>346
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

348 名前:Name_Not_Found :03/01/25 15:00 ID:???
>>347
レス、どうもありがとうございます。

なるほど、色々な変更が有ってそうなったのですね。
使わない方が無難と言う意味が分かりました。

各ブラウザの実装状況を調べて検討してみます。
ありがとう。

349 名前:Name_Not_Found :03/01/25 15:05 ID:???
>>347
あなた親切ですね

350 名前:Name_Not_Found :03/01/25 15:47 ID:???
>>349
このスレ住民が不親切すぎると思われ

351 名前:Name_Not_Found :03/01/25 17:03 ID:???
馬鹿げたこと聞く奴が多いだけ

352 名前:Name_Not_Found :03/01/25 19:14 ID:???
ヒマなだけ

353 名前:Name_Not_Found :03/01/25 22:41 ID:???
だけ

354 名前:Name_Not_Found :03/01/25 22:48 ID:???


355 名前:Name_Not_Found :03/01/25 23:02 ID:???


356 名前:Name_Not_Found :03/01/26 13:44 ID:???


357 名前:Name_Not_Found :03/01/26 14:05 ID:???
>>338
質問に答えられないヤシが横からどうこう言うのはおかしいわけで
おまえが満足な解答を与えてやればいい

358 名前:Name_Not_Found :03/01/26 18:33 ID:???
border-width等の数値を設定するプロパティで
border-width: 0 0 0 1em;と設定したら
友人に「0に単位つけろボケ」と言われました
すごいショックでした
あんなに優しかったのにWeb関連のことでは豹変してしまいました。
絶交を考えた方がいいですか?
又 0に単位をつけるのはなぜですか?そしてメリットを教えてください。

359 名前:Name_Not_Found :03/01/26 18:44 ID:???
li属性を横にする方法はdisplay: inline;以外ないですか?

360 名前:Name_Not_Found :03/01/26 18:52 ID:???
ボックスとかのようなんで
画面を2つ縦に分割して
片方の幅を200pxみたいにして
もう片方をウインドウサイズにあわせることはできますか?
できるならやり方を教えてもらいたいと思われます。

361 名前:Name_Not_Found :03/01/26 19:38 ID:???
>>360
実現するにあたり、貴殿はどういった手法を試してみたのかと小一時間…

362 名前:Name_Not_Found :03/01/26 19:55 ID:???
>>358
つけなくてもいい。絶交しろ。

>>359
floatとか。

>>360
flotとか。

363 名前:Name_Not_Found :03/01/26 21:18 ID:p43xYbd2
flot?

364 名前:Name_Not_Found :03/01/26 21:41 ID:???
>>363
flot知らないのか?
今CSS界で最高のプロパティだぜ?

365 名前:Name_Not_Found :03/01/26 21:49 ID:???
http://216.239.37.100/search?q=cache:e-afQKMEq1oC:igax.homeip.net/200202.htm+flot+CSS&hl=ja&lr=lang_ja&ie=UTF-8&inlang=ja

366 名前:fusiana&lro;sanは廃止になりますた :03/01/26 21:53 ID:???
ツマンネーー。

367 名前:362 :03/01/26 22:43 ID:???
ああ、そうだよ。floatだよ。間違えたんだよ。悪いか。(逆切れ)

368 名前:Name_Not_Found :03/01/26 22:56 ID:???
>>358
0の単位は省略できる。
それはその友人がDQNなだけ。

369 名前:Name_Not_Found :03/01/26 23:37 ID:uE0Y6M+t
<li>をフロートさせると、少なくとも私のIE5.5(WinME)で見た時
マーカーが消えてしまうのですが、マーカーが消えないように
する方法はないでしょうか。
Netscape7で見るとマーカーは表示されているのですが、IEでも
表示されるようにしたいです。

370 名前:Name_Not_Found :03/01/26 23:36 ID:uE0Y6M+t
<li>をフロートさせると、少なくとも私のIE5.5(WinME)で見た時
マーカーが消えてしまうのですが、マーカーが消えないように
する方法はないでしょうか。
Netscape7で見るとマーカーは表示されているのですが、IEでも
表示されるようにしたいです。

371 名前:Name_Not_Found :03/01/26 23:39 ID:???
<li>をフロートさせると、少なくとも私のIE5.5(WinME)で見た時
マーカーが消えてしまうのですが、マーカーが消えないように
する方法はないでしょうか。
Netscape7で見るとマーカーは表示されているのですが、IEでも
表示されるようにしたいです。

372 名前:Name_Not_Found :03/01/26 23:54 ID:???
>>369-371
モチツケ

floatさせた要素は強制的にdisplay:blockになる。
マーカーが表示されるのはdisplay:list-itemな要素だけ。

つまりIEが正しい。

373 名前:369 :03/01/27 00:07 ID:???
>>372
IEが正しいんですね。勉強になりました!
とりあえず、マーカーに依存しない方向でやっていこうと思います。
本当にありがとうございました。

1回しか投稿ボタン押してないのに複数投稿されてしまいました。すいません。
なんか日付の順番もおかしいし、エラーかな?

374 名前:Name_Not_Found :03/01/27 00:57 ID:???
>>372
げ。そうだったんですか。

li { float : right; display : list-item; }

とかってやると、floatしててもマーカーが表示される
(IE6とNetscape7で確認)
んですが、これって、仕様的には正しいんでしょうか。

375 名前:Name_Not_Found :03/01/27 01:22 ID:???
flortのwidthを50%にして、項目枠を横に二つ並べたいんですが、
ブラウザサイズを縮めて20emを下回ると20em以下にはならない、という方法はありますか?
最初から20emに指定すると、解像度が高くブラウザ最大にしたとき左に空きが出来るし、
50%にすると、縮めたときに項目枠の中でリストが改行されてしまうんですが。
二つの幅指定ができるなら教えて欲しいです。お願いします。

376 名前:375 :03/01/27 01:27 ID:???
訂正
右に空きが出来るし、でした。
┌──────────┐┌──────────┐┃
│               ││               │┃
└──────────┘└──────────┘┃

┌────────┐┌────────┐┃
│            ││            │┃
└────────┘└────────┘┃

さらに縮めると

┌────────┐  ┃
│            │  ┃
└────────┘  ┃
┌────────┐  ┃
│            │  ┃
└────────┘  ┃

377 名前:Name_Not_Found :03/01/27 01:28 ID:???
>>375
min-width: 20em
ということではなくって?

378 名前:375 :03/01/27 01:31 ID:???
>>377
そんなものがあったんですか。
有難う御座いました。これで安心して仕事に打ち込めます。


379 名前:Name_Not_Found :03/01/27 01:39 ID:???
直列と並列の図ですか?

380 名前:375 :03/01/27 01:42 ID:???
>>379
ある一定の幅以下になると、そこでストップして、段組で下にずれ込むようにしたいわけです。

>>377
#ID名{
width : 30%;
min-width : 15em;
float : left;
}
これでいいんですよね?
通常は30%で、15em以下にはならない、であってますか?

381 名前:Name_Not_Found :03/01/27 01:49 ID:???
>>380
http://is.vis.ne.jp/charts/css2_visudet/index.xhtml#min-width

382 名前:375 :03/01/27 01:52 ID:???
>>381
あ、IEじゃ無効なんですね…。
有難う御座いました。

383 名前:Name_Not_Found :03/01/27 08:36 ID:???
>>374
幅が指定されておりません。

384 名前:Name_Not_Found :03/01/27 10:29 ID:???
ところでみなすあんは何でcss書いてますか?
みんな手打ちなのかなあ。

385 名前:Name_Not_Found :03/01/27 12:32 ID:???
>>384
俺はビルダーで作って、
ttp://jigsaw.w3.org/css-validator/
でエラーチェック。

386 名前:Name_Not_Found :03/01/27 12:52 ID:???
>>384
俺は、HTMLをタグ挿入型ソフトで書いて、あとからcssを手書き。

387 名前:Name_Not_Found :03/01/27 13:55 ID:???
divとspanしか使ってないんですが、
ddとかemを使う意味って何ですか?

388 名前:Name_Not_Found :03/01/27 13:58 ID:???
>>387
ddとかemを使いたければ使うだけのこと。
そゆ些細なことは気にしなくてもOKです(^-^*)

389 名前:Name_Not_Found :03/01/27 13:59 ID:???
>>387
ネタかマジか分からんが、とりあえずスレ違いだぞ。
↓で聞け。怒られるかも知れないけど。

Strict-HTML スレッド ver.9
http://pc3.2ch.net/test/read.cgi/hp/1039974316/

390 名前:Name_Not_Found :03/01/27 16:01 ID:???
絶対ネタ絶対ネタ絶対ネタ

391 名前:Name_Not_Found :03/01/27 16:17 ID:???
激しく既出かもしれませんが、おしえてください。

CSS で縦方向の中央揃えはどうやってやるんですか?


392 名前:Name_Not_Found :03/01/27 16:29 ID:???
>>391
「vertical-align」で検索

393 名前:391 :03/01/27 16:33 ID:???
すんません。ちゃんとやりたいことを書くべきでした。

画像を縦方向中央揃えにしたいんです。
例えば、ページに gif が一点だけ、真ん中に来るような奴。
今までだと例えば、table 組んで td で valign で済ませたような奴。

>>392
試したのだが、それってテキストだけだよね?
もしかしてまちがってんのかな?確認して見よっと。

394 名前:Name_Not_Found :03/01/27 16:45 ID:???
imgもインライン要素だろうが

395 名前:393 :03/01/27 17:04 ID:???
>>394
すまん。配置したいのは table だった。
やっぱりよくわからん。

<body style="vertical-align: middle;">
center!
</body>

↑でも

<div style="vertical-align: middle;">
center!
</div>
↑でも

うまくいかないんだけど・・・

396 名前:Name_Not_Found :03/01/27 17:08 ID:???
ページは基本的に縦に伸びるものだから
bodyをtdに見たてて valign="middle" みたいなことはできない
vertical-alignは行に対する垂直位置

画像貼るだけなら background で

397 名前:395 :03/01/27 17:09 ID:???
>>396
そうなのか。
わかりました。
さんくすこ。

398 名前:Name_Not_Found :03/01/28 17:46 ID:???
floatに関して、いくつか質問があります。

>>251でも同じことが訊かれていますが、
img以外をfloatする際に必須となるwidthの指定ですが、max-widthや
min-widthでもOKでしょうか? また、width : autoでもOKでしょうか?

>>372によると、「floatさせた要素は強制的にdisplay:block扱いになる」
そうですが、同時に、display : list-itemを指定することによって、
floatさせつつマーカーを表示させる、というのは仕様的に正しいでしょうか。

399 名前:Name_Not_Found :03/01/28 18:25 ID:???
>>398
前半は、widthで明示しなきゃだめだと仕様書には書いてある。
ちなみにautoは明示した事にはならない。
(と言うかルールに従うとゼロになる)

後半はここを読むといい。
http://www.y-adagio.com/public/standards/tr_css2/visuren.html#q24
つまり正しくない。

400 名前:398 :03/01/29 00:33 ID:ddoKXcoA
>>399
丁寧な回答ありがとうございました。
olで「パンくずリスト」を作ってたんですが、
(liをfloatして、list-style-imageで矢印を表示)
仕様的には間違ってたんですね。
li{display:inline}とli:before{content:"→"}にしようかな……

401 名前:Name_Not_Found :03/01/29 00:46 ID:???
display: inline と padding-left と background-image
を併用すればいけるんじゃ?
画像がいるけど

402 名前:Name_Not_Found :03/01/29 03:06 ID:???
オペーラの正式版が出た訳ですが

403 名前:Name_Not_Found :03/01/29 08:42 ID:???
>>399
私も読んだけど、別に正しくないとは言ってないのでは?

404 名前:Name_Not_Found :03/01/29 11:07 ID:???
すいません、質問です!!!ヾ(≧Д≦)ノ
非ASCII文字をぜんぜん使ってなくても@charsetは必要ですか???
だれか教えてください☆

405 名前:Name_Not_Found :03/01/29 11:09 ID:???
>>404
↓に帰りなさい。
http://pc2.2ch.net/test/read.cgi/hp/1036858266/

406 名前:Name_Not_Found :03/01/29 13:54 ID:???
IE6.0なのですが何故かどのサイトを
見てもスタイルシートが読み込めません。


407 名前:Name_Not_Found :03/01/29 13:57 ID:???
そうですか。

408 名前:Name_Not_Found :03/01/29 13:59 ID:???
>>312-313を思い出した

409 名前:Name_Not_Found :03/01/29 19:46 ID:???
以下のようなリストがあり、

<ul>
 <li>リスト項目</li>
 <li>リスト項目
  <ul>
   <li>下位のリスト項目</li>
   <li>下位のリスト項目</li>
  </ul>
 </li>
 <li>リスト項目</li>
<ul>

左にマージンを2emとりたいと思っています。
ですが、ul {margin-left: 2em;} とすると、
内側のリストにもmargin-left: 2emが適用されてしまいます。

内側と外側のリストの位置関係はデフォルトのままで、
うまくリスト全体を2em下げたいのです。
いろいろ試して、IEなら、

ul {padding-left: 0;} /*左パディングを0*/
ul ul li {margin-left: 0;} /*内側リストのマージンを0*/
li {margin-left: 2em;} /*すべてのliの左マージンを2em*/
/*一段目のデフォルトのマージンは生かし、
リストの字下げはliのマージンで調節する*/

でうまくいくようだと分かりました。
ですがMozillaでは、ULすべての左マージンが0になってしまい、
左端に整列して非常に困った状況です。

皆さんならどうされますでしょうか。良案ありましたら、よろしくお願いします。

410 名前:Name_Not_Found :03/01/29 19:57 ID:???
classは?

411 名前:Name_Not_Found :03/01/29 20:01 ID:???
>>409
内側のulにclassなりidなり振って
ul.hoge {margin-left: 0}
とかじゃダメ?

412 名前:Name_Not_Found :03/01/29 20:01 ID:???
ごめんかぶった・・・

413 名前:409 :03/01/29 20:03 ID:???
classも考えたのですが、スタイル付与を目的にclassは付けたくなかったのです。
なので出来るだけ文脈セレクタで対処したいと思っています。
二段目以降のmarginをデフォルト値に戻せればよいのですが。

414 名前:Name_Not_Found :03/01/29 20:12 ID:???
ul li ul { margin:0 } はどう?

415 名前:Name_Not_Found :03/01/29 20:12 ID:???
>>405
質問にはきちんとこたえてくだサイo
でないと友達のスーパー☆ハッカーに住所を調べてもらっちゃいますよ?(笑)

416 名前:Name_Not_Found :03/01/29 20:14 ID:???
書く順番を変えてみる

417 名前:409 :03/01/29 20:20 ID:???
いけました。>>414 さんのアイディアが功を奏しました。

ul {margin-left: 0;}
ul li ul {margin-left: 0;}
li {margin-left: 2em;}

これでIE、Mozillaともに、期待どおりの結果を得られるようです。
ずっと悩んでたのですが、解決してほっとしました。
皆さん、ありがとうございました。

418 名前:Name_Not_Found :03/01/30 11:03 ID:BGJIAQiS
<div style="text-align:center;">
<table><tr><td>aiueo</td></tr></table>
</div>

こするとNetscapeだとテーブルが真ん中にきません。なぜでしょうか。

419 名前:Name_Not_Found :03/01/30 11:08 ID:???
tableはブロック要素だからです。

420 名前:Name_Not_Found :03/01/30 11:09 ID:1zGMPutp
仕様です。

421 名前:Name_Not_Found :03/01/30 11:10 ID:???
>>418
>>5読めよチンカス野郎

422 名前:Name_Not_Found :03/01/30 12:20 ID:???
すごい、やっぱりオタクは知識が違いますね。
ありがとうございます。

423 名前:Name_Not_Found :03/01/30 12:46 ID:???
はい次↓

424 名前:Name_Not_Found :03/01/30 14:02 ID:???
マジ、CSS使えねー。
カスイケリンク集とかも見たけど、ぶっちゃけ全然イケてない。
しかもあんな単純なレイアウトするのにかなり不自然な処理しなきゃいけないのを見ると、
つくづくCSSってオタク向けアイテムだよなーって思う。
フレームだのテーブルレイアウトはいかんだの言うまえに
手前らの服のダサさを何とかしろと言いたい。

http://www.irrationalcontraption.net/launch.html

CSS普及活動をされている方達が見たら、激怒しそうなサイト。
でも哀しいかな、Strictなカスサイトより断然支持されてる。


425 名前:Name_Not_Found :03/01/30 14:04 ID:???
質問どぞ↓

426 名前:ey :03/01/30 14:25 ID:esdma4ko
macのネスケ4.7で背景画像を固定したいのですが、できませんよね?
なにか、解決策はありますか?

427 名前:Name_Not_Found :03/01/30 14:37 ID:???
そんなのは無視する

428 名前:Name_Not_Found :03/01/30 14:42 ID:???
俺も NN4.x は無視してる。
可哀想だが相手にしてられないぐらい実装ショボいんで。

429 名前:ey :03/01/30 15:05 ID:esdma4ko
・・・・そうですか・・・・。

430 名前:Name_Not_Found :03/01/30 15:07 ID:???
あのー、つまんない質問なんですが、
link rel="stylesheet" href="css/new.css" type="text/css" media="screen"
というように、title属性の設定をしないと、スタイルシートが固定に指定されますが、
参照:http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/present/styles.html#h-14.3.2
こうすると、MozillaのメニューUse StyleからBasic Page Styleを選択しても、
制作者スタイルシートが無効にできませんが、
これって、Mozillaが仕様に忠実だからと考えてもよろしいのでしょうか?
それともOperaのように、何がなんでもスタイルシート無効になるのが正しいのでしょうか?

431 名前:Name_Not_Found :03/01/30 15:22 ID:???
仕様では、UAは代替スタイルを選べるようにしなければならない、とあるけど、
無効にできなければならないとは書いてないね(多分

Basic Page Style ってのは永続スタイル(titleなし)のことかと

432 名前:Name_Not_Found :03/01/30 18:08 ID:???
>>431
must とは書いてないけども should とは書いてあるよ。

433 名前:質問です。 :03/01/30 20:08 ID:N7gYN1Sg
質問します。
インターネットで文字サイズを「最大」にしている人にも、自分のHPの文字がほとんどめちゃくちゃに表示(文字化け?)されないようにするには、どんなタグを入れたらいいんですか?

434 名前:Name_Not_Found :03/01/30 20:14 ID:???
つまらんネタだな

435 名前:Name_Not_Found :03/01/30 20:16 ID:???
>>433
マルチポストするな。

436 名前:Name_Not_Found :03/01/30 20:50 ID:???
>>433
*{display:none;}

437 名前:質問です。 :03/01/30 21:18 ID:N7gYN1Sg
>>436
どういうことですか?これを入れればいいんですか?
すいません。初心者なもんで・・・

438 名前:Name_Not_Found :03/01/30 21:21 ID:???
>>437
<style>と</style>の間。

439 名前:Name_Not_Found :03/01/30 21:22 ID:???
ヘッダに
<style type="text/css"><!--
*{display:none}
--></style>
と書く。

440 名前:USS愛好者 :03/01/30 21:42 ID:eV3JqvCf
スタイルシート側で img を非表示に設定して、
かつ、alt を展開させることはできますか?
img[alt]:after { content: attr(alt); }
までは思いついたのですが( IE では無効とはいえ。)
img を隠す方法がわからないのです。
img[alt] {visibility: hidden; } では生成文字列も見えなくなるし、
img[alt] {width: 0; height: 0;} では何かが残るし……。
後者で妥協してもよいのですけれど。

441 名前:Name_Not_Found :03/01/30 21:44 ID:???
CSSでは無理だべ。JavaScriptで野郎

442 名前:Name_Not_Found :03/01/30 22:17 ID:???
>>437
スタイルシートの設置は出来たのか?

443 名前:440 :03/01/30 23:53 ID:???
>>441
どうもありがとうございました。
CSS 以外でがんばります。

444 名前:岡田克彦ファンクラブ :03/01/31 00:33 ID:???




2ちゃんの糞スレの皆様に、作曲家・岡田克彦ファンクラブからのご案内です。
ご高承のとおり、岡田克彦氏の卒業した早稲田大学政治経済学部と、ひろゆきの卒業した中央大学文学部夜間は
比較にならないほど差があります。中央大学文学部夜間のようなヘボい大学に共通しているのは、文化水準が
低いということ。18歳から22歳をヘボい大学で過ごすということは、感受性において致命傷と言えます。
2ちゃんねらーの大半は岡田克彦氏に比べて、著しい低学歴で頭が悪いだけでなく、感受性も愚鈍で腐っている
という、取り返しのつかない状態なのです。
せめて、http://www.geocities.co.jp/MusicHall/5933/で、岡田氏の作品に触れましょう。
また、学歴至上主義は、学歴がないか、東大のような高学歴であっても学歴に相応しいだけの自分の特技
等を持っていない人が不愉快に思っているだけのことです。2ちゃんのひろゆきの卒業した中央大学
文学部夜間のようなものは、学歴と言えるようなものではなく、これは、拭うことの出来ない、生涯つきまとう
汚点で、絶対に取り返すことは出来ません。2ちゃんの皆さんの大半は、波風を立てずにその場限りの平穏無事を保守する
という、下らない事なかれ主義にうつつを抜かしていますが、私共は心優しい仲間なので、はっきり申し上げられます。
ひろゆきは、感受性において、まさに取り返しのつかない状態にある、ということです。
従って、阿呆のひろゆきのやっている2ちゃんは阿呆の危険集団だということです。


445 名前:430 :03/01/31 01:50 ID:???
>>431
>>432
ありがとうございます。
うーん、よく仕様書を読んだら、

>ユーザエージェントはまた、著者指定のスタイルシートすべてを
>ユーザが不使用にできるようにする必要がある。
>この場合ユーザエージェントは、すべての固定スタイルシートも
>代替スタイルシートも適用してはならない。
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/present/styles.html#didx-style_sheet-2

となってるので、Operaの方が望ましいような気もしますねえ。
うーん…。

446 名前:Name_Not_Found :03/01/31 09:11 ID:???
>>445
Basic Page Styleはスタイルシート無効にする機能ではなくて永続スタイルシートを
選択するだけの機能だからOperaと比較するような物じゃない。
スタイルシート無効のUIは以前から議論されてるみたいだけど
Mozillaでは実装されてないだけだな。

447 名前:430 :03/01/31 10:47 ID:???
>>446
あー、なるほろ。
つーことは、スタイルシート無効のBookmarkletは必須なんでつねー。
サイトの注意書きに書いとこ。
ありがとうございました。

448 名前:USS愛好者 ◆unVrIW7i6w :03/01/31 11:17 ID:pJC8HVDs
自己レスです。
>>440
>スタイルシート側で img を非表示に設定して、
>かつ、alt を展開させることはできますか?
できました!

img[alt]:after { content: attr(alt); }
img[alt] {width: 0; height: 0; border: none; }

で意図通りになるようです。
境界線をきちんと消しておくのがコツでした。
(ボックスサイズとボーダーの関係から。)

449 名前:Name_Not_Found :03/01/31 21:56 ID:???
>>448
面白いこと考えるね。
marginとpaddingも消してみてはどうか。


450 名前:Name_Not_Found :03/02/01 12:04 ID:???
はじめから置かないのはどうか。

451 名前:Name_Not_Found :03/02/01 15:05 ID:???
>448のCSSの使い方がどういう時に役立つのかわからない。

452 名前:Name_Not_Found :03/02/01 15:09 ID:???
>>451
推測だが、テキストブラウザでの見た目を再現させようとしたとか?

453 名前:Name_Not_Found :03/02/01 15:44 ID:???
でも>>488はdisplay:noneしているわけでもないから
画像は読み込まれるんだよね

テキストしか見えていないのになぜか重いサイトの完成か(藁


454 名前:Name_Not_Found :03/02/01 15:46 ID:???
>>453
display:none は表示されないだけで読み込まれてるぞ。

455 名前:453 :03/02/01 16:39 ID:???
>>454
そうなの?
でも、「無かったことにする」わけだし、
前にどこかで「画像は読み込まれない」と書いてあったんだけど。

IE6で実験してみた。
確かに読まれているね。

456 名前:Name_Not_Found :03/02/01 16:53 ID:???
>>454
便乗質問だが、 display:none は必ず読みこまれると考えていいのでしょうか。
iframe要素を隠すのに display:none を使っています。イントラ向けで、イントラでは IE しか使われないので今のところ問題は起きていませんが、 IE がupdateされたときや他のブラウザで問題が起こる可能性はないでしょうか。


457 名前:Name_Not_Found :03/02/01 16:54 ID:???
試せることは試してから聞こうよ。
他のブラウザをインストールできない訳じゃないだろ?
別に自宅PCで実験したっていいんだし。

458 名前:Name_Not_Found :03/02/01 19:02 ID:???
>>451
ユーザースタイルシートでは使い出があるかもしれない

459 名前:Name_Not_Found :03/02/01 19:11 ID:???
olやulの40pxくらいの左の余白は、Mozillaはpadding、IEはmarginでとってる臭いんですが、
どちらの環境でも同じように表示させるにはどうすればいいんでしょうか?

460 名前:Name_Not_Found :03/02/01 19:23 ID:???
ul,ol{
margin : 0 ;
padding : 0 0 0 40px ;
}

ul,ol{
margin : 0 0 0 40px ;
padding : 0 ;
}

どつちでも好きな方を使ふ。

461 名前:Name_Not_Found :03/02/01 19:36 ID:???
>>451
代替スタイルじゃネーノ

462 名前: ◆unVrIW7i6w :03/02/01 20:37 ID:???
>>451など
みなさんが答えてくれたように、
ユーザースタイルシートと代替スタイルシートでの使用を考えています。
でも、代替スタイルシートが使えるネスケ7だとうまくいきませんでした。
メインスタイルだと意図通りなんですが、alternate になるとダメ。
Opera7 では試していませんが、IEで×、ネスケでも×だと、
このアイデアはしばらく封印ですかね。

463 名前:Name_Not_Found :03/02/01 21:32 ID:???
>462
いや生`。

ちょうど漏れも今全く同じアイデアを考えてた。
参考になりますた。ありがd。

464 名前:451 :03/02/02 04:34 ID:???
なるほど……ユーザーと代替のスタイルシートか。
何かの参考になりそうだ。462サンクス

465 名前:Name_Not_Found :03/02/02 15:04 ID:???

<div class="hoge"><div class="hogehoge">
<h4> タイトル </h4>
<p> 文章 </p>
</dvi></div>

上のようにdivをネストしている構造が含まれるHTMLを
winIE6で見るとつぎのような現象がでます。

ページをロードした時はきちんと表示されるのに、
画面を下にスクロールして、いったんh4要素部分を画面から消し、
また上に戻すと、h4に適用しているスタイルが消えてしまう。
(具体的には背景色、ボーダーラインとか)

自分なりに調べてみたのですが、わかりません。
同じような現象になった方はいないでしょうか?
また回避策などはあるのでしょうか?


466 名前:Name_Not_Found :03/02/02 15:17 ID:m6LrApAj
<td>の中の<a>にline-heightが効きません。tdに指定してもダメだったので
tdのline-heightを消してaに指定してみたのですがやっぱりダメでした。
どこに指定すればいいのでしょうか?よろしくお願いします。


467 名前:Name_Not_Found :03/02/02 18:07 ID:???
>>465
再現できなかった
ネストしたdivのスタイルにもよると思う

>>466
ソースを良く確認してみて
こちらでは(IE6、Moz、Opera7)問題なし
N4ならあり得るけど

468 名前:466 :03/02/02 18:35 ID:m6LrApAj
>>467
ありがとうございます。MacIE5ではOKですが、WinIE6だとダメです。
どうしてもできないのであきらめて<br>を2つ入れて行間をあけました。


469 名前:Name_Not_Found :03/02/02 18:45 ID:7QPmLTQ0
http://e430.hp.infoseek.co.jp/

470 名前:469 :03/02/02 19:50 ID:7QPmLTQ0
上のサイトのように<fieldset><legend>をborderの変わりに使うのは駄目ですか?

471 名前:465 :03/02/02 20:38 ID:???
467さん、レスありがとうございました。
いろいろ試行錯誤した結果、h4要素にwidthを指定してやったらきちんと表示されるようになりました。
なぜこうなるのかはさっぱりわかりませんが・・・汗
とりあえず、思うとおりにいったので満足です。
1日中こればっかりやってたからほんと疲れた。


472 名前:Name_Not_Found :03/02/02 23:33 ID:???
>>440=462
自分も参考にさせてもらいました。印刷用のに使います。
Opera7 は alternate でも効いたので一応ご報告。
Mozilla は 1.2.1 でもだめぽ。

473 名前: ◆unVrIW7i6w :03/02/03 00:13 ID:???
>>472
Opera7 の報告、ありがとうございます。
そうか、使えましたか。自分も導入しようかな……。
実は私も印刷用スタイルシートで既に採用していたりします。
特にリンク集のバナーは印刷しても……という感じがあったので。
まあ、CG系サイトにはお奨めできませんかね(笑)。

ネスケ7(というより Mozilla?)は
「印刷プレビュー」を一度表示してから戻ってくると
なぜか有効になるようです。
全般的に、一度 display:none; にした部分や contents 成分がおかしいようですね。

あとスレ違い気味ですが、ブラウザで実現して欲しい機能として、
代替スタイルシートを有効にしていてページを移ったとき、
同じ title のスタイルシートがあったらそちらを優先して使って欲しい、
というのがありますね。
ページごとにいちいち切り替えるのはおもしろくないし……。

474 名前:Name_Not_Found :03/02/03 07:36 ID:???
>>462
Mozilla 5.0系 CSSバグリスト
 優先シートのdisplay:none;が代替シートにも引き継がれる(N7)
 http://cssbug.tripod.co.jp/detail/mozilla/b036.html

475 名前:Name_Not_Found :03/02/03 10:48 ID:???
画面いっぱいのTABLEを作っていたのですが
<table style="width:100%;height:100%">
ではheightがIE6から機能しなくなってしまいました。
(borderを引かせるとtableの大きさが100%になっていない)

できればTransitionalにはしたくないんですが、回避方法はありますか?

476 名前:Name_Not_Found :03/02/03 10:52 ID:???
>>475
strictで画面いっぱいのテーブル使う機会ってどんなときですか?
ちょっと知りたい。

477 名前:Name_Not_Found :03/02/03 11:00 ID:???
>>476
初心者がFrontpageで作ったえっれぇ複雑なページをタグ打ち野郎が引き継いだときでつ。

478 名前:Name_Not_Found :03/02/03 11:04 ID:???
>>477
引き継ぐならついでに簡素にしちまえばいいと思いますが。

479 名前:Name_Not_Found :03/02/03 11:08 ID:???
>>478
デザイン変更不可です

480 名前:Name_Not_Found :03/02/03 11:11 ID:???
>>479
きっつい蔵にあたった、って事か?
だったらトラジショナルにしといた方がよくねえか?
それとも、自分の意思でデザ変更不可なのか?
だったらトラジショナルにしといた方がよくねえか?

481 名前:Name_Not_Found :03/02/03 11:28 ID:???
>>480
「文法上云々」では通らなさげ。あと14ページぐらい統一レイアウト使用してるもんで、
1ページレイアウト変えると全部変えるハメになるので俺が死にます

なんか方法なさげなのででTransitionalにしまつ。
今更Transitionalに書き換えるのも面白くないけど・・・(´・ω・`)ショボーン

482 名前:Name_Not_Found :03/02/03 11:36 ID:???
>>481
文法上云々は通らないだろうな。

「もっと見栄えをよくする方法がある」
 と、
「今後いつ仕様が変わるかわからない(現状のやり方が通らなくなるかもしれない)」
 を併用すれば通る可能性はちょっとあがる。

483 名前:Name_Not_Found :03/02/03 11:47 ID:???
>>482
とりあえず今これ以上手間増やしたくないのも事実なんで、
Transitionalにして「今後どうなるかわからんから、ブラウザの仕様次第では
レイアウト変更の可能性アリ」としますた。

しかし、なんでheight:100%はダメなんすかね、理由がよくわからない。

484 名前:Name_Not_Found :03/02/03 12:01 ID:???
>>483
何に対して100%かという計算の基準が変わったのでは。


485 名前:Name_Not_Found :03/02/03 12:38 ID:???
>>482
俺も今そこで苦労してるわ〜。
でも、HTMLのことを何も知らないクライアントの方が、下手に
不思議マークアップをする人より若干説き易い気がする。

486 名前:Name_Not_Found :03/02/03 12:49 ID:???
>>483
DOCTYPE宣言はTransitionalでも、その他の部分はStrict DTDに適合させて
おけば、後で事情が変わった時に、DOCTYPE宣言だけ入れ替えればいいから、
比較的らくなのでは。
といっても、バリバリTableレイアウトしてるなら、内容も書き換えないと
strictにこだわる意味があんまないけどなー。

# スレ違いスマン。

487 名前:Name_Not_Found :03/02/03 12:55 ID:???
なんでCSSには float:center が無いんだよ。

488 名前:Name_Not_Found :03/02/03 12:56 ID:???
>>485
HTMLのことは何も知らなくても、自分でウェブを利用してる場合は、
「文字をもっと小さく、幅をもっと狭くして」
とか無茶な要求してくるので、ウェブのことなんかちっともわかって
ない相手の方がやりやすいけどなー。

489 名前:Name_Not_Found :03/02/03 13:31 ID:???
>>488
そういう香具師には、画面をキャプチャした画像を張り付けておけばよい。
それでもだめなら、印刷して CRT に張っておく。

490 名前:488 :03/02/03 13:49 ID:???
>>489
いや、だから、自分でウェブを利用しないような、なんにもわかってない人
の方がやりやすいって言ってるんだってば。
よく読んでからレスしてね。

#スレ違いなのでこれにて終了

491 名前:Name_Not_Found :03/02/03 17:24 ID:???
>>483
strictモードで、height:100%;はbody直下ならbodyの高さに対する100%
また、body要素の高さは内容物によって可変で、ウィンドウいっぱいいっぱいに確保されるわけではない。
だから指定しても意味がない。
ということだと思うけど。

strictモードで、
body { border:1px solid #FF0000; }
とやってみるとわかるかな。

492 名前:Name_Not_Found :03/02/03 19:08 ID:???
>>483
tableの祖先要素全てにheight:100%

493 名前:Name_Not_Found :03/02/03 20:49 ID:???
初めまして。根本的に間違っているかも知れませんが
以下のソースでテーブルの表示を変更すると
rowspan部分の表示がおかしくなってしまいます。
一番下になる項目が表示されている場合は見た感じ正常ですが
一番下が非表示(display:none)だと崩れてしまいます。
何とかうまく表示させる事は出来ないでしょうか?

<div style="cursor: hand" onclick="fnc_dsp(document.all.dsp0);">td-1</div>
<div style="cursor: hand" onclick="fnc_dsp(document.all.dsp1);">tr-2</div>
<div style="cursor: hand" onclick="fnc_dsp(document.all.dsp2);">tr-3</div>
<div style="cursor: hand" onclick="fnc_dsp(document.all.dsp3);">tr-4</div>
<div style="cursor: hand" onclick="fnc_dsp(document.all.dsp4);">tr-6</div>
<table border=1 style="border-collapse : collapse ;"><tbody>
<tr><td id = "row1">12345</td><td id = "dsp0">1</td></tr>
<tr id = "dsp1"><td>2</td></tr><tr id = "dsp2"><td>3</td></tr>
<tr id = "dsp3"><td>4</td></tr><tr id = "dsp4"><td>5</td></tr>
</tbody></table>


494 名前:493 :03/02/03 20:52 ID:???
追記です。
<script>
document.all.row1.rowSpan = 99;

function fnc_dsp(e) {
if(e.length){
for(i=0;i<e.length;i++){
if (e[i].style.display == "none"){
e[i].style.display = "block";
}else{
e[i].style.display = "none";
}
}
}else{
if (e.style.display == "none"){
e.style.display = "block";
}else{
e.style.display = "none";
}
}
}
</script>



495 名前:Name_Not_Found :03/02/04 01:21 ID:???
>493

>494

びっくりするほどすれちがい

496 名前:Name_Not_Found :03/02/04 02:25 ID:???
1時間ぐらい試行錯誤してみたんですがさっぱりでつ…助けてえらい人。

position:absoluteで画像を最上段に固定。
擬似的にレイヤーぽく他のコンテンツがその裏にまわるようになってます。
さらに、その下にCSSで疑似フレームを作成。
position:fixedが使えないIEでもほぼ理想通りの疑似フレームを再現しました。
>>5 がものすごく参考になりました。ありがd。)
ここまではうまくいったんですが…。

IE6で見ると<select>の部分だけが(疑似)レイヤーの上に浮き出てしまうんです。
NN7で表示するとちゃんと裏側に潜ってくれるのに…。

これってCSSではどうにもならなかったりします?(汗)

497 名前:Name_Not_Found :03/02/04 04:52 ID:???
>>496
どうにもならない。
周知の通りWindowsではブラウザがWeb用(IE)もOS用も共通で、
セレクト・ボックスもOS絡みになってるので、
CSSでは制禦されないのだ。

498 名前:Name_Not_Found :03/02/04 05:17 ID:???
だからWinIEでは<select>にborderを指定しても適用されないでしょ?

499 名前:496 :03/02/04 06:18 ID:???
>>497
そっか…。
Select使ってるの1カ所だけだし、
仕様ってコトで我慢します。ありがと〜。

500 名前:Name_Not_Found :03/02/04 07:33 ID:???
はいはい、取ればいいんでしょ。

                           5 0 0 G E T

501 名前:Name_Not_Found :03/02/04 08:23 ID:???
時代は501Getです。

502 名前:Name_Not_Found :03/02/04 10:57 ID:???
502get が最新の流行

503 名前:Name_Not_Found :03/02/04 11:22 ID:???
504get失敗してこそ漢

504 名前:Name_Not_Found :03/02/04 12:09 ID:???
お前らCSSの話をしてください。

505 名前:Name_Not_Found :03/02/04 12:49 ID:???
やだ。

506 名前:Name_Not_Found :03/02/04 12:58 ID:???
bodyとhtmlのどっちに背景指定したらいいんですか

507 名前:Name_Not_Found :03/02/04 13:08 ID:KTFEA2L6
>>506
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/colors.html#q2


508 名前:506 :03/02/04 13:21 ID:???
>>507
ありがとうございました。

509 名前:三平です :03/02/04 16:28 ID:IkXRw25J
文字の大きさをを固定させて、見る人が文字サイズを「最大」にしていてもレイアウトが崩れないようにしたいんですが、どうしたらいいですか?

510 名前:Name_Not_Found :03/02/04 16:30 ID:???
ゲロゲロ〜
文字サイズが変わっても崩れないデザインを作るように努力してください

511 名前:Name_Not_Found :03/02/04 16:31 ID:???
>>509
文字のサイズを変えられたぐらいでレイアウトが
崩れるような糞サイトを作らないようにしましょう。

512 名前:511 :03/02/04 16:31 ID:???
かぶったスマソ

513 名前:Name_Not_Found :03/02/04 19:49 ID:???
はいこんいちあ

514 名前:三平です :03/02/04 21:11 ID:6zvN1c+D
>>510 >>511
それが難しいので、したいと思います。
文字の大きさをを固定させて、見る人が文字サイズを「最大」にしていてもレイアウトが崩れないようにしたいんですが、どうしたらいいですか?教えてください。

515 名前:Name_Not_Found :03/02/04 21:19 ID:???
>>514
PDF

516 名前:Name_Not_Found :03/02/04 21:28 ID:???
>514
できるけど、フォントサイスの絶対指定は
アクセシビリティ的に推奨されないのでやめれ。

517 名前:Name_Not_Found :03/02/04 21:30 ID:???
>>514
FLASH
PDF
画像全般

HTMLで固定しようなんて思う方が間違い

518 名前:三平です :03/02/04 21:56 ID:wm1PA2LH
良く分からないんですが、http://www.nasda.go.jp/
このHPで、文字サイズを「最大」にしてもほとんどレイアウトが崩れないんです。
こういう風にしたいんです。

519 名前:Name_Not_Found :03/02/04 22:01 ID:???
管理者に聞いたらいいでしょ

520 名前:Name_Not_Found :03/02/04 22:02 ID:???
ネタでしょ?

521 名前:三平です :03/02/04 22:10 ID:wm1PA2LH
それが、管理人に聞けないんです。国の機関ですから。
前にチャットで「そういうことは、ここで聞いたらいい」と教えていただいたので、聞いています。
ぜひ教えてください。お願いします。

522 名前:Name_Not_Found :03/02/04 22:12 ID:???
http://hp.vector.co.jp/authors/VA022006/css/fonts.html#font-size

523 名前:Name_Not_Found :03/02/04 22:13 ID:???
>>518
あちこちのスレで同じこと聞くなよ。

524 名前:Name_Not_Found :03/02/04 22:15 ID:JnZ2jjxn
自己紹介のページなんですけど、
例えば
<h2>自己紹介</h2>
<dl>
<dt>名前</dt>
<dd>花子</dd>
</dl>
とするのと
<h2>自己紹介</h2>
<h3>名前</h3>
<p>花子</p>
とするのは、どちらが文法的に正しいのでしょうか?
私は<h3>の見出し要素を使ったほうが良いような気がするのですが。
どなたか教えてください。

525 名前:Name_Not_Found :03/02/04 22:17 ID:???
>>524
http://pc2.2ch.net/test/read.cgi/hp/1039974316/l50

526 名前:524 :03/02/04 22:20 ID:???
>525
向こう逝って聞いてきます。
ありがと。

527 名前:Name_Not_Found :03/02/04 23:53 ID:???
>>518
ネスケやオペラだと予想に反して崩れそうですが。
だから無理。

528 名前:Name_Not_Found :03/02/05 02:28 ID:8uNf6rij
背景画像を一部分に固定して表示させるやつで
例えば真ん中とか右端とかあるけど
左上と右下とか同時に2箇所に表示させる事は可能ですか?

529 名前:Name_Not_Found :03/02/05 02:37 ID:???
>>528
無理
他の要素を上手く使って対処(bodyとh1とか

>>527
無理ではないだろ
三平には無理だとしても

530 名前:Name_Not_Found :03/02/05 10:32 ID:???
>>Q: Netscape6(or7)では、text-alignにcenterを指定してやっても、table(や、その他のブロック要素)をセンタリングできません。IEではセンタリングされるのに……

ではセンタリングはどうするので?

531 名前:Name_Not_Found :03/02/05 10:36 ID:???
>>530 書いてあるだろが、>>5に。
A: IEの実装が間違っています。くわしくは下記のページをごらんください。
http://anslasax.net/css-make/t-a/index.html
http://tancro.stp-1.com/stylesheet/n6_center.html
http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp#cssenhancements_topic6
http://www.mozilla.gr.jp/standards/webtips0004.html

532 名前:Name_Not_Found :03/02/05 10:44 ID:???
普通の人はNetcapeが間違ってるとしか思わないよね。
もっとIEにすり寄せた方がNetscape自身の為になると思うけどな

533 名前:Name_Not_Found :03/02/05 10:49 ID:???
>>532
ネスケには今のスタンスを貫いてほしい。

534 名前:Name_Not_Found :03/02/05 10:53 ID:???
<div align=center>

CSSじゃないけどね


535 名前:Name_Not_Found :03/02/05 10:58 ID:???
>>534
cssでやらなきゃ無意味だと思うが。

#そもそもcss使ってて、それを知らん、って事はまあないと思うんだけど。

536 名前:Name_Not_Found :03/02/05 11:11 ID:???
リスト
・あ
・い
・う

・あ ・い ・う
て横に並べるのはどうしましょう?

537 名前:Name_Not_Found :03/02/05 11:12 ID:???
>>536
フロートさせて左側に回りこませればいいんじゃない?
それか見栄えをインラインにするとか。

538 名前:537 :03/02/05 11:15 ID:???
>>536
ちょっと不親切だったな。すまん。

LI{
display:inline;
}

539 名前:Name_Not_Found :03/02/05 11:30 ID:???
>>536
後者では、display : list-itemじゃなくなるので、マーカーが消えて、

あ い う

になっちゃうけどね。
あと、floatされた要素は自動的にdisplay : block扱いになるそう(>>372
なので、ブラウザの実装が仕様通りなら、後者でもマーカーは消えるはず。
(IE5.5では消えるらしい。IE6とN7じゃ消えなかったけど)

マーカーをつけたままにしたいなら、

li:before { content : "・"; }

とかするしかないかな。(IEは対応してないが)

540 名前:539 :03/02/05 11:38 ID:???
>>539
ごめん、いま確かめたら、IE6でも消えてた。
IEの方が(仕様的に)正しい、ってのは珍しいな。

541 名前:Name_Not_Found :03/02/05 14:41 ID:???
本来ならdisplay:compactがその役割なんだけどねぇ…

542 名前:Name_Not_Found :03/02/06 10:57 ID:???
CSSでスタイリッシュなサイトに貼ってある
「W3CHTML〆」
のようなバナーはどういう意味があるので?
クリックして飛んでも英語ページだからわからんでさぃ

543 名前:Name_Not_Found :03/02/06 11:05 ID:???
>>542
あなたが言ってるのは正当なCSSですよ、ってバナーです。
参考までに、
ttp://jigsaw.w3.org/css-validator/

544 名前:Name_Not_Found :03/02/06 11:11 ID:???
>>542
その文書が、W3Cの策定したHTMLの仕様に適合していることを表しています。
リンク先の英語のページは、W3CのHTMLの検索サービスです。
CSSには直接関係ありませんが、仕様に則った正しいHTMLを書こうと心がけている人は、CSSを使用する場合が多いようです。
スタイリッシュかどうかはまったく関係ありません。
また、勝手に貼り付けることができるので、きちんと仕様に則っていないページでも、貼っているところがあるかもしれません。

545 名前:Name_Not_Found :03/02/06 12:57 ID:???
>>541
え?

546 名前:Name_Not_Found :03/02/06 16:30 ID:???
#menubox{ text-align:right; width:24ex; height:15em; }
#menu{ font-size:130%; font-weight:bold; line-height:123%; }

<div id="menubox">
<p id="menu"><pre id="menu">
<a href="">Top</a>
<a href="">Contents</a>
<a href="">BBS</a>
<a href="">Link</a>
<pre></p>
</div>

こんなふうに表示させたいんですが、改行させずにすることって出来ませんか?
CSSファイル切ったときに横に・・・できれば各リンクの間にスペースが入るような感じで。

547 名前:Name_Not_Found :03/02/06 16:57 ID:???
>>546
ごめん、意味がよくわかんないんだけど、
CSSが有効な場合は、上記のソースで実現できるような見た目で、
CSSを無効にすると、各項目が横並びになるようにしたいってこと?

548 名前:ノーブランドさん :03/02/06 17:03 ID:???
>>546
<div id="menubox">
<p id="menu">
<a href="">Top</a>
<a href="">Contents</a>
<a href="">BBS</a>
<a href="">Link</a>
</p>
</div>
でいいんじゃないの?
ちなみに同じid名を同一htmlファイル内に書いたらだめですよ。

549 名前:Name_Not_Found :03/02/06 17:05 ID:???
>546
<p>の中に<pre>は入れられないが,それはともかく
a {display: block;}
ということをやりたいのではないかと思った

550 名前:548 :03/02/06 17:06 ID:???
追記
a {display: block;}

551 名前:548 :03/02/06 17:06 ID:???
ごめんかぶった

552 名前:Name_Not_Found :03/02/06 17:11 ID:???
この場合、pをdivでくくる意味もあんまりないような……

#menu { text-align : right; width : 24ex; height : 15em; font-size : 130%; font-weight : bold; line-height : 123%; }
#menu a { display : block; }

<p id="menu">
<a href="">Top</a>
<a href="">Contents</a>
<a href="">BBS</a>
<a href="">Link</a>
</p>

でいいんじゃないかな。

ただ、これってコンテンツを列挙した「リスト」だよね?
pじゃなくてulを使った方がいいと思うよ。
CSS無効のときの見栄えになどこだわらず。

553 名前:548 :03/02/06 17:22 ID:???
>>552
すっきりしましたね。>>546はこっち参考にして。ごめんね。

ところで便乗質問していいですか?
NC4でtableにborder指定する方法ありますか?

554 名前:IE6.0 :03/02/06 17:54 ID:e5oWdR+X
.fill {background:#ff9999}
<a href="xxx.html" class="fill">link</a>

何度かリンクをたどったりしていると、
いつのまにか背景色がなくなってしまいます。
これって…。たぶんすれ違いスマソ。

555 名前:Name_Not_Found :03/02/06 18:11 ID:???
>>554
よく意味がわからないのですが。

556 名前:Name_Not_Found :03/02/06 18:17 ID:???
>>547-553
激しくサンクスコ
結構無駄なことばかりだったのね・・・反省します。
俗にいうdiv房なのでdiv使う癖を少しづつ直していきたいと思います。

557 名前:IE6.0 :03/02/06 18:37 ID:e5oWdR+X
わたしも原因を特定できていないのですが、
最初はもちろん正常に背景色がつきます。
しかし、<a>のリンク先に飛んだり、また戻ったり、更新ボタンを押したり、
まあとにかく、しばらくブラウザを操作しているといつのまにか、
背景色が適用されていない状態になってしまうのです。
ていうかたぶんスレ違いなのでスマソ。

558 名前:Name_Not_Found :03/02/06 18:39 ID:???
>>557
a:linkやら使ったら?

関係ないが、日本語が不明瞭なので
もう少し推敲して工夫して欲しいと思った。

559 名前:IE6.0 :03/02/06 18:51 ID:???
余計な御世話と思った。

560 名前:Name_Not_Found :03/02/06 18:54 ID:???
リソースが足りなくなってるんだろと

561 名前:IE6.0 :03/02/06 18:58 ID:???
リソースっておいしぃ?

562 名前:Name_Not_Found :03/02/06 19:07 ID:???
ネタ質問かよ・・・
以後放置

563 名前:Name_Not_Found :03/02/06 19:23 ID:???
>>559
            /           /  /   /( ∧  ) ヘ ヘ        
           く           // ( /| | V )ノ( ( (  ヘ\   お  て
    ┘/^|    \         (  | |ヘ| レ   _ヘ|ヘ ) _ヘ    し  め
    /|   .|              |  )) )/⌒""〜⌒""   iii\    え |
     .|  α  _          ヘ レレ  "⌒""ヘ〜⌒"  ||||>    て
          _∠_       イ |  |  /⌒ソi   |/⌒ヘ  <    や に
     _     (_        ) ヘ  | ‖ () ||  || () ||  _\   ん は
     /               (  ) ヘ |i,ヘゝ=彳  入ゝ=彳,i|\    ね
   /ー               ( /  """/   ー""""   >   |
      _)   |          ヘ(||ii    ii|||iiii_/iii)ノヘ|||iiiii<   |||||
          |          ( ヘ|||||iiii∠;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;     フ    ""'
    /////   ヘ_/       ) ヘ|||""ヘ===二二二===7フ / ム/∧ ∧ ∧
    /////              (  | ii  | |LL|_|_LLL// |    )( ∨| ∨)
   ・・・・・                ) )| || | |||||||||||||||||||||||| | |   ( ヘ | ヘ ) (
          ___        | | /| .| |||/⌒/⌒ヘ | | |  iiiiヘ ( | ( | /
            /         / (|.| | |       | | |  iii  ) | ヘ )( )
            (          ( /..|  | |_____/ | |  iii  ( )( // /
            \         ) )..|  |ヘL|_|_L/ / /  ,,,,--(/Vヘ)(/

564 名前:Name_Not_Found :03/02/06 20:06 ID:???
皆さん、CSSを書くときにエディタは何を使ってますか?

565 名前:Name_Not_Found :03/02/06 20:08 ID:???
notepad

566 名前:Name_Not_Found :03/02/06 20:11 ID:???
TTTEditor

567 名前:Name_Not_Found :03/02/06 20:15 ID:???
秀丸

568 名前:Name_Not_Found :03/02/06 20:19 ID:???
秀丸じゃ構造化できないべさ。

569 名前:Name_Not_Found :03/02/06 20:20 ID:???
xyzzy

570 名前:Name_Not_Found :03/02/06 20:24 ID:???
秀丸使いはダサスギ(藁

571 名前:Name_Not_Found :03/02/06 20:26 ID:???
名前を羅列するだけじゃ利点がわからん

572 名前:Name_Not_Found :03/02/06 20:42 ID:???
CSSなんて、どんなエディタ使っても似たようなものだと思うけど。何百行もあるCSS書くなら別だけど。

573 名前:Name_Not_Found :03/02/06 20:48 ID:???
何だかんだで500行以上あるな……うちのサイト
まあ、編集しやすいように並べてるからだけど

574 名前:Name_Not_Found :03/02/06 20:59 ID:???
愚痴だからレス不要だけど、
Ie6氏が、背景が消えるといっていたが
俺もなったことがある。

文字が消えたり、borderの一部が欠けたり。
ドラッグしたり、一度画面外に出すと戻ったり戻らなかったり。
どーでもいいけどな(藁

575 名前:Name_Not_Found :03/02/06 21:03 ID:???
CSSをHTMLに適用した様子をプレビューできるエディタとか無いのかな。

576 名前:Name_Not_Found :03/02/06 21:05 ID:???
>>575

TopStyle

577 名前:Name_Not_Found :03/02/06 21:13 ID:u//Ox/J6
<style TYPE="text/ccs">
<!--
BODY { background: url(bg1.gif); background-repeat: repeat }
BODY { font-size: 11pt; line-height: 200% }
-->
</style>
をヘッダ内に書いてるのに反映されないんですけど、なんででしょうか。

578 名前:Name_Not_Found :03/02/06 21:19 ID:???
よくよくみたら、cssがccsになってました…。(*´д`*)ハァハァ オハズカスィ

579 名前:Name_Not_Found :03/02/06 21:31 ID:???
さくらたんのエ(略

580 名前:IE6.0 :03/02/06 23:47 ID:???
説明うまく書けずにすみません。なお、559,561はわたしではありません。

あと、>574のいう、ちょっとしたレンダリング失敗は何度も経験があります。
たとえばsolidボーダーがdottedになったり、line-height指定が無効になったり。
ただ、これまではこういう状況になっても、F5押すだけで直っていたものですから。

放置可。

581 名前:Name_Not_Found :03/02/07 00:05 ID:???
漏れも、TopStyle使ってる。結構、いいよ。



582 名前:Name_Not_Found :03/02/07 02:25 ID:???
>>580
フィルターガシガシにかけたり
文字をいくつも重ねたらそういう傾向あるかもしれません。

答えになってませんが。

583 名前:Name_Not_Found :03/02/07 09:39 ID:???
>>580
原因は全くよくわからんが
背景にtransparentでも何でもいいから何か指定するとか
borderの無い辺があったら、何でもいいから指定してみると
直ることもあったぞ。

584 名前:Name_Not_Found :03/02/07 18:02 ID:PdVhrUaa
<hr />をCSSを適用した時のみ表示させないようにしたいのですが、
教えていただけませんでしょうか。

585 名前:Name_Not_Found :03/02/07 18:03 ID:???
>584
hr {display: none;}

586 名前:584 :03/02/07 18:09 ID:???
>>585
どうもありがとうございました。

587 名前:Name_Not_Found :03/02/07 19:02 ID:???
ふと、思ったのですが、IE4や3を使ってブラウジングしている人って
どれぐらい居るんですかね。やっぱ少数でしょうか。

588 名前:Name_Not_Found :03/02/07 19:20 ID:???
>>587
少数です。アクセス解析でも付けて調べてみましょう。
次からはCSSの質問をどぞー。

589 名前:Name_Not_Found :03/02/07 20:58 ID:d4+HpbPY
>>4にあるサイトで、NC4を省く方法を見ていたのですが、
media属性にscreen以外の値を指定すればいいというのはallでもprintでも
どちらでもいいと言う事ですか?
どちらを指定するかによっての違い等はあるのでしょうか?
また、あるとすればどちらを推奨されますか?

それと、screen以外の値を指定すれば読み飛ばされるというのは
弾くのではなくてcssの読み込み自体をさせないで、プレーンなHTMLを
表示させるという事なんでしょうか?

質問ばかりで申し訳ありませんが、よろしければ教えてください。

590 名前:Name_Not_Found :03/02/07 21:07 ID:???
>>589
media属性にscreen以外を指定してるとこのスタイルシートだけ読まれない。
だから
<link rel="stylesheet" href="hoge.css" media="screen">
<link rel="stylesheet" href="hogehoge.css" media="screen,tv">
とかにするとNC4ではhoge.cssだけ読まれる。

media属性をどうするかはぐぐったほうがいいんじゃないかな?

591 名前:Name_Not_Found :03/02/07 21:12 ID:???
>>589
ネスケ4除けという意味では、allでもprintでも効果は同じ。
allはあらゆるメディアに適応、printは印刷時に適応、という意味なので、
media="screen,print"として、通常のモニターと印刷の両方に対処した
cssを書くのが適切かと。

後者の質問については、その通りです。

592 名前:591 :03/02/07 21:13 ID:???
>>590
ぅゎ、かぶった。ケコ(略)

593 名前:589 :03/02/07 21:23 ID:d4+HpbPY
>>590-591
レスありがとうございます。
つまり、media属性というのはどのメディアで出力させるかを
こちらでコントロールできる要素という事なんですね?

で、NC4はscreenの値でしか、認識しないので、
それを利用して除けるという事でよろしいでしょうか?

なんだか理解できてきました。お二人共どうもありがとうございました。

594 名前:Name_Not_Found :03/02/07 21:29 ID:???
>>593
それで合ってます。ちなみにたぶんこのスレの過去ログにあったんだけど、
media="screen,"ってscreenの後にカンマつけるだけでNC4は
スタイルシート読まないそうです。

595 名前:589 :03/02/07 21:48 ID:???
<link rel="stylesheet" href="doukou.css" type="text/css" media="print,screen," />

という事はこれでいいって事ですよね?
どうもありがとうございました。

596 名前:Name_Not_Found :03/02/07 22:34 ID:???
>>594
それって、仕様的には正しい記述なんですかね?

597 名前:Name_Not_Found :03/02/07 22:46 ID:???
mediaにprojectionも指定しておかないとOperaでフルスクリーンにしたときに
CSSが適応されない。

598 名前:Name_Not_Found :03/02/07 23:02 ID:???
>>596
どうなんでしょう?
僕は無難にmedia属性はscreen,tvを指定してます。
つってもテレビで自分のサイト見た時にどうなってるのか
わかんないんですけどね。

599 名前:Name_Not_Found :03/02/07 23:27 ID:???
>>598
media="tv"っていうのは、ドリームキャストとか、ちょっと前によくCMで
やってたインターネット・テレビみたいなのを想定してるのかなあ。
それらが実際、media="tv"と指定されたCSSに対応してるかどうかはともかく。

600 名前:sage :03/02/08 00:40 ID:YO23bi6V
>>580
465で質問した者ですけど、
レンダリング失敗という状況は似てます。

漏れの場合はwidthを指定してやったら、
きちんとレンダリングされるようになりました。

状況によって違うような気がするから
参考にならないかもしれないけど。

601 名前:Name_Not_Found :03/02/08 00:44 ID:N5VJgVoA
positionを使って2段組にして、左にコンテンツ、右にページ内容で
両段ともdivで囲ってるんですが、ウィンドウの幅を狭くすると
右の段に貼った画像がdivの領域からはみ出たりしてしまいます。

divのwidthを絶対指定しないで、ある程度幅を狭くすると
表示がおかしくならないよう横スクロールバーを
出すようにする方法はありますでしょうか?

上手く説明しにくくて、ちょっと状況が分かりづらいかもしれませんが、
何卒よろしくお願いします。

602 名前:Name_Not_Found :03/02/08 01:02 ID:???
>>601
img に overflow を指定してみてはどうだろう

603 名前:Name_Not_Found :03/02/08 01:35 ID:N5VJgVoA
>>602
overflowを指定してみましたが、だめでした…。

NC6だと画像がはみ出て、IE5.5だとdivの領域が画像のサイズよりも
小さくならず、文字だけ改行されて狭くなってしまいます……。

それと、NN4にも対応させた作りにさせてますんで、出来れば
overflowは使いたくないんですが…うーん……。

604 名前:601 :03/02/08 01:51 ID:N5VJgVoA
幅の値をxxx〜xxxまで…という風に指定する事は出来ますでしょうか?

605 名前:Name_Not_Found :03/02/08 02:03 ID:???
>>604
min-width, max-widthとか


606 名前:601 :03/02/08 02:11 ID:N5VJgVoA
>>605
こんなのがあったんでつか…。
ぐぐってみたんですが、どうやらIEには対応してないみたいでつね…。

他の段組サイトはどうやってるんだろう…。
ソース見てみたけどさっぱり分からないぃ…。

607 名前:Name_Not_Found :03/02/08 02:12 ID:???
他の段組サイトはどうやってるんだろう…。
ソース見てみたけどさっぱり分からないぃ…。

608 名前:Name_Not_Found :03/02/08 02:14 ID:1WDRLKMT
<h1>でサイトのタイトルを入れている人は多いと思いますが、
代替スタイルシートなどを使った場合に、
テキストでタイトルが表示されるのではなく
<h1>への背景画像で表示したいことってありませんか?

この場合、背景画像は表示、テキストは非表示とするのでしょうが
{display:none;}だと背景も表示されなくなってしまいますし
{color:hoge;}でtransparentは設定できないしで悩んでいます。
<h1>タグだけでは解決できない問題なのでしょうか。

609 名前:601 :03/02/08 02:20 ID:N5VJgVoA
>>608
<h1>のfont-sizeを0にしてみるのはどうでしょうか?

610 名前:Name_Not_Found :03/02/08 02:34 ID:???
>608
前にも同じような質問があったけど,「見出し」の中身が「背景だけ」って
のは
どうも変な気がするんだけどなあ…strictスレ向きかも.
前に僕が答えた時には「JavaScriptなり使えば?」だったんだけど.

611 名前:Name_Not_Found :03/02/08 02:54 ID:nwsCKcwv
シツモソ。
背景色をCSSで固定しようと思って
h1{background-color:#FFDAB9;}
って書いたんだけど、反応しないんです。
タグ間違ってますか?

612 名前:601 :03/02/08 03:06 ID:N5VJgVoA
>>608
font-sizeを0にしても最小サイズになるだけでした…。スマソ
うーん、IE5で見たらテキスト消えてるようにみえたんですが…
物凄くちっちゃく残ってたんですね。

<h1>をvisibility:hiddenにすれば、h1は表示されなくてスペースだけ
確保されるので、そこに背景画像をposition:absoluteで配置する
というのはどうでしょうか?

613 名前:608 :03/02/08 03:22 ID:1WDRLKMT
>>610
 言われてみればそうなんですが、CSSを切った時には
 見出しとしてタイトルが表示されるわけですし、
 タイトルのためだけに<img>タグを貼付けるのも
 却って混乱するだけなのではとも思います。
 strictスレはちょっと怖くて近付けない・・・。

>>612
 visibility:hiddenはまだ試していませんでした。
 やってみます。ありがとうございました。

614 名前:Name_Not_Found :03/02/08 03:36 ID:???
>>608-612
画像を読み込まない設定しているユーザーとかは無視ですか。
おまえら馬鹿か。それぐらいのこと考えろよ。

><h1>のfont-sizeを0にしてみるのはどうでしょうか?
font-size に「0」を指定しても、
実際に文字が見えなくなるとは限りません。
何故ならば、UA は環境制限に応じて実効値を導き出すからです。
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/cascade.html#actual-value


615 名前:601 :03/02/08 03:47 ID:N5VJgVoA
>>614
>画像を読み込まない設定しているユーザーとかは無視ですか。
だから「代替スタイルシート」を使うんじゃないかと言ってみるテスト。

616 名前:Name_Not_Found :03/02/08 03:51 ID:pSXRpjGB
pxってブラウザによって大きさ微妙に変わるんですか?

617 名前: :03/02/08 03:53 ID:???
>>616
ブラウザによっても解釈が違うし、解像度によっても解釈が違うらしいよ

618 名前:Name_Not_Found :03/02/08 06:45 ID:pSXRpjGB
[CSSファイル]
.title1{
width:150px;
height:50px;
padding:0px;
float:left;
border:1px dashed #CCCCCC;
background:#FFFFFF
}
.title2{
width:500px;
height:50px;
padding:0px;
float:left;
border:1px dashed #CCCCCC;
background:#FFFFFF
}
[HTMLファイル(省略してます)]
<body>

<div class="title1">
<img src="title.jpg" width="150" height="50" alt="俺の部屋">
</div>

<div class="title2">
TITLE-02
</div>

</body>

今、こんな感じなんですけど、ウィンドウが小さいとtitle2クラスが下に下がってしまいます。
ウィンドウをどれだけ小さくしても、そのまま横に並ぶように固定するにはどうしたらいいんでしょうか?

619 名前:Name_Not_Found :03/02/08 08:14 ID:???
そりゃfloat使ってんだから当たり前だよな
postion使え

って言うか、解りやすいDIV厨だネ、imgにclass振るとか見出しはh1かなとか言う発想は出て来ないか

620 名前:Name_Not_Found :03/02/08 12:57 ID:???
>>618
backgroundに対するcolorは設定したか?

621 名前:Name_Not_Found :03/02/08 18:07 ID:???
<div> <div> <div> <div> <i><div>you</div></i>
<i> <i> <i> <i> ウェブハムズ!

<div> <div> <div> <div> <i><div>you</div></i>
<i> <i> <i> <i> ウェブハムズ!

ウェブハムズ!

622 名前:Name_Not_Found :03/02/08 18:36 ID:Vp1wwDk8




623 名前:Name_Not_Found :03/02/08 22:56 ID:???


| ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
|こんな感じにスタイルシートししたいんですけどどうすればいいですか?
|_______________________________


くだらない質問を書くだけのスレ4
http://pc2.2ch.net/test/read.cgi/hp/1026576633/767
にまちがってさきに投稿しちゃいました。マルチだと言わないでください。

624 名前:Name_Not_Found :03/02/08 23:02 ID:???
>>623

<p>こんな感じにスタイルシートししたいんですけどどうすればいいですか?</p>


P{
border-style: solid;
border-width: 1px 0px 1px 1px;
border-color: お好みで;
}

625 名前:Name_Not_Found :03/02/08 23:07 ID:???
>>624
できました。
即レスありがとうございます。

626 名前:Name_Not_Found :03/02/08 23:18 ID:???
>>624
> こんな感じにスタイルシートししたいんですけどどうすればいいですか?
には突っ込まないんですか?

627 名前:623 :03/02/09 00:05 ID:???
<p class="title">こんな感じにスタイルシートししたいんですけどどうすればいいですか?</p>

P.title{
border-style: solid;
border-width: 0px 0px 1px 1px;
border-color: black;
display:block;
font-style:
font-size: 18px;
font-weight: normal;
margin: 3px;
padding: 1px;
}
こんなのにしました。

>>626
まちがってますね。すいません。じぶんで突っ込んどきます。
(=゚ω゚)ノなんでやねん

628 名前:Name_Not_Found :03/02/09 00:09 ID:???
>>627
display:block;いらない.フォントサイズ固定は読ませる文章なら止めてくれ.

629 名前:Name_Not_Found :03/02/09 00:14 ID:???
>>627
てか P.title って <hn> でマークアップすべき部分じゃないか?スレ違いだが。

630 名前:Name_Not_Found :03/02/09 00:32 ID:???
>>619
img要素ってbody直下に置けたっけ?w

631 名前:Name_Not_Found :03/02/09 00:35 ID:???
w

632 名前:618 :03/02/09 01:13 ID:QN6QY9bg
[CSS]
body {
background-color:#FFFFFF;
margin:0px 0px 0px 0px
}
.title{
width:150px;
height:50px;
position:absolute;
padding:0px;
border:3px dashed #666666;
background:#CCCCCC
}
.menu{
width:100%;
height:50px;
position:absolute;
padding:0px;
border:3px dashed #666666;
background:#CCCCCC
}
----------
[HTML]
<body>
<span class="title">[TITLE]</span>
<span class="menu">MENU01 / MENU02</span>
</body>
----------
>>618です。
DIV厨とか言われてDIV使わんでもいいことに気付きました(´・ω・`)
今、こんな感じでposition使ったんですけど、TITLEがMENUにかぶさって見えなくなってしまいました。
横に並べたいんですが、どうしたらイイんでしょう。。。

633 名前:Name_Not_Found :03/02/09 01:19 ID:???
びっくり!divがspanになっちゃった!

634 名前:span厨618 :03/02/09 01:26 ID:IKo3Ezia
っていうか変わらんよなぁw
DIV厨ってなんだYOヽ(`Д´)ノ
別にいいじゃんかYO!


635 名前:span厨618 :03/02/09 01:36 ID:IKo3Ezia
っていうか日付変わってないのにID変わった?
なんでだろうケーブルなのに

636 名前:Name_Not_Found :03/02/09 01:42 ID:???
>>632
タイトルにはhn要素使え.メニューにはリスト使え.

637 名前:Name_Not_Found :03/02/09 01:43 ID:???
>>634
マジレスするが、別にいいと思うなら反応するな。
突っ込まれないソースを書く機会と思えば有意義だとは思うんだがな。

638 名前:Name_Not_Found :03/02/09 02:23 ID:???
本人が良けりゃいいってもんでもないけどな

639 名前:Name_Not_Found :03/02/09 02:25 ID:???
>>638
デブ厨、スパン厨とかは自分からよくしたいと思わん限り更正するのは無理っぽいよ。

640 名前:Name_Not_Found :03/02/09 02:30 ID:???
>>639
>デブ厨、スパン厨とか
           ~~~~~

とかのとかって何?

641 名前:Name_Not_Found :03/02/09 02:32 ID:???
>>640
最初、「とか」はつけなかったんだが、テーブルレイアウト厨とかフォントサイズ固定厨とかも同じようなもんだから、
特定する事もないかな、って思って。

642 名前:Name_Not_Found :03/02/09 03:04 ID:???
>>632
とりあえずあなたはブロック要素とインライン要素について勉強したほうが
いいと思います。

643 名前:Name_Not_Found :03/02/09 05:30 ID:???
もういいじゃねえか
div厨とかスパン厨とか
余計な干渉はうざいだけだろ

644 名前:618 :03/02/09 06:31 ID:IKo3Ezia
<body>
<div>
<h2 class="title">TITLE</h2>
<dl class="menu">MENU-01 / MENU-02</dl>
</div>
</body>
ブロック要素、インライン要素を勉強して、
>>636さんを参考にさせてもらい、HTMLは完成しました。
なんとなくわかって来ました!
.title{
width:150px;
height:50px;
padding:0px;
border:3px dashed #666666;
background:#CCCCCC
}
.menu{
width:100%;
height:50px;
padding:0px;
border:3px dashed #666666;
background:#CCCCCC
}
CSSは今こんなんですけど、横に配置するプロパティがよくわかりません。。。

645 名前:Name_Not_Found :03/02/09 07:40 ID:jCylwVu7
デジタルKEIです。重いけど見てくれ
http://homepage3.nifty.com/digikei/ten.html

646 名前:Name_Not_Found :03/02/09 08:00 ID:rVl1kBAo
中央に配置したいdivの事で解からない事があります。
<div>文章</div>そのものを
<div style text-ailgn="center">でさらに囲んだら、このブロックは
中央にきましたが、この中の文字まで中央揃いになっちゃいました。
だからといって、文章部分をleftにするのって、何かおかしいですよね?
どうすれば良いですか?宜しくお願いします。


647 名前:Name_Not_Found :03/02/09 08:32 ID:???
>>618>>632>>644
オモロイ

648 名前:Name_Not_Found :03/02/09 09:13 ID:???
div ってデヴって読むの?
今までディヴだと思ってたんだけど

649 名前:Name_Not_Found :03/02/09 09:19 ID:rVl1kBAo
divはディヴィ。
hrにhtmlとスタイルシートで
<hr style="color:#ff00ff" size="1" noshade>
とするのはへんですか?

650 名前:Name_Not_Found :03/02/09 09:19 ID:???
>>648
DIV厨を愚弄してる、という事くらい気付けよデブ。
と言って欲しいのか?

651 名前:Name_Not_Found :03/02/09 10:02 ID:???
>>644
完成してないよ。リストの書き方が変。
もうちょっとHTMLの基礎を勉強しれ。
ValidなHTMLじゃないとCSSはまともに機能せんぞ。


652 名前:Name_Not_Found :03/02/09 10:30 ID:???
>>639
pica厨も含まれているのでつか?

653 名前:Name_Not_Found :03/02/09 10:49 ID:???
>>644
|<body>
|<div>
|<h2 class="title">TITLE</h2>
|<dl class="menu">MENU-01 / MENU-02</dl>
|</div>
|</body>
Hn, dlを何故わざわざdivで囲むのか。
見出しになぜh1を使わずにh2を使うのか。
dlではなく、普通は ul 若しくは ol を使うべきだ。
(で、display:inline; とかcontentを使う。)

HTMLも書けないと、CSSは上手く適用されない。

654 名前:Name_Not_Found :03/02/09 11:22 ID:???
>>644 =618

CSSで凝った見栄えを工夫する前に、下記のサイトでHTMLについて勉強し直すことをお勧めします。

はじめてのWebドキュメントづくり
http://www.asahi-net.or.jp/~sd5a-ucd/www/index.html

ごく簡単なHTMLの説明
http://kanzaki.com/docs/htminfo.html

655 名前:Name_Not_Found :03/02/09 11:24 ID:???
>>644 を読むに至り、これはネタだと確信した。

656 名前:Name_Not_Found :03/02/09 12:02 ID:???
>>644
.title{
float: left;
width: 150px;
height:50px;
padding:0px;
border:3px dashed #666666;
background:#CCCCCC
}
.menu{
float: left;
margin-left: 1px;/* 右ブロックとの余白 */
width:60%;/* この値はお好みで */
height:50px;
padding:0px;
border:3px dashed #666666;
background:#CCCCCC
}
いまいちやりたいことがよくわかんないけどとりあえずこれでウインドウ小さくしても
横に並んだままになる。
ポイントはfloatさせるボックスのwidthを%などの可変の値にすること。
んで正しくCSSを使うためには正しいHTMLを覚えましょう。

657 名前:Name_Not_Found :03/02/09 12:06 ID:???
>>646
えっととりあえずボックスのセンタリングについて勘違いしてると思うので説明すると
text-align: centerでボックスがセンタリングされるのはIEの間違った仕様です。
だからこの場合、<div style="text-align: center;margin-right: auto;margin-left: auto;">
が正しいセンタリングの方法です。

658 名前:続き :03/02/09 12:09 ID:???
で中の文章もセンタリングされるということですが、それが正しい仕様なんで、
解決法として、文章をちゃんと<p>でくくって、
<div style="text-align: center;margin-right: auto;margin-left: auto;">
<p style="text-align: left;">
文章
</p>
</div>
とすれば、divでくくったボックスはセンタリングされて中の文章は左揃えになります。

659 名前:Name_Not_Found :03/02/09 12:14 ID:???
657の補足で正しいセンタリングと書きましたが、正しいのではなくて
IEでも他のブラウザでもセンタリングさせるためには、という意味です。

660 名前:646 :03/02/09 13:01 ID:???
>>657-659
れすさんくす。成る程…大変解かりやすかった。思ったんですけど、
text align:center の部分も必要なのですか?div要素はmargin以降だけで
センタリングされそうですが。



661 名前:Name_Not_Found :03/02/09 13:09 ID:???
>>660
IEだとmargin: auto;が効かなくてセンタリングされないようです。
IE6.0の標準準拠モードでは大丈夫ですが。
というわけで旧バージョンのIE対策としてtext-align: centerを入れておくのが
無難だと思います。

662 名前:660 :03/02/09 13:29 ID:???
>>661
そういうことかぁ。UAの事を考えてという事ですね。かっちりしたcode、
凄く参考になりました。本当に有難うございました。

663 名前:618 :03/02/10 00:45 ID:KRBwY/8f
>>656さん
小さくしても下いきますね。。。。

664 名前:618 :03/02/10 01:20 ID:KRBwY/8f
.menuのwidthを100%にして、尚かつ下にいかないようにしたいんです・゚・(ノД`)・゚・

665 名前:Name_Not_Found :03/02/10 01:44 ID:???
ずうずうし過ぎ
もう消えろ

666 名前:Name_Not_Found :03/02/10 01:52 ID:???
>divはディヴィ
ハァ?

667 名前:Name_Not_Found :03/02/10 02:10 ID:???
[Div]ision

668 名前: :03/02/10 02:24 ID:???
[Div]inely

669 名前:656 :03/02/10 02:45 ID:???
>>664
.title{
position: absolute;
top: 0;
left: 0;
width: 150px;
height:50px;
padding:0px;
border:3px dashed #666666;
background:#CCCCCC;
}
.menu{
position: absolute;
top: 0;
left: 151px;
width: 100%;
height: 50px;
padding: 0px;
border: 3px dashed #666666;
background: #CCCCCC;
}

width: 100%にするんだから横スクロールバーでるけどいいの?
とりあえずこれでウインドウ小さくしても下に回りこまないから。
あとは自分で調べてやってくれ。
って俺釣られてる気するんだけど…明日テストだっつーのに

670 名前:656 :03/02/10 02:52 ID:???
釣られついでにhtmlも直す。上のに追加して
ol {
margin: 0;
padding: 0;
}
li {
display: inline;
margin-right: 0.5em;
}
でhtmlは
<body>
<h2 class="title">TITLE</h2>
<ol class="menu">
<li>MENU-01</li>
<li>MENU-02</li>
</ol>
</body>
もう寝る。


671 名前:Name_Not_Found :03/02/10 03:00 ID:???
<h1>を差し置いて<h2>から始めちゃいかーん

672 名前:Name_Not_Found :03/02/10 03:02 ID:???
h1{
     display: fuck!すっこんでろ!;
}

673 名前:656 :03/02/10 03:03 ID:???
>>671
まあそうなんだけど644の例がh2から始まってるからさ。
もうdivでいいんじゃねとか思ってきた。

674 名前:Name_Not_Found :03/02/10 03:04 ID:???
/* そんなに怒らないでよ! */

675 名前:674 :03/02/10 03:04 ID:???
ごみん、>>674>>672宛てね。

676 名前:Name_Not_Found :03/02/10 03:08 ID:???
hr{
     たまにはdisplay : none以外にも何か設定してよ;
}

677 名前:Name_Not_Found :03/02/10 03:12 ID:???
>>676
マジレスだけど、UAによって解釈が違うので、borderやcolorで色々調節してるよ。
とは言っても、間もなく漏れのHTMLから<hr />は全て消えてしまうんだけど。

678 名前:656 :03/02/10 03:13 ID:???
>>676
h1 {
visibility: hidden
}

…ごめんなさい。ほんとにもう寝ます。

679 名前:Name_Not_Found :03/02/10 15:43 ID:/gs5olTz
スタイルシートでこういうことは出来ますか?

各ページに「○○ランキング」というランキングが書かれた表
を掲載しようと思います。
そのランキング内容をCSSに書く。コードを各HTMLに記述する。
CSSの内容を変えると毎回ランキング内容を変えられる。

680 名前:Name_Not_Found :03/02/10 16:04 ID:CXc9i16w
誤爆の予感

681 名前:Name_Not_Found :03/02/10 16:17 ID:???
XSLTの予感。
どっちかというとXMLスレ向き?

682 名前:Name_Not_Found :03/02/10 16:30 ID:???
……display:noneを駆使する?
未対応ブラウザでは意味が無いけど。

683 名前:Name_Not_Found :03/02/10 16:40 ID:???
>>682
誰に言ってるの?

684 名前:Name_Not_Found :03/02/10 16:51 ID:Ig9GOnvk
>>679
スタイルシートは見た目をコントロールするもので、
内容のコントロールをするものではありません。

なにがしたいか意味はわかりますが(似たような事をしようとした)
インラインフレームで別のページを読み込むか、
GCIに頼るしか方法はみつかりませんでした。

685 名前:Name_Not_Found :03/02/10 17:12 ID:???
>>684
あーGCIね。

・・・えっGCI?

686 名前:Name_Not_Found :03/02/10 18:25 ID:/gs5olTz
>>684
そうですか・・・そうですよね。
私もあれから調べたらCSSは見た目の変化で
内容は関係ないみたいですね。

そういうことができるCGIもないし、あってもシェアだし・・・難しい。

687 名前:Name_Not_Found :03/02/10 21:05 ID:???
>>686
気を落とさずに他で相談すれ

688 名前:Name_Not_Found :03/02/11 00:37 ID:???
>>679
ssiでインクルード、の方向で検索をすすめる。
やり方はスレチガイなので言わんけど。

689 名前:Name_Not_Found :03/02/11 01:12 ID:3IDKR41g
<div class="mainmenu">
<h2>メインメニュー</h2>
<ul>
<li><a href="page1.html">page1</a></li>
<li><a href="page2.html">page2</a></li>
<li><a href="page3.html">page3</a></li>
<li><a href="page4.html">page4</a></li>
</ul>
</div>

というhtmlに

div.mainmenu ul li{
display: inline;
margin: 0;
padding: 0;
border-right: solid 1px #000000;
}

div.mainmenu ul li a{
padding: 5px;
text-decoration: none;
}

というスタイルを摘要すると、IE5.5 IE6 ネスケ7 Mozilla 1.0.1 Opera6.05では
page1 | page2 | page3 | page4 |
というように線で区切って適度に間隔を空けli要素が横に並ぶのですが、
IE5.01だと
page1 page2 page3 page4
というように線は出ないし間隔はあかないし(文字としての半角スペースは空きますが)全然メニューとして使えないものになってしまいます。
私の記述がまずいんでしょうか?それともIE5.01が悪いのですか?バグ辞典には載ってないようなのですが・・・。
また、対処方法はなにかあるのでしょうか。

690 名前:Name_Not_Found :03/02/11 01:53 ID:???
どの様にしたら、このサイトのように腐ったリファレンスが制作できますか?
ttp://homepage2.nifty.com/yoshi-m/makehp/css/index.htm

691 名前:Name_Not_Found :03/02/11 02:05 ID:???
>>690
ここまでくると、確信犯とさえ思えてくるな……

692 名前:Name_Not_Found :03/02/11 02:27 ID:???
>>690
( ゚д゚)ポカーン...いや,690にじゃないけど.

693 名前:Name_Not_Found :03/02/11 03:02 ID:???
>>689
div.mainmenu ul li{
display: inline;
margin: 0 5px 0 0;
padding: 5px;
border-right: solid 1px #000000;
}

div.mainmenu ul li a{
text-decoration: none;
}

手元にIE5.01ないんでわかんないんですけどこれでどうですか?

694 名前:Name_Not_Found :03/02/11 03:59 ID:???
>>689
インライン要素へのborder修飾が可能となったのはIE5.5から。效かなくて當然。
>>2-6にもある「CSS対応状況表」を見よ。
 http://hp.vector.co.jp/authors/VA022006/css/corrbrwser.html

div.mainmenu ul li a{ } ではa要素が素の状態でしか效かないのでは。
.mainmenu ul li a:link, .mainmenu ul li a:visited, .mainmenu ul li a:hover { }
と擬似クラスを含めて指定してやればどうか。

695 名前:694 :03/02/11 04:06 ID:???
おっとゴメン。
WinIE5.0以前ではpaddinngも
「テキスト(置換要素以外)のインライン要素には適用されない」んだった。
 http://www.zspc.com/documents/css2/box/padding.html

ま、CSSの眞價を堪能したかったら
IEは5.5以降にバージョン・アップしろってことで。

696 名前:Name_Not_Found :03/02/11 05:38 ID:???
┌─┬──┐
│ │  │
│ │  │
│ │  │
└─┴──┘
右側がコンテンツメニューで
左が日記の文章出力先。

こんなかんじのでカコイイCSS くれ

697 名前:Name_Not_Found :03/02/11 05:51 ID:???
随分カコイイな

698 名前:Name_Not_Found :03/02/11 06:47 ID:jb97s3rZ
<ul>あああ
<li>hoge1
<li>hoge2
</ul>

あああ
  ・hoge1
  ・hoge2
↑ここのマージンをなくすにはどうしたら良いでしょうか?

<ul>と<li>にmargin-left:0を設定すれば
IEではマージンがなくなるのですが
NN7ではなくならないのです。

699 名前:Name_Not_Found :03/02/11 06:50 ID:???
padding-leftも0にしる。

700 名前:Name_Not_Found :03/02/11 06:57 ID:???
>>699
素早いレスありがとございます。
解決致しました。

701 名前:Name_Not_Found :03/02/11 07:42 ID:???
>>696
こっちに書け
http://pc2.2ch.net/test/read.cgi/hp/1026576633/

702 名前:Name_Not_Found :03/02/11 08:55 ID:???
売るセーバか

703 名前:Name_Not_Found :03/02/11 10:32 ID:???
>>690
すばらしい。感動しますた。

704 名前:Name_Not_Found :03/02/11 10:34 ID:GAQciZrb
擬似クラスa:link a:hover を外部CSSでページごとに指定する方法が
解りません。head内で今やってますが、.cssで全てやりたいので。
宜しくお願いします。

705 名前:Name_Not_Found :03/02/11 10:39 ID:???
>690
私もある意味感動しますた。

>704
>4

706 名前:Name_Not_Found :03/02/11 10:43 ID:???
>>704
bodyにID振るみたいな。>>4

707 名前:Name_Not_Found :03/02/11 11:47 ID:???
うわさの>>690のCSSリファレンス見た。
最初から飛ばしていて感動した。

<H1><P>スタイルシート</P></H1>


708 名前:Name_Not_Found :03/02/11 11:51 ID:???
解説もいい加減でステキ。
>spanでやってみたらできなかったのでdiv使いました。
>こういう物だと暗記しましょう

709 名前:Name_Not_Found :03/02/11 12:04 ID:???
でも、関心するよ。FrontPage使いこなせてるなぁ〜って。
CSSとテーブルレイアウトのフュージョンを見た。ハーモニーだね。これこそ、WEBのインプロ。
IT JAZZみたいな。

710 名前:Name_Not_Found :03/02/11 12:04 ID:???
>>709
マジで言ってるんでしょうか?

711 名前:Name_Not_Found :03/02/11 12:08 ID:???
マジレッサーハッケソ

712 名前:Name_Not_Found :03/02/11 12:08 ID:???
>>710
うん、マジで言ってるよ。徹夜してる状態のテンションだけどね。

713 名前:Name_Not_Found :03/02/11 12:10 ID:???
>>712
ハーモニーですか。
通常のテンションで見てほしかったですね。

714 名前:Name_Not_Found :03/02/11 12:15 ID:???
どっかの書籍のパターンに似てるとこも素敵だよね。
説明つかないとこは、いいかげんだし。俺も解説サイトつくってみよう。
muvc.netあたりで。

715 名前:Name_Not_Found :03/02/11 12:30 ID:???
アダルトがらみかよ!

716 名前:Name_Not_Found :03/02/11 12:48 ID:x0k/qa/S
http://www.project-ir.com/web/

のサイトのようにリンクにマウスを乗せると
文字に色がつくようにするにはどうしたら良いのでしょうか?
(これってCSSですよね?)

717 名前:Name_Not_Found :03/02/11 12:56 ID:???
>>716
ヒヒヒヒッ>>4

718 名前:Name_Not_Found :03/02/11 13:19 ID:???
>>690のサイトいきなり引用からはじまってるんですが
引用元はどこですか?

719 名前:Name_Not_Found :03/02/11 13:31 ID:???
>>690もテンプラに加えないとな

720 名前:Name_Not_Found :03/02/11 13:59 ID:???
>>719
だな.
あれをみて「わかりますた!」とかいわれても困るけど.

721 名前:Name_Not_Found :03/02/11 14:34 ID:???
ttp://www.tees.ne.jp/~pokochan/style/style.html
>CSS Level1およびCSS Level2(動作確認済のもの)リファレンスをまとめています。
どの様にしたら、知ったか振りリファレンスが制作できますか?

722 名前:Name_Not_Found :03/02/11 16:11 ID:???
ここは厨なリファレンスサイトを晒すスレでつか?

723 名前:Name_Not_Found :03/02/11 16:42 ID:???
厨なリファレンスサイトを晒すスレきぼんぬ。

724 名前:Name_Not_Found :03/02/11 16:47 ID:???
>>723
思い立った奴が動けよ

725 名前:Name_Not_Found :03/02/11 17:57 ID:NU/thWsQ
外部シートでクラスを設定したクラスを<div class="***">と設定したときは
ちゃんと反映してたのに、見直したら反映されてません。なぜだか解りません。
他にもstyle〜なら反映されるのに外部シートにすると反映されない事があって、
外部CSSってバグが多いのかな?とか思ってます。教えて下さい。。。

726 名前:Name_Not_Found :03/02/11 18:06 ID:???
>>725
サーバ上に上げた時の話か?
もうちょっと環境を書け。

727 名前:725 :03/02/11 18:15 ID:Di4bBrSU
いえ、まだ上げてません。が、ほぼ完成しています。
<div class=>に設定したクラスの中身(外部シートから)をコピーして、タグに直接
<div style=***>に貼り付けたら反映されます。???何故でしょうか?

728 名前:Name_Not_Found :03/02/11 18:17 ID:???
>>727
CSSファイルへのパスは正確に指定した?

729 名前:Name_Not_Found :03/02/11 18:18 ID:???
>>727
その外部シートにはどう記述してるの?
そしてその外部シートはどう読み込んでるの?
あとOSと使用ブラウザも書いて

730 名前:Name_Not_Found :03/02/11 18:20 ID:???
>>725
とりあえずCSSのソースを出そう。

731 名前:716 :03/02/11 18:22 ID:x0k/qa/S
>>717
すみません、、そこを見たけどさっぱりわかりません・・。

732 名前:716 :03/02/11 18:26 ID:???
すみません、DWをいじってたらできました

733 名前:725 :03/02/11 18:35 ID:???
パスはちゃんと通ってます。(他の全てのクラスは反映される)
Win98/tttでブラウザで同時に見ながらやってます。
.aaa{"border-color:#000000;..."}の中の、""部分(他にマージンとか沢山)を、
<div style=>に入れるとちゃんと出る。という感じ。


734 名前:Name_Not_Found :03/02/11 18:37 ID:???
.aaa{"border-color:#000000;..."}

の""は激しく余計。

735 名前:Name_Not_Found :03/02/11 18:37 ID:???
>>733
" " で囲わないでください。

.aaa { border-color : #000000; .... }

736 名前:Name_Not_Found :03/02/11 18:43 ID:???
>>733
どこでプロパティと値を""で囲むなんて教えられてきたんだ?
そっちのほうが知りたい

737 名前:Name_Not_Found :03/02/11 19:11 ID:???
埋め込むときのstyle="〜"の記述からの類推じゃない?

738 名前:Name_Not_Found :03/02/11 19:13 ID:???
仕様を類推するなよ。

739 名前:725 :03/02/11 19:20 ID:???
激しく余計でした。ハズカスウィ。。。今までこんなまちがい無かったのに。
途中まで見えてたから(類推してくれてた?)余計気付かなかった。
でも素早いレスで解決してウレスィ。有難う。

740 名前:Name_Not_Found :03/02/11 19:29 ID:???
まぁ、コピペにミスったんだろ。よかったね。

741 名前:Name_Not_Found :03/02/11 20:18 ID:???
>>696
<html><body>
<div class="menu">
<h2>メインメニュー</h2>
<ul>
<li><a href="page1.html">メニュー1</a></li>
<li><a href="page2.html">メニュー2</a></li>
</ul>
</div>
<div class="main">
<p>本文</p>
</body></html>

↓でお礼言っとけ
くだらない質問を書くだけのスレ4
http://pc2.2ch.net/test/read.cgi/hp/1026576633/


742 名前:Name_Not_Found :03/02/11 20:18 ID:???
類推して望みどおりになるということは、それだけそのブラウザが
優れているのだな。どんなに変なのを書いても類推してくれる
IEはやはり素晴らしい。ちょっとでも変なのは完全無視するネスケは
ユーザーに優しくない。普及しないのも当たり前。

743 名前:Name_Not_Found :03/02/11 20:36 ID:???
早くcontentプロパティ対応して欲しいナァ。
ユーザースタイルシートにattr書いてもIEだと意味無いよ…(ノД`;)

744 名前:Name_Not_Found :03/02/11 20:43 ID:???
>>742
でもそのせいで
新しく追加された(別のプロパティと類推してくれるような)プロパティで誤作動する罠。

745 名前:Name_Not_Found :03/02/11 20:45 ID:???
>>742
それにより「変な書き方をしても良い」と解釈する厨が量産される罠

746 名前:Name_Not_Found :03/02/11 20:55 ID:LC4WAtlj
HTMLが
<div class="main">
<div class="hoge">
hoge<br>hoge<br>hoge<br>hoge
</div>
<div class="geho">
geho<br>geho
</div>
</div>
<div class="footer">
footer
</div>
CSSが
.main{background-color:#333333;}
.hoge, .geho{float:left;}
.footer{clear:left;}
このときに背景色がつかないんですが、
どうすればいいですか?

747 名前:Name_Not_Found :03/02/11 21:10 ID:???
.hoge .geho .footer に background-color 指定すればいいんじゃないの

ってゆう問題じゃないのかな

748 名前:Name_Not_Found :03/02/11 21:12 ID:???
もしくは .main div{background-color:〜;}とか。

749 名前:Name_Not_Found :03/02/11 21:14 ID:???
>>747
.mainにwidth: 100%; 等を指定するってのは?


750 名前:746 :03/02/11 21:29 ID:???
>>749
それで出来ました。ありがとうございます。

751 名前:746 :03/02/11 22:00 ID:LC4WAtlj
追加で質問なんですが、>>746のCSSを
.main{background-color:#333333;width:100%}
.hoge, .geho{float:left;}
.geho{background-color:#999999;}
.footer{clear:left;}
にしたとき、hogeの右側全部にgehoの色をつけたいときは
どうすればいいんでしょうか?
このままだと"geho"と書いてある部分しか色がつきません。

752 名前:Name_Not_Found :03/02/11 22:05 ID:???
>>751
.main{background-color:#999;width:100%}
.hoge, .geho{float:left;}
.hoge{background-color:#333;}
.footer{clear:left;}

無理矢理だけど。

753 名前:746,751 :03/02/11 22:10 ID:LC4WAtlj
すみません。聞き方悪かったです。
率直に言うと、hogeの右側全部をgehoの範囲にしたいんです。

754 名前:Name_Not_Found :03/02/11 22:10 ID:???
>>742
そのCSS観は安い高校生の日本語観そっくりだな.


755 名前:Name_Not_Found :03/02/11 22:11 ID:???
>>754
いくらで買ってんの?

756 名前:Name_Not_Found :03/02/11 22:36 ID:???
>>754
そんな抽象的な物を引き合いに出す前に、もうちょい日本語を勉強したほうがいいと思う。

757 名前:Name_Not_Found :03/02/11 22:38 ID:???
>>755-756
必死?


758 名前:Name_Not_Found :03/02/11 22:40 ID:???
そういう話題はよそでやって下さい。
もしくは質問形式にしてください。

759 名前:Name_Not_Found :03/02/11 22:46 ID:???
>>757
たぶん、君は「必死」と書くことで優勢な立場にあるという錯覚、或は勘違いをしてるよ。
真性ではないことを祈る。

760 名前:Name_Not_Found :03/02/11 22:47 ID:???
もうやめれ

761 名前:Name_Not_Found :03/02/11 23:07 ID:???
しかし必死だな

762 名前:Name_Not_Found :03/02/12 00:12 ID:???
position:relative
top: -100px;

↑みたいな感じでボックスを底上げした時、
そのボックスが本来あるはずだったと位置まで余白が
開いちゃうんですが、これを解消する方法はありませんか?

ちなみにWinにてIE6とネスケ6で確認。

763 名前:山田六郎 :03/02/12 00:18 ID:???
>>762
relative属性について、よく調べてみると。何か書いてあるはず。
relativeは他要素、レイアウトに影響を与えると。


764 名前:Name_Not_Found :03/02/12 01:37 ID:/48g0Wjy
今までテーブルレイアウトで乗り切ってきたんですが、現ページをツール使ってcssに変換すると
所謂div病ってやつになってしまいます。
css覚えるに超した事は無いと思うんですが、div病状態でもcssで公開するべきなんでしょうか?

765 名前:Name_Not_Found :03/02/12 01:39 ID:???
>>764
まずはHTMLの書き方を覚えましょう

766 名前:Name_Not_Found :03/02/12 01:39 ID:???
>>764
その状態だと、公開してもしなくても(現状ままでも)変わらないと思います。
マークアップを修正してから公開するか、公開してからマークアップを修正するかはお好みで。
どっちにしても「テーブル厨」「div厨」と言う心ない人はいるわけですから・・・

767 名前:Name_Not_Found :03/02/12 01:41 ID:???
>>764
文脈セレクタを使えばdivの数も減ると思うよ.
cssを使うためには正しいhtmlが必須だから,テーブルよりはよっぽどまし.

768 名前:Name_Not_Found :03/02/12 02:06 ID:???
おマイら、ユーザースタイルシートにどんなプロパティ書いてますか?

漏れはスクロールバーの色が変わったり、カーソルが変わるのがウザイから
* {
scrollbar-base-color:#bbb !important;
scrollbar-3dlight-color:#bbb !important;
scrollbar-(中略)
cursor:auto !important;
}
って書いてます。

769 名前:Name_Not_Found :03/02/12 03:04 ID:???
あの、
ページの幅を固定したい(600pxを最大の幅として、そこからコンテンツがはみ出ないようにしたい)
のですが、どういう設定が一番スマートな方法でしょうか?

Divタグで全体を囲む
使用する全てのタグ(H1とかPとか)に設定
ぐらいしか思いつきません・・・。

BODYにwidth:600;を設定できるとありがたいんですが、ききませんでした。
下位のPやHRに継承されると思ったんですが。

770 名前:Name_Not_Found :03/02/12 03:12 ID:???
┃attention
 ̄ ̄ ̄ ̄ ̄
 ・このサイトは横幅600ピクセルで最適化されています
   なのでウィンドウのサイズを600ピクセルに合わせて
   閲覧してください。

771 名前:Name_Not_Found :03/02/12 03:13 ID:???
 ┃attention
   ̄ ̄ ̄ ̄ ̄
ズレ補正テスト

772 名前:Name_Not_Found :03/02/12 03:40 ID:???
そんな不便なサイト作るなよ

773 名前:Name_Not_Found :03/02/12 03:57 ID:iv9hMX6x
floatの次に来る内容は、ブロック要素ではダメなんですか?
テキストだとうまくいくのに、それをdivで囲んだだけで
下にいっちゃうんですけど。

774 名前:Name_Not_Found :03/02/12 04:14 ID:???
駄目じゃない

775 名前:601 :03/02/12 06:59 ID:OrogjXpv
自分でも色々試してみたんですが、どうも駄目でした…。
601でも書いたんですが、詳しく申し上げますと
HTMLが
<div class="contents">
<h2>contents</h2>
<ul>
<li>あああ
<li>いいい
<li>ううう
</ul>
</div>
<div class="page">
<h3>ページの内容</h3>
<p>文章とか</p>
<img src="
http://xxx/" width=200 height=40>
</div>

CSSが
div.contents{position:absolute; top:5em; left:1em;
background-color:#fbfbfb; width:15em; padding:0.5em;}
div.page{background-color:#fbfbfb; padding:0.5em;
margin-left:17em;}
大体こんな感じで段組してるんですが、
ウィンドウサイズを小さくしてdiv.pageの幅がある程度狭くなっても
それ以上小さくはならないようにしたいんですが
どうすればいいのでしょうか?
それともこの段組の仕方では無理なのでしょうか?

776 名前:Name_Not_Found :03/02/12 08:07 ID:???
min-width はIE未対応だったっけか

html見ると、コンテンツ部分の幅が200px以下になったときに
画像がはみ出てるんだろうけど
そこまでウィンドウ小さくして見てる人はいないんじゃないかと。

777 名前:Name_Not_Found :03/02/12 08:58 ID:???
>>776
min-widthは、未対応。

778 名前:Name_Not_Found :03/02/12 08:59 ID:???
>>776
あ、そうそう。透明の画像で最低幅を確保する、っててもあるな。

779 名前:Name_Not_Found :03/02/12 09:01 ID:???
>>778
そんな糞みたいな方法書くなよ

780 名前:Name_Not_Found :03/02/12 09:34 ID:???
>>779
IEでmin-widthの代用ってあるか?
それ提案してから言えよ。

781 名前:Name_Not_Found :03/02/12 09:46 ID:???
>>778はテーブルレイアウトと同レベルだろうが。

782 名前:Name_Not_Found :03/02/12 11:12 ID:???
>769
単位が書いてないからだめなんじゃないの?


783 名前:Name_Not_Found :03/02/12 11:40 ID:???
>>781
確かにstrictじゃないやり方を推奨するような書き方をしたのはまずかったな。すまん。
しかし、min-widthに代わるもの、ってある?

784 名前:Name_Not_Found :03/02/12 11:52 ID:???
>>783
透明の画像で最低幅を確保する

785 名前:Name_Not_Found :03/02/12 15:41 ID:l98GTplI
スタイルシートって携帯アクセスには対応しないですか?

786 名前:Name_Not_Found :03/02/12 16:01 ID:J1zGP8L9
教えて下さい。ぶちきれそうです。
外部CSSで .aaa{float:left;} として、
<div class="aaa">BBB</div>
<div>CCC</div>
とした時に、ie5.5ではちゃんとBBBCCCとでるのに、動作確認のため入れた
NN7.0だと、ほぼ重なってしまいます。divの幅、高さともpxでしていしています。
なんですかこれは?うがー!


787 名前:Name_Not_Found :03/02/12 16:06 ID:???
>786
>6

788 名前:Name_Not_Found :03/02/12 16:21 ID:???
>>786
            /           /  /   /( ∧  ) ヘ ヘ        
           く           // ( /| | V )ノ( ( (  ヘ\   お  て
    ┘/^|    \         (  | |ヘ| レ   _ヘ|ヘ ) _ヘ    し  め
    /|   .|              |  )) )/⌒""〜⌒""   iii\    え |
     .|  α  _          ヘ レレ  "⌒""ヘ〜⌒"  ||||>    て
          _∠_       イ |  |  /⌒ソi   |/⌒ヘ  <    や に
     _     (_        ) ヘ  | ‖ () ||  || () ||  _\   ん は
     /               (  ) ヘ |i,ヘゝ=彳  入ゝ=彳,i|\    ね
   /ー               ( /  """/   ー""""   >   |
      _)   |          ヘ(||ii    ii|||iiii_/iii)ノヘ|||iiiii<   |||||
          |          ( ヘ|||||iiii∠;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;     フ    ""'
    /////   ヘ_/       ) ヘ|||""ヘ===二二二===7フ / ム/∧ ∧ ∧
    /////              (  | ii  | |LL|_|_LLL// |    )( ∨| ∨)
   ・・・・・                ) )| || | |||||||||||||||||||||||| | |   ( ヘ | ヘ ) (
          ___        | | /| .| |||/⌒/⌒ヘ | | |  iiiiヘ ( | ( | /
            /         / (|.| | |       | | |  iii  ) | ヘ )( )
            (          ( /..|  | |_____/ | |  iii  ( )( // /
            \         ) )..|  |ヘL|_|_L/ / /  ,,,,--(/Vヘ)(/

789 名前:Name_Not_Found :03/02/12 17:24 ID:???
>>788 これは誰なんだろう…。

790 名前:786 :03/02/12 17:28 ID:???
>>788
なんですかそれは。教えて下さい。うがー。もうヤになりそうです。

791 名前:Name_Not_Found :03/02/12 17:34 ID:???
>>786
ネスケで段組やろうとしなければいいんじゃないの?
インポートでエスケープ。見栄えなど二の次。

792 名前:Name_Not_Found :03/02/12 17:42 ID:???
>>791
>インポートでエスケープ。見栄えなど二の次。


793 名前:Name_Not_Found :03/02/12 17:44 ID:???
>>792
@importでネスケには読ませなかったらいいんじゃないの?って意味。

794 名前:Name_Not_Found :03/02/12 17:49 ID:???
CSS validatorでチェックして、エラーも警告も出ない。
でもvailed認定もされない。
間違ってるのか正しいのか何もわかりましぇん。


795 名前:786 :03/02/12 17:50 ID:???
NNみなきゃよかったよ。…でも、ひょっとして回り込みをさせるものって、
ブロック要素はだめ(NNの動作が正しい?)なんですか?
>6あたりかたっぱしから見てもイマイチ解らん。

796 名前:Name_Not_Found :03/02/12 17:54 ID:???
>>793
ネスケ4は@importで回避できるけど、7は無理だろ、というツッコミなのでは。

797 名前:Name_Not_Found :03/02/12 17:56 ID:???
>>795
とりあえず、もうちょっと詳細にソースさらしてみ。
あと、「ほぼ重なってしまいます」の意味がよくわかんないから、
そこらへんも第三者に理解できるよう詳しく。

798 名前:786 :03/02/12 18:15 ID:???
2つのボックス(縦600px横200px)を作り、それぞれのブロックに文章を
いれています。ソースはそのまんま。全くシンプル。他に複雑な事もしてません
(lintチェック100)
外部CSS .aaa{float:left;} として、
<div class="aaa">文章</div>
<div>文章</div>

┏━━━━┓
┃┏━━━━┓
┃┃   ┃┃
┗━━━━┛┃
 ┗━━━━┛
こんなんなっちゃいます。ieではちゃんと 文章→文章 と出るのに。






799 名前:Name_Not_Found :03/02/12 18:32 ID:???
.aaa,.bbb {width:600px;height:200px;float:left;}

<div class="aaa">文章1</div>
<div class="bbb">文章2</div>

このあとに続く要素には clear

800 名前:Name_Not_Found :03/02/12 18:32 ID:???
>>798
ボックスには2つともfloat: leftしてる?

801 名前:800 :03/02/12 18:35 ID:???
かぶった。>>799のやり方にすれば絶対問題ないはず。
他のスタイルが影響してなければ。


802 名前:Name_Not_Found :03/02/12 18:39 ID:???
>>798
以下>>6より
>Q: なんかMacIEやOperaでフロートの表示が崩れるみたいなんですけど?
>A: floatさせる要素にはwidth指定が必須(img要素以外)。
>  これ、CSSの仕様書の決まりなんです。WinIEが勝手に補ってるだけです。

読んだのか?

803 名前:Name_Not_Found :03/02/12 18:40 ID:???
漏れもカブった。ゴメソ。

804 名前:786 :03/02/12 18:44 ID:???
>>799>>800
3番目にはclearしてますが、2番目にもfloarを?…してません。
さっそくやってみます。

805 名前:Name_Not_Found :03/02/12 18:55 ID:???
>>804
二つ目のボックスもfloatしないと二つ目のボックスの内容が一つ目のボックスより
大きかったら、一つ目のボックスの下に回りこむよ。
回り込まないIEの仕様が間違っている。
よってブラウザ責める前に>>6読みなさい。

806 名前:786 :03/02/12 19:03 ID:???
で・出来ました。感激。文章2の後、回りこみをしないので、floatはいらなく、
3番目でclearすればよいかと思ってました。仕様ではなくIEそのものに合わせて
しまっている事が結構あるみたいです…勉強不足でした。
皆さん本当に有難う。ごめんねNN7。

807 名前:NN7 :03/02/12 19:15 ID:???
>>806
おーよ。精進しろや。

808 名前:769 :03/02/12 19:21 ID:???

俺が言ってるのは文章が横にだだっ広いと
読みにくいから指定幅以上に拡げたくないのと、
それに会わせてHRとかも一括で
サイズを合わせられる方法を知りたいんです。


>>770
ウィンドウのサイズはどうでもいいんですよ。
俺が言ってるのは、ウィンドウのサイズを極端に
拡げたときにコンテンツまで横に伸びるのが嫌なだけです。
あと、あんまりにもウィンドウを縮めた時に、最低でも500px
ぐらいあった方が読みやすいと思ってるからです。


>>772
どの辺が不便でしょうか?

809 名前:Name_Not_Found :03/02/12 19:32 ID:???
ずいぶん偉そうですね

810 名前:Name_Not_Found :03/02/12 19:34 ID:???
http://pc2.2ch.net/test/read.cgi/hp/1045046001/

811 名前:Name_Not_Found :03/02/12 19:35 ID:???
>>809
           /     \
          /   ∧ ∧ \
          |     ・ ・   |
          |     )●(   |
          |   \__/ |
          \    \ノ  /
            \____/
             _| |_
           /     \
          < <~|   |~> 〉
           \`|    |'_ノ
            /    \
          //O| |O\\
         //  //   \\
        | |   //=  ヽ  | |
        | |  // 二  \||
        | | (_ノ ― =  )| |
       (_)         (_)

バナナが一本ありました〜バナナンバナナンバナナ♪

812 名前:Name_Not_Found :03/02/12 19:35 ID:???
>>809
                  ζ
                / ̄ ̄ ̄ ̄\
               /         \
              /\ .  \   /|
           /´    ヽ   .一  一|. ヽ
           | /    |-----◯⌒つ|  |
       .    |     |   _||||||||| |  |  一生、一緒にいてくれや〜
           |      | / \_/ /   |
       .    |     |\____/    丿  
           ノヽ`   ノヽ      `   /
          /   ,/ソ         \ /    
         (       ,/    `´   |
          \   イ  ´         |
           \  ヽ \    八  ノ
             ヽ    ` ー ´人` /
              \     / ´,、ヽノ
             ノ⌒    /      |
            /            ノ_
            | ノ     ヽ    丿 \
         /⌒l |.          /     \
         /  l,丿 ,       っ     .  \  
        |  /  ´      /⌒`l        \ 
       丿 /   ,     ./   ヽ   ヽ    |.  
      /  |,   |    /      )\      ヽ   
      ヽ ノ    ヽ__,/      . (  _\_     |   
      (_)__)|___,/::::::::      ::::::(__)_)_)ヽ、__/:::::



813 名前:Name_Not_Found :03/02/12 19:36 ID:???
               _,,.. -─‐- .、.._.
           ,. ‐''"´         ``'‐.、
          ,.‐´               `‐.、
          /                      \.
       ,i´                       `:、
      /                          ヽ.
    ,i                  ,,,,;;::'''''        i、
    .i        ,,,,;;:::::::::::::::       __         i.  
   .i        "   __ ::::  '"ゞ'-'        l    
   |         - '"-ゞ'-' ::::::...              |.   / ̄ ̄ ̄ ̄ ̄ ̄
    |                 :::::::      (⌒)     .|  < 劣悪遺伝子は根絶やしな   
   |                ( ,-、 ,:‐、     ̄      |    \______
.   l    .  (⌒)                      l.
.    i、        ̄      __,-'ニニニヽ .         ,i
.    i、              ヾニ二ン"          ,!
.     ヽ                            /
.      `:、                          ,‐'
          \                     /
          `‐、                  , ‐´
           ` '‐.、 _          _, ‐''"
                `` ‐-----‐ '"´

814 名前:Name_Not_Found :03/02/12 19:42 ID:???
>>809
田舎者はだまっていろ
埼玉でおとなしくしてろ

815 名前:Name_Not_Found :03/02/12 19:52 ID:???
なんだ キチガイか

816 名前:Name_Not_Found :03/02/12 19:54 ID:???
なんていうか、教えてやるんだからって偉そうな奴ばっかりだな。
文句があるなら来なきゃいいですか?(^-^)






















817 名前:Name_Not_Found :03/02/12 19:55 ID:???

    ヽ::::::::::::::::::/              ::::::::        \::::|_
     ):::::::::::::::|              ::::*:::::        ヽ:|::::ヽ
     /::::::::::::::::|              ::;;;;:          l::::::::ヽ
    /::::::::::::::::::|             ノ::ii:ヽ::          l::::::::::|
    |::::::::::::::::::::|            /::::;リ:::l::::         |::::::::::::|
    |:::::::::::::::::::::l           ...l::::;リ:::/::         /:::::::::::::|
    .|::::::::::::::::::::::l          . /:ア/:::        /:::::::::::::::i
    l:::::::::::::::::::::::::l          ./::`^:::::        /:::::::::::::::::/
    ヽ::::::::::::::::::::::::l         /::::::::::        /:::::::::::::::::::/
     /:::::::::::::::::::::::l        /:::::::::::::      /::::::::::::::::::::::/
     /::::::::::::::::::::::::i __-ー--=;;;::::::::::::::  ....::::/:::::::::::::::::::::::/
    ./:::::::::::::::::::::::::::i":::::::::::::::  ヾ─ 、/"ヽ:/::::::::::::::::::::::::::::l
     ヽ::::::::::::::::::::::丶::::::::::   /   il   .ヽ:::::::::::::::::::::::::::/
       \::::::::::::::::::::ヽ:::::::  /    l !    ヽ:::::::::::::::::::/
         ii::::::::::::::::::` -::-/     / .i     ヽ::::::::/
          ----- ̄丶/     lヽ       ヽ/


818 名前:Name_Not_Found :03/02/12 19:58 ID:???
(・3・) アルェ〜 ここの住人てどっちもばかなのかNA?

819 名前:Name_Not_Found :03/02/12 19:59 ID:???
>>769
widthはブロック要素と一部のインライン要素にしか適用できません。
だから全体を<div>で囲うとかしかないと思います。
あとてめーが読みやすいと思うサイズが全ての人にとって読みやすいわけではない
ことがわかればもっとCSSを上手に使いこなせると思います。

820 名前:ぼるじょあ ◆ySd1dMH5Gk :03/02/12 20:00 ID:???
(・3・) エェー ぼるじょあよりばかがいるYO!

821 名前:819 :03/02/12 20:02 ID:???
荒れてるんで具体的に不便だと思う点を言うと、
ウインドウサイズ小さくしてる人は横スクロールバーが出る→これはかなりうざい
逆にウインドウサイズが大きい人も600pxで折り返されるのが読みづらいって
思う人もいるってことです。

822 名前:Name_Not_Found :03/02/12 20:12 ID:???
つまり、レイアウトは禁止と。

823 名前:ぼるじょあ ◆ySd1dMH5Gk :03/02/12 20:13 ID:???
(・3・) アルェ〜 ぼるじょあは荒らしてないYO!

          人 人 人
          (  Y Y  )
        /\__/
       / /    \
      / /       ヽ
   (⌒ /     ・ つ ・ |
  (  (6          |  / ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
   ( |     ー―  |  < ファックユー
      \        /    \_____________
       \____/   


824 名前:Name_Not_Found :03/02/12 20:17 ID:???
>>821
min-widthとmax-widthをきちんと実装しているブラウザ以外は無視する
というのであれば、横幅固定もいいかもしれないが。
今のところ、MozillaとOperaぐらい?

# min-widthとmax-widthで柔軟に対応するなら、そもそも横幅固定する
# 必要ないんじゃ、というのは内緒な。

825 名前:Name_Not_Found :03/02/12 20:18 ID:???
受験が終わったからかねぇ……

826 名前:Name_Not_Found :03/02/12 20:34 ID:???
幅固定ウゼーよ。

827 名前:819 :03/02/12 21:23 ID:???
>>822
いやwidth固定はよくないってことを言いたいだけで。
ってのはユーザにとってwidth固定はあまりにも閲覧の自由度が制限されるから。
つかレイアウトだって第一には見やすさを考慮するでしょ?
ならユーザーCSS使えって言うならそれは製作者としてどうかと思う。
>>824
max-widthを相対指定にするってことだよね?

828 名前:824 :03/02/12 21:24 ID:???
div {
width : 600px; /* 通常、幅は600px */
min-width : 90%; /* ただし、ウィンドウ幅の90%以上には広がらない */
max-width : 60%; /* また、ウィンドウ幅の60%以下には縮まらない */
}

これで、ウィンドウ幅が狭い場合も横スクロールバーは出ないし、
ウィンドウ幅が広い場合も、左右が極端に空くこともない。
ただし、IEは対応してない。

829 名前:Name_Not_Found :03/02/12 21:36 ID:cQWnnIAA
ttp://www.fromdfj.net/index1.html

↑のサイトのgreenというスタイルのCSSの段組の一番したの階層の
緑色はRGBカラーを教えてください。

CSSのソースを見てみたのですがわかりませんでした。

830 名前:819 :03/02/12 21:45 ID:???
>>828
なるほど。それなら横スクロールバーでなくていいね。
今使ってるPC800×600だから横幅600pxに固定されるとお気に入り表示した時に
横スクロールバー出るからさ。スレ違いか。

831 名前:Name_Not_Found :03/02/12 21:45 ID:???
>>829
「色取鳥」で検索。
あとは自分で頑張れ。

832 名前:824 :03/02/12 22:49 ID:???
>>830
自分で例示しておいてなんだが、正直、ここまでやるぐらいなら、
body { width : 90%; }
とだけ指定して、ウィンドウ幅が広くて読みづらいって奴は、自分で
エクスプローラバー(IE)なり、スライドバー(Netscape)なり、
ホットリスト(Opera)なりを出してお好みの幅に調節してもらった方
がいいな、と思わないでもない。

833 名前:Name_Not_Found :03/02/12 23:18 ID:???
スタイルシート使うヤツのレベルが下がってきてる。
頼むから、幅固定したいヤツは黙ってテーブルレイアウトしとけ。

834 名前:Name_Not_Found :03/02/12 23:34 ID:???
>>833
レベルの高かった昔でも幅固定しているページはあったけどな。

835 名前:Name_Not_Found :03/02/12 23:41 ID:???
CSSのレベルは今のところ2までしかない訳だが。



・・・あれ?違うの?(´Д`;)

836 名前:769 :03/02/12 23:50 ID:???
>>819
そうなんですか。
やっぱり、全体を囲むか・・・。
全ての方の満足のいくようにするにはなかなか難しいと思いますし、現実的にはどこかで
妥協も必要じゃないかと思うんです。僕の線引きは、大多数だと思うPCからIE・ネスケ・オペラでブラウジングしている
方で、少なくとも500px以上で閲覧する方々を対象にしたいと思っています。
レイアウトや技術的な面でも私の現状ではこれが精一杯ですし、それほど時間的な
余裕もありません。


>>821
横スクロールバー→少なくともそれ以上で見て欲しいと言うことなんです。たいていの方は500px以上の環境で
閲覧していると思うんです。

僕は横に画面イッパイに文字が拡がるのが読みにくいという感覚をもっていますし、
2ちゃんねるの書き込みでも改行をいれろという文句をたまに聞くので、たいていの方は
アル程度の幅が読みやすいんではないかと思うんですよ。

>>828
僕へのレスでしょうか。
親切にありがとうございます。

でも、IEユーザーを切り捨てるのはちょっと。

>>832
BODYへはwidth指定できないそうですよ。
それだと簡単でいいんですけどね。






837 名前:769 :03/02/13 00:07 ID:???
あ、言い忘れましたが、600pxじゃなくて、500〜600pxの間で
800×600の環境でお気に入りとかを拡げても多少余裕のあるサイズで幅を制限したいんですよ。
一応解像度を変えて確認もしてます。
これでもダメなんでしょうか。

確かに、大きい幅に固定されてスクロールバーが表示されると非常に見にくいですが、
それが幅固定が絶対だめとは僕は思いません。
当然、固定しない方が自由度が高いですし、中には画面いっぱいの横幅に拡げて読みたい方もいらっしゃるのかもしれませんが、僕的には通常文章に関して言えば限度によりますが、適度な幅というのがあると思うんです。
そして、その幅にあわせて画像や文のタイトルなども位置を合わせたいのです。
そうすると、表示する幅自体を固定するのが適当な方法だと思うんですよ。
そうすれば、画像などもalignでleftと指定できますし。(表示する幅を固定しなければ、本当に画面の左の端にいってしまって文章とずれてしまうんですよ・・・。数値で指定もできますが・・・。)



838 名前:819 :03/02/13 00:09 ID:???
>>836
おっけーわかりました。その辺は自己判断で。
ただ一個だけ質問させてください。煽りじゃないですよ。
確かに今多くの人は1024×768のディスプレイ使ってるとは思いますが、
その人達にとってみやすい幅が500pxとするならば、width: 50%、
つまりウインドウ最大で512pxくらいになるわけですがこれじゃだめなんですか?
逆に僕には幅を固定しなければならないコンテンツってのが想定できないんですよ。
どうしても見せたい画像が500pxあるとかならわからないでもないんですが。


839 名前:Name_Not_Found :03/02/13 00:13 ID:???
俺はウィンドウ最大化してブラウズすることなんて滅多にない。
幅固定は迷惑。こっちの好きなように調節させて欲しいと思う。

840 名前:819 :03/02/13 00:14 ID:???
あ、書き込んでるうちにレスが・・・
画像の位置はcssでやるべきじゃないですか?
ある程度自由な位置にレイアウトできますよ。

841 名前:Name_Not_Found :03/02/13 00:22 ID:???
>>838
ああ、それでもいいですね・・・。
あまりにも幅が狭い時にレイアウトが崩れちゃうのが嫌だったこともあって
固定がてっとりばやいかなと思ってたんです。
透明GIFでつっかえ棒して最低幅を指定するやり方(ダメらしいですが)を
前に使っていたのでスタイルシートに移行するにあたって、
横スクロールバーが出なければ幅固定でもイイかなと。

確かにどうしても固定しなければ行けないコンテンツなんかないですが・・・。
それ以前に本当にそれをネットで世界中に公開したいのかと問われると
困ってしまうようなコンテンツですが。

842 名前:769 :03/02/13 00:33 ID:???
>>839
いえ、だからそう言う方の場合も考慮してだいたい500pxぐらいなら
支障ないんじゃないかなと思ってるんですが・・・。
僕も最大化はしないです。

>>840
基本的にレイアウトは全てCSSでやってます。
ただ、数値でがちがちに固定するのはちょっと抵抗があるので、出来るだけ
親要素を基にして相対的に指定したいんですよ。(ここの所、幅固定と矛盾してますね・・・・)

ん?やっぱり、838さんの言うとおりでいいのかな・・・。
ちょっと実際に試してからまた来ます。
お騒がせしました。

843 名前:Name_Not_Found :03/02/13 00:41 ID:???
>>842
>いえ、だからそう言う方の場合も考慮してだいたい500pxぐらいなら
>支障ないんじゃないかなと思ってるんですが・・・。
だったら見る側が500pxぐらいにウィンドウをリサイズするだろーが。
親切だと思ってるようだが、はっきり言って余計なお世話だぞ。
自分が見やすいと思ったからと言って、他人もそう思うとは限らない。
見る側が調節できるという自由を奪ってどうする。文字サイズ固定と変わらんぞ。

844 名前:601 :03/02/13 00:52 ID:uq1keAKk
>>776
実際にはコンテンツ部分で15em分の幅を取っているため、
そこまで小さくなくてもはみ出てしまうんです。

>>784
透明の画像で幅を確保しようとしても駄目でした…。

845 名前:Name_Not_Found :03/02/13 00:53 ID:???
>>844
min-widthの使い方分かってる?

846 名前:Name_Not_Found :03/02/13 00:56 ID:???
>>845
IEで見てるんじゃない?

847 名前:Name_Not_Found :03/02/13 00:59 ID:???
>>842
おれ、タブブラウザ使っているから、左にエクスプローラバーがあるのよ
だから、幅は500pxも保てない

848 名前:Name_Not_Found :03/02/13 01:00 ID:???
>>846
いや、min-widthの代用の透明画像を使う、って事は、
「これ以上縮まないように」って事になるはずだけど、
601の言ってることは、「はみ出る」だから、上のやり方では解決しないと思って。

#透明画像の場合、大きいときは%指定、縮めてもこのサイズ以下にならない(改行されない)ように、みたいな使い方かな。

849 名前:819 :03/02/13 01:01 ID:???
>>843
最後に一つ。
色々試したらきっと相対指定のメリットに気付けると思います。
特にcssで凝った段組とかする時幅を相対指定したほうが
ウインドウサイズに依存せずにレイアウトできるし。
それと最初のほうのレスで煽りっぽいこと書いてごめんなさい。
がんばって。



850 名前:Name_Not_Found :03/02/13 01:05 ID:???
>>849
あんた、いいやしだな。

851 名前:843 :03/02/13 01:19 ID:???
>>849
さっきまでは利用者のことを考慮してる風な発言だったのに、
なぜ急に「作り手側の利便性」を述べ始める?
「気付ける」とか「がんばって」とかいちいち人を見下すのはやめてくれ。

852 名前:601 :03/02/13 01:35 ID:uq1keAKk
>>846
動作はIEとNNとoperaとmozillaで確認してます。

NNでは画像がはみ出て、IEだとdiv.page部分が画像サイズに固定され
横スクロールバーが出てウィンドウサイズから出るんですが、
文字だけウィンドウサイズに収まるという状況になってしまうんです。

>>848
透明画像を使ってもそれ自体が「はみ出て」しまいますからね…。

853 名前:819 :03/02/13 01:43 ID:???
>>851
いや基本的にレイアウトはCSSでやってるって言ってたからそれならと思って
アドバイスしたんだけど。
ウインドウサイズに依存しないレイアウト=利用者側のメリットだと思うし。
気に障ったならすまんです。

854 名前:Name_Not_Found :03/02/13 01:47 ID:???
なんかレス間違いでケンカになってないか

855 名前:Name_Not_Found :03/02/13 01:56 ID:???
>>854
俺もそう思った

856 名前:819 :03/02/13 01:57 ID:???
>>854
うわーほんとだ!>>849のレスの相手は>>842だった。
>>843ごめんなさい。つかどっちにしても>>849のレスは高圧的でいくない。
みんなまとめてごめんなさい。罰としてなんとか>>848の問題解決してみます。
…僕のスキルじゃ無理そうだけど。

857 名前:819 :03/02/13 01:59 ID:???
>>848でなくて>>852だった…
ごめんなさいごめんなさい。ついでにサーバに負荷かけてごめんなさい。
もうだめだ逝ってきます…

858 名前:Name_Not_Found :03/02/13 02:44 ID:???
>>857
がんばって。

859 名前:819 :03/02/13 02:49 ID:???
>>601
N7でdiv.page {min-width: 200px}で画像はみ出す?
やってみたけどちゃんと右側が200pxで収まってるけど・・・?
あととりあえず仕様通りwidthも指定しなきゃならないよね。

んでIE対策としてdiv.page h3{width: 200px}にしてつっかえ棒的にしてみたんだけど
<p>の幅がやっぱりおかしくなって駄目だった。
もう少しがんばってみるけど僕のスキルじゃ無理っぽい。

860 名前:819 :03/02/13 02:54 ID:???
今思いついたんだけど
<p><img src="200pxのgif">文章とか</p>
で駄目か?全然スマートじゃないけど。

861 名前:819 :03/02/13 03:06 ID:???
>>860
だめでした無視してください。
つかやっぱり無理でした・・・。でしゃばってすいません。

862 名前:Name_Not_Found :03/02/13 03:10 ID:???
俺はこいつの慌てぶりを楽しんでる

863 名前:819 :03/02/13 03:15 ID:???
>>862
楽しんでないでアドバイスくれよう

864 名前:Name_Not_Found :03/02/13 03:15 ID:TGBkfC81
あの、教えて下さい。
外部CSSファイルの中で、…} と、/**/ の間の空白(スペース)をいくつか
削る前と後で動作が全く変わるのは、なんですかこれは!!
もういやになりそうです。

865 名前:Name_Not_Found :03/02/13 03:16 ID:???
幅固定されるのが嫌な香具師はユーザー定義スタイルシートつかえ。

866 名前:Name_Not_Found :03/02/13 03:17 ID:???
>>864
意味不明.そのソース全部書け.

867 名前:769 :03/02/13 03:18 ID:???
>>838
さんのやり方で行くことに決めました。
ありがとうございました。


>>843
えー・・基本的にデザインに凝ったりしたいので(その是非については個人的なことなのでご勘弁を)
画面サイズはある程度固定したいわけで・・・。
それを前提として、できるだけ多くの人にも見ていただけるにはどうしたらいいかと思ってお聞きしています。
ですので、親切ではないです。 

閲覧できないなどの致命的なものや、大多数の方に不都合が生じる
場合を除いて、レイアウトと自由度とを比べるならばレイアウトを取らざるをえません。
僕が悩んでいるのはこの両者の釣り合いのことです。
自分の思い描いたレイアウトを実現すると同時に、できるだけ読み手側を配慮する。


・・・まあ、僕がウィンドウサイズに関係ないデザインを創れるようであれば最良なんですが。
それほどのデザインかよ!とかいうのはやめて下さい。

>>849
ありがとうございました。
解決しました。



868 名前:Name_Not_Found :03/02/13 03:18 ID:???
>>864
「/* */」の意味を理解して無いんじゃない?
他人のcssをコピペするだけじゃなく、
きちんと解説サイトで知識を身に付けることをオススメする。

869 名前:Name_Not_Found :03/02/13 03:22 ID:???
>>865
閲覧者側に押し付けてもなあ。

870 名前:Name_Not_Found :03/02/13 03:23 ID:???
説明かクレジットを消そうとしたわけか

871 名前:Name_Not_Found :03/02/13 03:24 ID:???
そのまま嫌になっちゃえばいいのに。

872 名前:Name_Not_Found :03/02/13 03:26 ID:???
コメント挿入が必須だと勘違いしてる様子だな

873 名前:Name_Not_Found :03/02/13 03:31 ID:???
なんですかこれは!!


874 名前:ぼるじょあ ◆ySd1dMH5Gk :03/02/13 03:33 ID:???
ウェブサイトを立ち上げると言うことは個人の表現方法の一つであり、アートである。つまり
それはその製作者自身であり、他人に迷惑をかけるモノでない限り他者はそれについて
好き嫌いは論じることができても、善悪の評価を下すことはできない。なぜなら、全ての人間において
善悪という価値を定めることは誰にも出来ないからである。自らを省みずに他人の人格を全否定するようなことができる
人間がこの世にいるであろうか。
よって、幅固定にかかわらず、文字サイズ固定、全ページFLASHなどについて
他人は好き嫌いといった評価はできても、個人的な善悪の判断による強制はするべきではないのである。
我々に出来るのは、そういった人々を正しい道へ誘導してあげるべく、アドバイスをすることだけである。

875 名前:Name_Not_Found :03/02/13 03:35 ID:???

論理破綻の典型的な1例

876 名前:Name_Not_Found :03/02/13 03:35 ID:???
>>873
スげータイミングだな?
予言者か?

877 名前:Name_Not_Found :03/02/13 03:36 ID:???
>>875
白痴の初期

878 名前:Name_Not_Found :03/02/13 03:38 ID:???
結局、実質的にもっとも多くのブラウザで安全にサポートされてるデザイン方法はテーブルであるのでテーブルを使ったレイアウトが現実的に最も安全な手段である。
●か×か?



879 名前:Name_Not_Found :03/02/13 03:39 ID:???
>>875
こういうのは「紋切り型」って言うんだよ。
既知のことを「である」調でもっともらしく言う、ってのね。

880 名前:Name_Not_Found :03/02/13 03:39 ID:???
>>874
一理あるよね。
確かに押しつけるべきではないかも。

881 名前:Name_Not_Found :03/02/13 03:40 ID:???
>ウェブサイトを立ち上げると言うことは個人の表現方法の一つであり、アートである。
商用サイトの立場は無視か

>全ての人間において善悪という価値を定めることは誰にも出来ないからである
おまいは悪

>自らを省みずに他人の人格を全否定するようなことができる人間がこの世にいるであろうか。
俺のこと?

>我々に出来るのは、そういった人々を正しい道へ誘導してあげるべく、アドバイスをすることだけである。
「正しい道へ誘導」は善悪という価値を定めてる


882 名前:Name_Not_Found :03/02/13 03:40 ID:???
>>878
▲かな。
レイアウトしない、がもっとも安全だよ。

883 名前:Name_Not_Found :03/02/13 03:41 ID:???
>>879
それが紋切り型っていうのか。勉強になった。でもここの住民は既知じゃないらしいね?基地外はいるみたいだけど。

884 名前:Name_Not_Found :03/02/13 03:42 ID:???
>>883
わからずにやってるのと、わかったうえでやってるのとの違いが分からないと「である」調がますます滑稽だよね。

885 名前:Name_Not_Found :03/02/13 03:42 ID:???
>>882
いくじなし

886 名前:Name_Not_Found :03/02/13 03:43 ID:TGBkfC81
他人のコピペやってませんが…。どうしてそんな事がわかるんだ?不思議だ。

887 名前:Name_Not_Found :03/02/13 03:43 ID:???
SGMLがもっとも安全だろ

888 名前:882 :03/02/13 03:44 ID:???
>>885
俺は振り分けてるんだけどね。
全ブラウザに同じ表示、って無理があると思うし、そこまで必要だとも思わんし。
必要なのは、見易さ、とかでしょ。

889 名前:Name_Not_Found :03/02/13 03:45 ID:???
>>887
変態

>>888
管理面倒

890 名前:Name_Not_Found :03/02/13 03:46 ID:???
>>889
CSSを振り分けるだけだろ。

891 名前:Name_Not_Found :03/02/13 03:46 ID:???
>>886
まだいたの?w

892 名前:Name_Not_Found :03/02/13 03:46 ID:???
>>886
きちがい

893 名前:Name_Not_Found :03/02/13 03:47 ID:???
>>892
レッテラー

894 名前:Name_Not_Found :03/02/13 03:47 ID:???
>>890
ネットスケイプなぞいれとうない
オペラなぞいれとうない


895 名前:601 :03/02/13 03:48 ID:uq1keAKk
>>859
min-widthでN6,7ではちゃんと表示できたのですが、
IE等多くのブラウザでは対応してないので結局問題の解決にはならないのです。

div.pageのwidthを指定したいところなんですが、
div.contentsで15emの幅を取っているため、%だと色々問題が出ますし、
固定するとウィンドウサイズがかなり限定されてしまいます。
なのでとりあえずwidth:auto;という形をとるしか…。

896 名前:Name_Not_Found :03/02/13 03:48 ID:???
>>893
ヤクザ

>>891
(・_ゝ・)フンフン ソレカラソレカラ?

897 名前:Name_Not_Found :03/02/13 03:49 ID:???
>>894
入れんでもフロートとマージン関係使わなかったら大概いけるような気もする。
俺が他の要素を盛り込んでないせいかも知れんが。

898 名前:Name_Not_Found :03/02/13 03:49 ID:???
>>891
そろそろ嫌になれよ

899 名前:891 :03/02/13 03:50 ID:???
>>895
div.pageのwidthを指定した方が後々楽でいいよ。

900 名前:Name_Not_Found :03/02/13 03:50 ID:???
>>895
フロートにオートっていけたっけ?

901 名前:Name_Not_Found :03/02/13 03:50 ID:???
分かった、ふり〜そざい☆だろ?
スペースとインデントの影響がわかんねーんじゃ。

902 名前:891 :03/02/13 03:50 ID:???
>>898
ああ、お前が反吐がでるほど嫌になったよ。

903 名前:Name_Not_Found :03/02/13 03:51 ID:???
>>902
ちょっと待て、891書いたの俺なんだが。
お前は俺か?

904 名前:891 :03/02/13 03:52 ID:???
>>903
俺はお前だ。
お前は誰だ?

905 名前:891 :03/02/13 03:53 ID:???
ちんぽこ

906 名前:Name_Not_Found :03/02/13 03:53 ID:???
>>904
もういいよ。

907 名前:891 :03/02/13 03:54 ID:???
これからずーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーと続くよ。

908 名前:Name_Not_Found :03/02/13 03:55 ID:???
NN7ってNN4に上書きされる?
されないんだったら入れたいんだけど。

909 名前:Name_Not_Found :03/02/13 03:56 ID:???
カスケーディングスタイルシートを使わずに配置を決めたいんですがテーブルの他に方法はないか?

910 名前:Name_Not_Found :03/02/13 03:58 ID:???
>>909
クリッカブルマップ。

911 名前:山田六郎 :03/02/13 03:59 ID:???
>>891
どっちの891にしろ消えろ


>>908
IE4がIE6に上書きされないか?
よく考えろ



912 名前:Name_Not_Found :03/02/13 04:00 ID:???
>>909
わがまますぎ。
クリッカブルマップでも使っとけ。

913 名前:Name_Not_Found :03/02/13 04:00 ID:???
>>911
されるやつとされないやつが存在するブラウザってのがあるから聞いてるんだけどな。
それ以前の知識の人は黙らっしゃい。

914 名前:Name_Not_Found :03/02/13 04:00 ID:???
>>910
ふざけているのか?

915 名前:Name_Not_Found :03/02/13 04:01 ID:???
>>914
他に方法あるか?俺はとりあえず思いつかん。

916 名前:601 :03/02/13 04:01 ID:uq1keAKk
>>899
指定はかなり難しいですねぇ。
数式とか使えたら別なんですが…。
100%-16emとか

>>900
floatは使ってません。

917 名前:Name_Not_Found :03/02/13 04:02 ID:???
>>909
>カスケーディングスタイルシートを使わずに配置を決めたい
この時点でスレ違いだと思うんだが。

918 名前:山田六郎 :03/02/13 04:04 ID:???
>>913
それが人にものを聞くときの態度か?
されないからいってるんだよ。
黙ってインストールしろ。

>>916
ファンデーションは使ってません。

919 名前:Name_Not_Found :03/02/13 04:04 ID:???
>>895
IEだとどうしても<p>の内容がウインドウの表示領域で折り返されるね。
widthは絶対指定しないと無理なのかも。役に立てずにごめん。
>>867
いや色々ごめんよ。

920 名前:909 :03/02/13 04:08 ID:???
>>917
確かにそうだな。ふざけてすまん

921 名前:山田六郎 :03/02/13 04:11 ID:???
どないにしろ、こんな夜分遅くまで起きとるやつにろくな奴はおらんわな。w
わしみたいに下の奴らだけ使う身分になるとこういう社会人らしからぬ生活も可能だが。(各爆)

922 名前:Name_Not_Found :03/02/13 04:14 ID:???
とりあえず一発ヌいといた。
夜中の不思議なテンションでムラムラする。

923 名前:Name_Not_Found :03/02/13 04:15 ID:???
男っていつもそんなことばっかりしてんの?

924 名前:Name_Not_Found :03/02/13 04:17 ID:???
たまたまだよ。
ちょうど最近ストレス溜まってたし、
これで気が紛れるなら安いものだ。

925 名前:Name_Not_Found :03/02/13 04:20 ID:???
ふーん、へんなの

926 名前:601 :03/02/13 04:28 ID:uq1keAKk
http://www.remus.dti.ne.jp/~a-satomi/nikki/tmp/dangumi.html
このページは相対指定なのに、なぜある程度縮めると途中でピタッと
幅が固定されるんでしょうか?

927 名前:Name_Not_Found :03/02/13 04:30 ID:???
>>926
透明gif


928 名前:Name_Not_Found :03/02/13 04:37 ID:???
今のところGIFとかPNGとかで固定するのが最も安全だよ

929 名前:601 :03/02/13 04:47 ID:uq1keAKk
透明GIFですか…。
うーん、画像で固定しても文章が改行されないのはなぜでしょうか…。

930 名前:Name_Not_Found :03/02/13 04:51 ID:???
(WзW;

931 名前:Name_Not_Found :03/02/13 04:54 ID:???
>>926
あれれ?
いま見てみたけど、お気に入りの幅を広げてもぴたっと固定されるなんてことなかったよ?
文字が縦2列くらいになると止まるようだけど。
IEでみると。

932 名前:Name_Not_Found :03/02/13 05:07 ID:???
>>929
画像で固定してるから改行されない

933 名前:Name_Not_Found :03/02/13 05:39 ID:???
背景画像を画面の左端と右端の2箇所に固定することは可能ですか?
画像ファイルは同一のものです。
┏━━━━━━┓
┃画像   画像 ┃
┃            ┃
┃            ┃
┗━━━━━━┛

934 名前:Name_Not_Found :03/02/13 05:50 ID:???
可能でしょう

935 名前:933 :03/02/13 05:54 ID:???
回答感謝いたします。
重ね重ねお手を煩わせる事になりますが、
それを実現する方法を教えていただきたく思います。

936 名前:Name_Not_Found :03/02/13 06:00 ID:???
わからないよ。
でしょうとかいたのはそのためです。

937 名前:Name_Not_Found :03/02/13 06:00 ID:???
もう寝た方がいいよ

938 名前:Name_Not_Found :03/02/13 06:24 ID:???
http://www.fromdfj.net/html/divsyndrome.html#symptom2
>CSS2では一つの要素に対して指定できる背景画像は今のところたったの1枚です
とかいてあるとおり、少なくとも一つの要素に対しての背景画像としては無理みたいです。
他の方法で可能だとは思いますが。わかりません。

939 名前:Name_Not_Found :03/02/13 07:02 ID:???
>>918
ようするに上書きされないのね。ありまと。

940 名前:Name_Not_Found :03/02/13 08:26 ID:???
こんなんでどう?
--------------------------------------------------
/* CSS、スタイルシート質問スレッド【15】 */

Cascading Style Sheetsの事で尋ねたいことがあったらこちらへどうぞ。
※ マターリ進行推奨 ※

■■■■■ 注意 ■■■■■
質問者 (特に「初心者」) は、
必ず【関連リンク】にある解説サイト (かなりわかりやすい) で
 勉 強 してください。

質問の前に、まず【FAQ】を参照してください。
【FAQ】でわからなかった場合は、過去ログを検索しましょう。
WinIEの場合は、[Ctrl+F]で検索できます。

また、IE などではまだ対応できていない要素などやバグが多数存在します。
ですので、【関連リンク】の「バグ辞典」に目を通しておきましょう。

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

【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

941 名前:Name_Not_Found :03/02/13 09:15 ID:???
>>935
<img src="画像のURL" width="希望する幅">
これでこれ以下の幅にならないでしょ。

942 名前:Name_Not_Found :03/02/13 09:25 ID:???
>>933
ためしたことはないけど,bodyに右側のバックグラウンドを指定して,
body直下にdivをおいて左側のバックグラウンドを指定して,中身はdivの中に書くってのはどうだ?
まあ,HTMLは汚くなるが.

943 名前:941 :03/02/13 09:38 ID:???
>>935
うわ、つっかえと勘違いしてた。すまん。
ちょっと作って見る。

944 名前:941 :03/02/13 09:42 ID:???
>>935
.waku{
border-width : 1px 1px 1px 1px;
border-style : solid solid solid solid;
border-color : black black black black;
width : 30em;
}
.hidariwaku{
width : auto;
float : left;
}
.migiwaku{
width : auto;
float : left;
}
.hidari{
float : right;
}

<DIV class="waku">
<DIV class="hidariwaku"><IMG src="aaa.gif"></DIV>
<DIV class="migiwaku"><IMG src="aaa.gif" class="hidari"></DIV>
本文</DIV>

945 名前:941 :03/02/13 09:43 ID:???
細かいミスが多いし汚いな。
<P>とかは補足してください。

こんなんじゃだめですか?

946 名前:Name_Not_Found :03/02/13 10:45 ID:???
( ゜д゜)ポカーン

947 名前:Name_Not_Found :03/02/13 10:46 ID:???
ポカーンの予感(´・ω・`)

948 名前:ぼるじょあ ◆ySd1dMH5Gk :03/02/13 11:27 ID:???
(・3・) アルェー 
     これにはぼるじょあもポカーンとしたYO

949 名前:Name_Not_Found :03/02/13 11:36 ID:???
あのねえ、馬鹿は回答しなくていいと思うんだ。

950 名前:Name_Not_Found :03/02/13 11:56 ID:???
禿同

ごめん 新スレ立てられなかった

951 名前:Name_Not_Found :03/02/13 12:32 ID:???
>946-949
じゃあ、あなたがたが教えてくださるのですか?
お願いします。

952 名前:Name_Not_Found :03/02/13 12:37 ID:???
(´-`).。oO(そして、誰も答えられなかったとさ…

953 名前:Name_Not_Found :03/02/13 12:52 ID:???
>951-952
>942

954 名前:Name_Not_Found :03/02/13 13:36 ID:???
>>942
実は、933は背景画像「固定」と言ってるので、
CSS2の仕様上、実現できないUAも存在するという罠。

955 名前:Name_Not_Found :03/02/13 13:55 ID:???
>941
( ゚д゚)ポカーン
ある意味感動しますた。

>933
同じような感じで上下バージョンでやってみたことがあるんだけど、
私はBODYの背景に上画像を指定して、中のコンテンツに下画像を指定しました。
動かないものをBODYに置いて、ウィンドウサイズに合わせたいものを下にって事で。
参考になるかな。

956 名前:Name_Not_Found :03/02/13 14:01 ID:???
941はあのリファレンスサイトの作者だろ

957 名前:Name_Not_Found :03/02/13 14:23 ID:???
 http://www.skipup.com/~l-_-l/web/
トップページ常時横スクロールバーが表示される

958 名前:Name_Not_Found :03/02/13 14:54 ID:???
新スレまだ?

おれ立てる?

959 名前:Name_Not_Found :03/02/13 15:21 ID:???
俺が立てる

http://pc2.2ch.net/test/read.cgi/win/1033128107/

960 名前:Name_Not_Found :03/02/13 15:54 ID:???
>>958 おながいします
>>959 偽スレッドにご注意

961 名前:958 :03/02/13 17:29 ID:???
たてたよ

/* CSS・スタイルシート質問スレッド【15】 */
http://pc2.2ch.net/test/read.cgi/hp/1045124732/

連続投稿ですか?って出て苦労した。
もうちょっとテンプレまとめた方がよかったなぁ

962 名前:Name_Not_Found :03/02/13 20:00 ID:???
埋め?

963 名前:長ったらしい(このスレの)1のテンプレ書いたものです :03/02/13 21:20 ID:???
16の時はテンプレをもう少し圧縮してほしい。
厨の季節も近づいてきたけど、
今の>>1はあまりにも長い。長すぎる。
そしてごちゃごちゃしている。
誰か改正案きぼんぬ。

15になってよくなった。15スレの壱、ありがとう。

964 名前:955 :03/02/13 23:46 ID:???
あれ。間違えてた!
>941さん、失礼しました。
>956さん教えてくれてありがとう。

965 名前:601 :03/02/14 00:02 ID:UbAWoFgQ
色々サイトを巡って調べたんですが、どうやらDIVの背景から画像がはみ出たり
するのは、CSSの仕様なのですね…。

966 名前:Name_Not_Found :03/02/14 00:10 ID:???
そんな仕様あるか

967 名前:601 :03/02/14 00:15 ID:UbAWoFgQ
ここに書いてありました。
http://dhr.tripod.co.jp/stylebug21.htm

968 名前:Name_Not_Found :03/02/14 00:18 ID:???
>>967のどこにそんな仕様だと書いてあるのか

969 名前:601 :03/02/14 00:25 ID:UbAWoFgQ
>>968
C:幅を定めた背景から、文字がはみ出してしまう
というところ。

970 名前:Name_Not_Found :03/02/14 02:58 ID:???
>>933
これ前から気になって、しようがなかったんだよね。

結局、綺麗に(ソース・Strictは別として見た目だけ)両サイドに背景画像を指定する方法は
frameにたよる。3分割して、両サイドに背景画像。非推奨属性使いまくる。

CSSスレでこんなレスで申し訳ないけど、これひかおもひつかなひ。



971 名前:Name_Not_Found :03/02/14 03:15 ID:???
>>970
変換できないんですか?
ちんこですよ。そんなのチンコです。


972 名前:Name_Not_Found :03/02/14 03:16 ID:???
<h1 class="title">あいうえ<span style="font-size:150%">お</span></h1>

としたときspanでのstyle指定って1つしかできないの?
「お」のfont-weightも指定したいんだけど。

973 名前:Name_Not_Found :03/02/14 03:18 ID:???
>>972
<h1 class="title">あいうえ<span style="font-size:150%; Font-weight:**;">お</span></h1>
<P>下半身もだえ組</P>

974 名前:Name_Not_Found :03/02/14 03:24 ID:???
>>971
変換って何を何に変換するの?

975 名前:Name_Not_Found :03/02/14 03:25 ID:???
>>974
夢を金に

976 名前:Name_Not_Found :03/02/14 03:26 ID:???
>>973
速レスサンクス。
セミコロンか・・・。スタイルシートの基本中の基本か・・・
ウツダシノウ

977 名前:Name_Not_Found :03/02/14 03:27 ID:???
>>975
あっそ

978 名前:Name_Not_Found :03/02/14 03:30 ID:???
>>976
複数無くても、普段からつけて置いた方がいいですよ。

>>977
聞いておいてそれはなかろう。


979 名前:Name_Not_Found :03/02/14 03:38 ID:???
>>978
マジレスかYO!!意味わかんねぇ・・・


980 名前:Name_Not_Found :03/02/14 03:40 ID:???
>>979
何の意味がわからないの?

981 名前:Name_Not_Found :03/02/14 04:30 ID:???
せっかくだから埋めついでにくだらない質問。
みんなNN4にはスタイルシート読ませてる?
俺のサイトはNN4にもし読ませたらレイアウトは激しく崩れまくるけど
文を読むだけならさほどの支障はない。
この場合読ませたほうがいい?
素のhtml表示っつーのも少しさびしい気がするし。

982 名前:Name_Not_Found :03/02/14 07:29 ID:???
好きなようにやればいい。俺は読ませてない。

983 名前:Name_Not_Found :03/02/14 09:53 ID:???
>>981
ネスケ4の中でも初期のバージョンは特に不安定
(CSS読んだせいで落ちたりする)らしいので、
読ませない方が無難ではある。
そんなバグだらけのブラウザしらねえよ!
と開き直るのもひとつの手。
ちなみに俺は、レイアウトが崩れるだけで
なくて読めなくなるようなスタイルを適用
してるので、@impoでネスケ4は避けてる。

984 名前:Name_Not_Found :03/02/14 10:21 ID:???
N4でもそれ以外でも適用できるCSSを探し続けるのもオツ.

985 名前:Name_Not_Found :03/02/14 10:54 ID:???

  /* CSS・スタイルシート質問スレッド【15】 */
http://pc2.2ch.net/test/read.cgi/hp/1045124732/

        新規の質問は新スレでNE
 
 

986 名前:Name_Not_Found :03/02/14 11:50 ID:???
>>984
すべてのバージョンで試せる環境が整ってるならな。

987 名前:Name_Not_Found :03/02/14 14:31 ID:???
>>985
いや本筋とちょっと違う質問だから埋めついでにさ。

ちなみにうちもmedia属性でNN4は切ってる。
もし生かしたとしても効いてるスタイルは文字色と背景色とfloatくらい。(NN4.8で確認)
border関係は全滅。widthもおかしくなる。スタイルの継承もだめだめ。
>>983 >>986
確かにNN4といっても一括りにできないもんね。
無難に無効にしときます。

988 名前:Name_Not_Found :03/02/14 16:29 ID:???
>>986
TopStyle

989 名前:Name_Not_Found :03/02/14 18:23 ID:???
ブラウザの端から端まで線引くにはどうすればいいでしょう?

------------------------------------------------------------------------------
端から端まで線を引く
------------------------------------------------------------------------------

990 名前:Name_Not_Found :03/02/14 18:33 ID:???
<HR STYLE="width:100%;">

991 名前:Name_Not_Found :03/02/15 12:19 ID:???
1000!

992 名前:Name_Not_Found :03/02/15 19:34 ID:7OIm6Fru
        ∧  ∧
        |1/ |1/
      / ̄ ̄ ̄`ヽ、
      /   ,,     ヽ
      /  丿  \    |
     | (●) (●)   |
     /          |  さすがのムーミンも
   /        ^   |
   {         /|   |  このスレには
    ヽ、.    /丿ノ   |
      ``ー――‐''"    |  呆れ果てているようです
      ./         . | |
 (⌒―|          | ゙―^⌒)
 . ̄ ̄|          ̄ ̄| ̄


993 名前:Name_Not_Found :03/02/15 19:42 ID:???
\______  ______________________/
           ○
      モワモワ   O 。
                 , ─ヽ
________    /,/\ヾ\   / ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
|__|__|__|_   __((´∀`\ )< というお話だったのサ
|_|__|__|__ /ノへゝ/'''  )ヽ  \_________
||__|        | | \゚д゚) / 丿/
|_|_| 从.从从  | \__ ̄ ̄⊂|丿/
|__|| 从人人从. | /\__/::::::|||
|_|_|///ヽヾ\  /   ::::::::::::ゝ/||
────────(~〜ヽ::::::::::::|/        = 完 =


DAT2HTML 0.26 Converted.