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

このエントリーをはてなブックマークに追加
952Name_Not_Found:2006/02/13(月) 15:13:46 ID:???
>951
firefoxは<html>にborderなどを適用してもレンダリングされるのに対し、
ieでは<html>では効かず<body>に適用するとレンダリングされるのと根っこは同じか。
firefoxは<html>以下をレンダリングする仕様で、
ieは<body>以下をレンダリングする仕様ってことかな。
www.w3.org/TR/CSS21/のDefault style sheet for HTML 4.0を見たら、
> html, 中略, body, 中略, { display: block }

> head { display: none }
があってhtmlやheadにもスタイルの適用・上書きが可能っぽいから
firefoxの動作が正しいのかも試練。
と思ったらieだと<html>にスタイルが適用されないのはバグ辞典にあった。
> Internet Explorer (Windows) CSSバグリスト
> ttp://cssbug.at.infoseek.co.jp/detail/winie/b142.html


適当な思い込みなので詳しい人よろ↓


953Name_Not_Found:2006/02/13(月) 15:16:24 ID:???
<div>あいうえお</div>
<div>おえういあ</div>
ってやって
===========
あいうえお
おえういあ
===========
ってなるのをdivのまま
===========
あいうえお おえういあ
===========
って表示する方法があれば教えていただけないでしょうか?
954Name_Not_Found:2006/02/13(月) 15:17:09 ID:???
>firefoxは<html>にborderなどを適用してもレンダリングされるのに対し、
>ieでは<html>では効かず<body>に適用するとレンダリングされるのと根っこは同じか。
IEでも普通にHTMLにborder出ますが、何か。
955Name_Not_Found:2006/02/13(月) 15:17:40 ID:???
>>953
テンプレ読んだ?
956Name_Not_Found:2006/02/13(月) 15:18:15 ID:???
>>954

>>952
> Internet Explorer (Windows) CSSバグリスト
> ttp://cssbug.at.infoseek.co.jp/detail/winie/b142.html
IE5.x限定らしい
957952:2006/02/13(月) 15:29:02 ID:???
>954
ごめん956が言ってくれてるけどie6未満の話っす


952は適当な思い込みなので詳しい人よろ↓


958Name_Not_Found:2006/02/13(月) 15:31:55 ID:???
お前らそこに辿り着いてて何でこれを出さないんだ
http://cssbug.at.infoseek.co.jp/detail/winie/b090.html
959Name_Not_Found:2006/02/13(月) 15:32:53 ID:???
>>958
詳しい人乙
960Name_Not_Found:2006/02/13(月) 15:37:14 ID:???
>>951
コンテンツとしてタイトル文字を出したいのなら、
<body>の内側に、<h1>とか、<title>とは違う要素で入れてスタイル定義すべき。
961Name_Not_Found:2006/02/13(月) 15:38:18 ID:???
>>960
h1要素には〜を書くべきだ、title要素には〜を書くべきだ、といった方面の人だと思う。
962Name_Not_Found:2006/02/13(月) 15:38:55 ID:???
ふむ
963946:2006/02/13(月) 16:07:35 ID:???
>>952-961
レスどうもありがとうございます。
CSSバグリストに載っていたんですね。
根本的に間違っていました。本当にすみませんでした。
964Name_Not_Found:2006/02/13(月) 16:10:43 ID:???
根本的に許す
965Name_Not_Found:2006/02/13(月) 16:17:04 ID:???
「根本的に」は流行らない
966Name_Not_Found:2006/02/13(月) 17:59:43 ID:???
本当に許す
967Name_Not_Found:2006/02/13(月) 22:16:51 ID:TUTfUHe8
なんか作ったリストが指定の位置からずれて表示
(マウスオーバーすると指定した位置に収まる)されるバグが
あったんスけど

本に載ってたheight;1% を指定する技で解消出来ました。
ホリーハックって言うんですね。
考えた奴すげえ。
968Name_Not_Found:2006/02/13(月) 22:19:04 ID:???
>>967
きみはすばらしいよ!きみのレスはぜひテンプレにいれよう!
969Name_Not_Found:2006/02/13(月) 22:57:04 ID:???
970Name_Not_Found:2006/02/13(月) 23:33:35 ID:???
>>967
そういうのは枝葉。これが幹。
http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/haslayout.asp
例えば、
display: inline-block;
みたいな、ちょっと訳分からんようなスタイル宣言でも良い。
上記MSサイトにあるように、スクリプトで
....currentStyle.hasLayout
を読んでみて、true であるかどうかが重要。
971Name_Not_Found:2006/02/13(月) 23:48:31 ID:TUTfUHe8
ハズッ。未熟でした。
972Name_Not_Found:2006/02/14(火) 00:05:59 ID:dRx0Keny
CSSのプロパティで、background-attachment , position の
値を fixed にするとスクロールが滅茶苦茶重くなるのは何故ですか?
973Name_Not_Found:2006/02/14(火) 00:07:54 ID:???
>>972
IE以外でも?
974Name_Not_Found:2006/02/14(火) 00:08:42 ID:???
>>972
内容は動かす、でも背景は動かさない、
という動作のためにCPUがいっぱい計算が必要になるから。
普通にWindowsでもアニメーション機能ONにすると重くなるでしょ。
975Name_Not_Found:2006/02/14(火) 00:23:08 ID:dRx0Keny
>>973
当然。Firefoxも重い。

>>974
まさか、スクロールするたびにレンダリングしてるとか?
976Name_Not_Found:2006/02/14(火) 00:29:47 ID:muUp+BHf
外人のオッサンが書いているcssの本は使えるのでしょうか?
おススメがあったら教えてください。
自分は初心者に毛が生えたような生えないような感じです。
977Name_Not_Found:2006/02/14(火) 00:30:47 ID:???
ブラウザによっても違いが出るよな。

IEだとtableがやたら多い場合にスクロールがガクガクするし。
gecko系とOperaだと問題なかったり。
978Name_Not_Found:2006/02/14(火) 00:39:27 ID:dRx0Keny
まぁ、原因は良く分からないですね。
とりあえずユーザスタイルシートで対処します。
979Name_Not_Found:2006/02/14(火) 01:04:39 ID:???
>まさか、スクロールするたびにレンダリングしてるとか?
?(´д`)

>>976
本なんか買う必要ないよ。
ttp://www.k2.dion.ne.jp/~spag/
ttp://pasokon-yugi.cool.ne.jp/website_kouza/
ttp://www.asahi-net.or.jp/~jy3k-sm/css1/2003maki/
ttp://hp.vector.co.jp/authors/VA022006/
980Name_Not_Found:2006/02/14(火) 01:15:40 ID:???
>>976
出版物だと『web標準デザインテクニック即戦ワークブック』は
結構いいと思う。Dan Cederholm著で監修はミツエーリンクス。
981Name_Not_Found:2006/02/14(火) 02:35:09 ID:???
次スレッド誰か立てて。私はホスト制限で立てられない。
新スレッドに移行するまでのつなぎの間に合せには、下記も再利用できる。
http://pc8.2ch.net/test/read.cgi/hp/1137080639/l50
982Name_Not_Found:2006/02/14(火) 10:54:15 ID:???
あ〜〜あ 俺も駄目だった。

  ↓次の人 ヨロ
983Name_Not_Found:2006/02/14(火) 12:07:50 ID:???
/* CSS・スタイルシート質問スレッド【52nd】
http://pc8.2ch.net/test/read.cgi/hp/1139885961/

間違ってたら悪い。
984Name_Not_Found:2006/02/14(火) 12:14:21 ID:???
>983
乙カレー
985Name_Not_Found:2006/02/14(火) 12:26:26 ID:???
あ、スレタイトルからしてコメント閉じ忘れてるや・・・orz
986Name_Not_Found:2006/02/14(火) 12:32:33 ID:???
1000とったやつが*/書けばいい
987Name_Not_Found:2006/02/14(火) 12:40:26 ID:8SJ7hGng
>>983さん 乙華麗様です
988Name_Not_Found:2006/02/14(火) 12:42:37 ID:8SJ7hGng
基本的な質問ですみません。

1つの外部cssの中に body { hogehoge } が多数書かれていて
値がそれぞれ違う場合、HTMLの中ではどのbodyが優先して使われますか?
989Name_Not_Found:2006/02/14(火) 12:44:44 ID:8SJ7hGng
例えば、

body { text-size:10px }

〜中略〜

body { text-size:20px }

〜中略〜

body { text-size:30px }

が hogehoge.css に記入されていた場合、
この hogehoge.css をリンクしたhtmlの文字サイズは何ポイントになるでしょうか?
990Name_Not_Found:2006/02/14(火) 12:54:04 ID:???
自分でちょっと試してみ?
3分で出来るから。
991Name_Not_Found:2006/02/14(火) 12:56:24 ID:???
>>989
px と pt という単位について調べてみろ.


>>990
試しちゃ駄目。
IEはCSSの実装がバグだらけでIEで動いたからといって正しい挙動とは限らないから。

適当に書いてブラウザで見て動いた、それで満足するのが一番悪いやりかた。
となりの人が使ってるブラウザだとデザインが崩れたり文字が極端に小さくなってるかもしれないからね。
992Name_Not_Found:2006/02/14(火) 13:01:19 ID:???
text-sizeって何?
993Name_Not_Found:2006/02/14(火) 13:01:53 ID:???
>>989
最後の値で上書きされる。
これはインポートされた場合でも同じ。
994Name_Not_Found:2006/02/14(火) 13:04:58 ID:8SJ7hGng
>>910さん
実験では一番下に書かれた物が採用されてました。

>>991さん
ひーん。どうしたらいいんでしょう。(;;)
995Name_Not_Found:2006/02/14(火) 13:07:18 ID:8SJ7hGng
>>991さん
pt と px は書き間違いでした。orz
何pxになるか知りたかったんです。(;;)

>>992さん
font-size: ですorz

>>993さん
ありがとうございます。
複数のファイルをリンクした場合でも一番下が有効ですか?
996991:2006/02/14(火) 13:11:00 ID:???
>>995
そりゃ、一番下に書いたのが適用されるだろ。。。
997Name_Not_Found:2006/02/14(火) 13:15:36 ID:???
「カスケーディング」スタイルシートだからね
998Name_Not_Found:2006/02/14(火) 13:19:03 ID:8SJ7hGng
適用されました!
ありがとうございますー。。・゚・(ノД`)・゚・。
999Name_Not_Found:2006/02/14(火) 13:31:16 ID:???
/* CSS・スタイルシート質問スレッド【52nd】
http://pc8.2ch.net/test/read.cgi/hp/1139885961/l50 */
1000Name_Not_Found:2006/02/14(火) 13:33:11 ID:???
次スレの>>1
10011001
このスレッドは1000を超えました。
もう書けないので、新しいスレッドを立ててくださいです。。。