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

FTP、CGI、SSI、telnetが自由に使える超高速レンタルサーバ。

工夫しだいで、楽しさ１００倍。　www.binboserver.com

◆ 月額千円サーバ | ◆ サブドメインコース | ◆ BIGなサーバ

◆ サブドメインコース：CGIやFTPが使いたい・お金を掛けたくない人のために。
*****.syo-ten.com *****.gasuki.com *****.zansu.com
お好きな名前を無料で使えます。早い者勝ち。

◆ 月額千円サーバ：.com .net .org で取得できます。.JPドメイン大歓迎！
超高速・高機買Tーバを1000円で！使ってみれば、分かります。

◆ BIGなサーバ：Big なBig なサーバー。充実したサポートをお求めの方へ。
インターネットでご活躍の皆様へ、そしてご活躍予定の皆様へ。
２ちゃんねるは、このサーバを使っているです。

■掲示板に戻る■ ■過去ログ倉庫めにゅーに戻る■

1 名前： Name_Not_Found 投稿日： 02/03/07 13:20 ID:6Aovzz73: Cascading Style Sheetsの事で尋ねたいことがあったらこちらへどうぞ。
関連スレやリンクは>>2-5あたりに。
【過去ログ】
　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/test/read.cgi/hp/1011358982/l50
http://www.hayariki.com/
【CSSと特に関係ない初心者質問はこっちで】
　☆　Webサイト制作初心者用スレッドver15　☆
　http://pc.2ch.net/test/read.cgi/hp/1015408754/l50
2 名前： Name_Not_Found 投稿日： 02/03/07 13:22 ID:6Aovzz73: 【関連スレ】
・CSS/DHTMLバグ辞典スレッド ver2.0
　http://pc.2ch.net/test/read.cgi/hp/991666454/
・/* CSSでイケてるデザインサイト { number: 3; } */
　http://pc.2ch.net/test/read.cgi/hp/1010800617/
・* CSS { イケてるスタイルを："作れ";}
　http://pc.2ch.net/test/read.cgi/hp/991906104/
・代替スタイルシートに萌え～
　http://pc.2ch.net/test/read.cgi/hp/991400015/
・CSSコミュニティの功罪を評価するスレ　3rd style
　http://pc.2ch.net/test/read.cgi/hp/1010065020/
3 名前： Name_Not_Found 投稿日： 02/03/07 13:22 ID:6Aovzz73: 【仕様書】
・CSS1の仕様書の原文(英語)
　http://www.w3.org/TR/REC-CSS1-961217.html
・CSS2の仕様書の原文(英語)
　http://www.w3.org/TR/REC-CSS2/
・CSS1の仕様書の翻訳(日本語)
　http://www.y-adagio.com/public/standards/css1/toc.htm
・CSS2の仕様書の翻訳(日本語)
　http://www.y-adagio.com/public/standards/tr_css2/toc.html
4 名前： Name_Not_Found 投稿日： 02/03/07 13:22 ID:6Aovzz73: 【その他資料など】
・W3C CSS 検証サービス
　http://jigsaw.w3.org/css-validator/
・ごく簡単なHTMLの説明
　http://www.kanzaki.com/docs/htminfo.html
・ZSPC - Style Sheets Reference
　http://www.zspc.com/stylesheets/
・ZSPC - CSS2対応状況ガイド
　http://www.zspc.com/documents/css2/
・CSS1テストスイート
　http://www.doraneko.org/css1test/
・とほほのスタイルシート入門
　http://tohoho.wakusei.ne.jp/wwwcss.htm
・ばけらの CSS リファレンス
　http://www.ne.jp/asahi/minazuki/bakera/html/css/reference
・K@tsukun's PAGE! > CSS Reference
　http://hp.vector.co.jp/authors/VA022006/css/index.html
・三日坊主＋＋の部屋
　http://east.portland.ne.jp/~sigekazu/
・CSS Laboratory対応表・一覧
　http://www.inter-cool.net/~phantasm/wdzone/note/index.html
5 名前： Name_Not_Found 投稿日： 02/03/07 14:31 ID:08HpmKhW: すいません、非常に厨房な質問なんですが、
行間を130%にするのもスタイルシートなんでしょうか？
<style type="text/css">

</style>
という感じなんですが。

あと、なんでCSSとかスタイルシートって嫌われるんですか？
出来れば教えてください。
6 名前： Name_Not_Found 投稿日： 02/03/07 14:39 ID:1ORM0xjg: >行間を130%にするのもスタイルシートなんでしょうか？
スタイルシートです。

>あと、なんでCSSとかスタイルシートって嫌われるんですか？
年寄りに嫌われるようです。ナウなヤングはCSSを使います。
7 名前： Name_Not_Found 投稿日： 02/03/07 14:43 ID:nPcNxAVX: >>5
>あと、なんでCSSとかスタイルシートって嫌われるんですか？

>>6と被るが、HTML2.xをやっとこさ覚えた年寄りが
自分が時代の波に乗り遅れてるのに対して逆切れしているのです。
8 名前： Name_Not_Found 投稿日： 02/03/07 14:47 ID:Hk1TJvOX: ↑

時代の波とかいう問題とは違うだろ
9 名前： Name_Not_Found 投稿日： 02/03/07 14:49 ID:++mR21Si: >>5
CSS使った方が楽だよ。
嫌ってるのは懐古主義者達だよ。
10 名前： Name_Not_Found 投稿日： 02/03/07 14:51 ID:nPcNxAVX: >>8
すまん、言い過ぎた。
11 名前： The鬼 ◆ZK/7506A 投稿日： 02/03/07 14:51 ID:VyhAQ8Q2: やっぱりNN4が原因では？
12 名前： Name_Not_Found 投稿日： 02/03/07 15:16 ID:NMuJJa8R: NN4は読めない？
対応してないブラウザってけっこうあるの？
13 名前： Name_Not_Found 投稿日： 02/03/07 15:21 ID:vQTPhMgp: 対応してないのではなくて、中途半端に対応してるせいで、
余計にひどいことに…　というブラウザが多い。
NN4,iCab,OmniWeb,Opera...
はっきり言ってIEもマトモには対応していない。
わりとマトモに思えるのはMozilla/N6くらいのものだが、
一番普及してるのはIEなので、間違った書き方が蔓延すると。
14 名前： Name_Not_Found 投稿日： 02/03/07 15:22 ID:hqVgiVI8: >>5
1. NN4 に代表される過渡期ブラウザ、全く未対応の HTML3.2 ブラウザ。
ていうかバグのないフルサポートブラウザがまだ存在しない。
2. バグかそうでないかを直感的に判断できないケースが意外と多く、
調べてみても仕様で定義しない部分が結構ある。
3. そのうえユーザの選択で OFF にしたり上書きしたりできる。

一口に言えば、 CSS というのは実装に強く依存する技術なので
気に入らないという人もそりゃあ存在するわけです。
15 名前： Name_Not_Found 投稿日： 02/03/07 15:29 ID:Hk1TJvOX: ＞CSS というのは実装に強く依存する技術なので

なんだってそうだろ
16 名前： 14 投稿日： 02/03/07 15:30 ID:hqVgiVI8: >>15 われながらそりゃそうだと思った(w
17 名前： Name_Not_Found 投稿日： 02/03/07 15:30 ID:CDZGoxHu: ＞実装に強く依存する技術
HTMLによるデザインだってなんだってそうだろ
UA介してるんだからUAの実装に左右されるのは当たり前

>>5は「嫌いだ」っつう奴に聞き返せばいいんだよ
世間が揃いも揃って嫌いならこんなスレ自体が成り立たないと思わないのか？
>>5はネタじゃなきゃ相当抜けてるアフォだ
18 名前： 17 投稿日： 02/03/07 15:31 ID:CDZGoxHu: しくじったｗ
19 名前： 年寄り扱いされそうな年齢のxhtml1.1+CSS使い 投稿日： 02/03/07 15:36 ID:xzvbWT7n: >>6
>>7
年寄りっていくつからよ？
20 名前： Name_Not_Found 投稿日： 02/03/07 15:40 ID:Hk1TJvOX: >>19
より良いものが出ても、なんとなく新しいものを使うのが嫌だと思うようになった時から
21 名前： 7 投稿日： 02/03/07 15:40 ID:nPcNxAVX: >>19
NN3以前を使ったことのある人ということにしておく。

俺？NN1.2からの年寄りでxhtml1.1+CSS使いです。
22 名前： ネタなのでsage 投稿日： 02/03/07 15:41 ID:C+LOrryz: >>19
挑戦することをやめた時から。
23 名前： 6 投稿日： 02/03/07 15:43 ID:1ORM0xjg: >>19
CSSをカコイイと感じるセンスがあれば、若者です。
24 名前： Name_Not_Found 投稿日： 02/03/07 16:08 ID:nCMTPoYs: 何か微妙にｲｲ感じのネタスレになっているような。
25 名前： 年寄り呼ばわりでもいいやと思えてきた xhtml1.1+CSS使い 投稿日： 02/03/07 16:46 ID:xzvbWT7n: >>20
なんとなくってことはないな、俺の場合。
>>21=6
初めてHTMLを書いた頃はNNはまだ3だったな。でも使ったことはない。
>>22
ふ～ん
>>23=6
CSSはｶｺｲｲとかでなくて、便利だと思う。
てゆーか、若者と呼ばれるのは、年寄りと呼ばれるよりもｲﾔ。
26 名前： いいもの見つけた！！ 投稿日： 02/03/07 17:21 ID:Yw6uCtKM: ＨＴＭＬ？そんなの要らない！ビルダー？ソフトなんて要らない！だけど、ＨＰが作れちゃう！！
Ｗｅｂ上でＨＰ作るんだって。デモ版があって使ってみたけど、すっごく簡単にＨＰ作れちゃった。
みんな、見てみて！ＵＲＬ http://www.acc.co.jp
ビルゲイツまで載ってたよ！
27 名前： The鬼 ◆ZK/7506A 投稿日： 02/03/07 18:08 ID:VyhAQ8Q2: 誰が何と言おうと春です。
28 名前： Name_Not_Found 投稿日： 02/03/08 05:45 ID:0AHlzIaK: ナウなヤングですが
" style="display: inline;"
これの指定でダンゴができるのプラウザは
どれくらいあるのでしょう？
29 名前： Name_Not_Found 投稿日： 02/03/08 09:36 ID:rzqf2C+2: >>28
意味がわかりません
30 名前： Name_Not_Found 投稿日： 02/03/08 10:55 ID:DkmZtPnZ: Strictスレッドから誘導されてきました。
http://pc.2ch.net/test/read.cgi/hp/1013818251/373-

表全体の幅は任意として、表のセル幅を各100pxにしたいとします。
table,td {border:1px solid red;}
<table>
<tr>
<td width="100">100px</td><td width="100">100px</td>……以下10回繰り返す
</tr>
</table>
これだと、ウィンドウ幅が100px×10より狭かった場合には
table幅を100%とするのを優先して、各セル幅は100pxより狭く圧縮されます。
そこで<td width="100" nowrap>100px</td>とすると、WinIE6では狙った通りに
各セル幅は100%になり、且つ窓幅が狭いときは横スクロールが発生してくれます。
しかしOpera6やNetscape6.21ではやはり窓幅が狭いときにtdの幅も狭くなります。
ここで、よりStrictにすべく、各td要素からwidth属性・nowrap属性を取っ払って
スタイルシートで td {width:100px; white-space:nowrap;}と指定してみましたが、
こんどはWinIEでもtable全体の幅を100%にするのを優先してしまってダメ。
その代りにOperaでは意図した通りになってくれました。
しかし<td nowrap>100px</td>に対して適用させるとちゃんとIEでもセル幅100pxを
維持してくれます。nowrapをHTMLで指定してあればなぜか大丈夫なのです。
一応これでOperaとIEはなんとかなったわけですが、Netscape6/Mozillaのみ表示が一致しません。
HTML4.01仕様書邦訳を読んでみたものの、セル幅をどう表示するのが正しいのか、わかりません。
そこでテーブルの幅計算の原理とそれへの対処法をお訊ねする次第です。
31 名前： Name_Not_Found 投稿日： 02/03/08 11:08 ID:Wr0vXb5m: >>30
tableの幅を指定しる
32 名前： 30 投稿日： 02/03/08 11:29 ID:AIgO2IQe: >>31
「表全体の幅は任意として」やりたいんです。
table{width:100%}とすると、やはりウィンドウ幅が十分でない時に
td {width:100px}が保たれなくなりますから。
つまり、tdの幅を一定に保つことを優先したい場合はどうすればいいのかってことですね。
33 名前： 31 投稿日： 02/03/08 11:36 ID:Wr0vXb5m: >>32
なんでtdの幅が固定でtdの数も固定なのにtableの幅が任意?
table {width:1100px;}
とか指定しる
34 名前： Name_Not_Found 投稿日： 02/03/08 11:38 ID:UBMBGYkB: >>30
td nowrap や white-space:nowrap は空白文字で改行しないというだけだけら
もともと内容の幅が 100px に満たない状態で
そんなのがレンダリングに影響与えるのはヘンな実装。
35 名前： Name_Not_Found 投稿日： 02/03/08 11:42 ID:ZKSdtaZC: >>32
目的の幅より大きい場合は、窓幅まで拡がって、
目的の幅より小さい場合は、横スクロールってことか？

100px透過gifを透過tdに入れとけ。
36 名前： 30 投稿日： 02/03/08 11:49 ID:AIgO2IQe: >>33
あ、ナルホド。
確かにtable {width:1100px;}を適用させるとNetscape6でも
セル幅は各100pxが保たれますね。
しかし各tdに対してwidth:100px;を指定してあるのですから
表全体の幅をいちいち指定しなくても算出できないんですかね？
（IEやOperaはできるのにMozillaができないなんて！）
それとOperaでは奇妙なことに、
CSSでtd {width:100px; white-space:nowrap;}と指定した場合と
HTMLで<table width="1100"><tr><td width="100">100px</td>……と記した場合で
後者の方がセル幅もtable全体の幅も短くなるんですよ。
結局、どのブラウザもどこかしら間違ってるんですかね。
37 名前： Name_Not_Found 投稿日： 02/03/08 12:20 ID:UBMBGYkB: >>36
CSS2 の表モデルでは
table の width が未指定、つまり width:auto ならば自動レイアウト。
自動レイアウトアルゴリズムは仕様で一応示されているけれど、
他のアルゴリズムを用いてもいいことになっている。
どこかしら間違ってるというより、はじめから結果が一致する必要がない。
38 名前： Name_Not_Found 投稿日： 02/03/08 13:25 ID:nxKzaNAt: >>37
その仕様で示されたアルゴリズムに従った場合は、>>30のNN6みたいな表示でいいの？
「セルの'width'の指定値が最小内容幅より大きければ、その指定値が最小セル幅になる」
ってあるけど。↓
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/tables.html#width-layout
39 名前： Name_Not_Found 投稿日： 02/03/08 13:52 ID:UBMBGYkB: >>38
あのアルゴリズムどおりにやるなら、 N6 のようにはならない。
40 名前： Name_Not_Found 投稿日： 02/03/08 14:40 ID:wfd62zOL: >>28

言ってる意味はわからないけど,
プラウザってかわいいので好き。
41 名前： Name_Not_Found 投稿日： 02/03/08 16:25 ID:2o5XVpL4: >>28
多分、list-style-typeの事を言っていると思うんだけど、
display:inlineでは、そもそもマーカー用のボックスを持たないので、
そんなものが出来る事は有り得ません。

とはいえ、NN4でそういう挙動をするらしいですが、
そんなものは無視の方向では無いかと。

．．．と予想してみたが、
果たしてこれがナウなヤングの求めていた回答なんだろうか？
42 名前： ._. . _ 投稿日： 02/03/08 22:46 ID:NOnxu2Lj: やりたいこと：左に画像，右にその名前と説明
画｜名前
　｜説明
像｜
画｜名前
　｜説明
像｜

dt.dummy{clear: left;}
dt.image{float: left; width: 200px; clear: left;}
dt.title{margin-left: 220px;}
dd{margin-left: 220px;}
というスタイルを指定して，以下のソースに適用
<dl>
<dt class="image">ここには画像が入ります<br>縦に長くないと<br>症状の説明がつかないので3行にしましょう</dt>
<dt class="title">これは画像の名前です</dt>
<dd>そして画像の説明です</dd>

<dt class="dummy"></dt>

<dt class="image">ここには別の画像が入ります</dt>
<dt class="title">これは別の画像の名前です</dt>
<dd>そして別の画像の説明です</dd>
</dl>

dummyを使えばIE6，Moz098，Opera（すべてWin）でやりたいことのように見えるのだが，
dummyを取ってしまうとMoz098とOperaでは右の名前と説明が詰まってしまう（imageのclearが効かなくなる）．
これってどっちの挙動が正しいの？
43 名前： Name_Not_Found 投稿日： 02/03/08 23:10 ID:UBMBGYkB: >>42
.image の clear:left は
この要素が生成するボックスの回り込みを解除するけれど、
float:left で改めて通常フローを抜けている。
だから後続のボックスはこのフロートが存在しないかのように配置される
― つまり Opera, Mozilla の挙動が正しいような。違うかなあ。
44 名前： Name_Not_Found 投稿日： 02/03/08 23:24 ID:f1MeP/tp: >>42
>dt.image{float: left; width: 200px; clear: left;}
指定の順番を変更してはどうか。
dt.image{width:200px; clear:left; float:left;}
これでdummyを除いてごらん。
45 名前： 44 投稿日： 02/03/08 23:36 ID:f1MeP/tp: ごめん、>>44は無視して。
ところでdt.image{float: left; width: 200px; clear: left;} から
clear: left;を除くとOperaでは表示が変化するのがわかりますよ。
つまりclearは効いてるってことです。
46 名前： ._. . _ 投稿日： 02/03/08 23:41 ID:NOnxu2Lj: >43
あー，そうか，同時に矛盾する（というか両立し難い）指定をしてしまっているのか．
だとすると，このソースでは無理ってことかな．

>44
残念ながらだめでした．でもありがとう．
47 名前： ._. . _ 投稿日： 02/03/08 23:45 ID:NOnxu2Lj: 2重書き込み制限とは…．

>45
っと，追試ありがとう．本当だ，clearは効いてる．
やっぱり>43さんの言うようなことが起こっているのかな．

結局今はdl（dt,dd）を使わずにp.{image, title, text}を並べてるけど…．
48 名前： 44 投稿日： 02/03/09 00:07 ID:3+atSZpx: >>42
CSS指定を工夫すればよい。
>>42のソースは実際には画像を入れるんでしょ？
ならば――
>dt.image{float: left; width: 200px; clear: left;}
を二行に分けて
dt.image{clear: left; width: 200px; }
dt img{float: left;}
とすれば、OperaやNN6でも意図通りになる。
49 名前： ._. . _ 投稿日： 02/03/09 00:58 ID:hhi2CDr3: >48
たびたびありがとう．やってみたところ，OperaやMoz098はうまくいって，「おーっ」と思ったのだが，
今度はIE6で
画像
　　名前
　　説明
画像
　　名前
　　説明
になってしまった…うーむ．
50 名前： Name_Not_Found 投稿日： 02/03/09 01:10 ID:1rKurZ5m: >49
dl要素にclearを設定して、1組ずつ分けるという手も。

dl{clear:left;}
dt.image{float:left;width:200px;}
dt.title, dd{margin-left:220px;}

<dl><dt class="image">画像</dt><dt class="title">タイトル</dt><dd>説明</dd></dl>
<dl><dt class="image">画像</dt><dt class="title">タイトル</dt><dd>説明</dd></dl>
以下、繰り返し
51 名前： Name_Not_Found 投稿日： 02/03/09 01:33 ID:BxCWzkNS: >>43 >>46
clear:left と float:left は
別に矛盾してはいないんじゃない？

＞だから後続のボックスはこのフロートが存在しないかのように配置される

てのがよくわからない。
52 名前： Name_Not_Found 投稿日： 02/03/09 09:23 ID:Wr06LHfC: 画像とタイトル一つの dt にまとめるのはダメ？

dt{ clear: left; }
dt img{ float: left; width: 200px; margin-right:20px; }
dd{ margin-left: 220px ;}

<dl>
<dt><img src="">画像の名前</dt><dd>画像の説明</dd>
<dt><img src="">画像の名前</dt><dd>画像の説明</dd>
</dl>
53 名前： Name_Not_Found 投稿日： 02/03/09 09:50 ID:hBCt+0f8: <p>佐藤さんは私です。</p>
<p>鈴木くんは彼です。</p>
<p>田中さんは人ですか？</p>

こうやった場合で、各文の行間を縮める方法はありますでしょうか。
ありましたら教えてくださいまし。
54 名前： Name_Not_Found 投稿日： 02/03/09 10:18 ID:ONtdSSlt: >>53
「各文の行間」て何？
CSSの解説サイトでmarginとline-heightを勉強しなはれ。
55 名前： ._. . _ 投稿日： 02/03/09 10:45 ID:XJuQ/TKo: 皆様，いろいろありがとう．

>50
それも考えたけど1つのdlにdtとddが1セットしかないのがちょっとイヤで．
pを並べるよりはそのほうがいいかもしれませんが．

>52
おーっ！うまくいきました．唯一の問題はimgの幅が一定である必要があるってことですが，
それは画像を工夫するなり画像幅で2パターンくらい作るなりしてみます．
56 名前： Name_Not_Found 投稿日： 02/03/09 18:09 ID:IGjr3K7g: widthってimgの場合はHTMLに記述してもいいんじゃなかったっけ？

質問。
z-indexってどんなときに効かなくなる？
57 名前： Name_Not_Found 投稿日： 02/03/09 18:21 ID:yiH8ciyi: >>56
＞widthってimgの場合はHTMLに記述してもいいんじゃなかったっけ？

そういう問題じゃないと思うが
58 名前： Name_Not_Found 投稿日： 02/03/09 20:16 ID:YnUe6jD2: >>56
ゴメン、ﾜﾗﾀよ。
59 名前： Name_Not_Found 投稿日： 02/03/09 22:39 ID:e4DX8cGp: 質問。

span.abone {diplay:none;}
あいうえお<span class="abone">か～こ</span>さしすせそ
ってした場合、「か～こ」は表示されませんが、こぴぺすると出てきます。

反対に表示はされるけど、こぴぺしてもその文字は出てこないっていうのは
どうやればいいですか？
折れの考えでは
content:"xxxx";を使うような予感がするんだけど。

# 質問するとき文章力がないと周りにも迷惑をかけるし、難しいねぇ。
60 名前： Name_Not_Found 投稿日： 02/03/09 22:57 ID:75Stjb7Z: コメントで書けよ
61 名前： Name_Not_Found 投稿日： 02/03/09 23:04 ID:n9lrxX1i: >>59
<input type="password" value="ここに任意の文字">
62 名前： Name_Not_Found 投稿日： 02/03/09 23:13 ID:I2+q6Nnx: >59
どのみちソース覗かれれば同じことだぞ？
63 名前： Name_Not_Found 投稿日： 02/03/09 23:21 ID:YnUe6jD2: コピペしたら出るの？マジで？
64 名前： Name_Not_Found 投稿日： 02/03/09 23:41 ID:ONtdSSlt: >>60-63
何か違うぞ。

---ソース
<style>span.abone {diplay:none;} </style>
あいうえお<span class="abone">か～こ</span>さしすせそ

---表示
あいうえおさしすせそ

---コピー結果
あいうえおか～こさしすせそ

になるのと反対で、

---表示
あいうえおか～こさしすせそ

---コピー結果
あいうえおさしすせそ

にしたいって事だろ。contentに対応したブラウザでも
そのあたりクリップボードに写るかどうかはまちまちだった記憶があるがな。
悪いが俺は思い付かない。背景画像を使うぐらいだな。
65 名前： 61 投稿日： 02/03/09 23:45 ID:n9lrxX1i: >>64
…違うって言われても、ネタだし。
66 名前： Name_Not_Found 投稿日： 02/03/09 23:45 ID:X5eRwn8G: >>64
Mozilla（NS6）はcontentの内容をコピーできないけど、
Opera6はできたんじゃなかったっけ。
67 名前： Name_Not_Found 投稿日： 02/03/09 23:51 ID:e7rmRmbx: …ネタって言われても、気付かなかったし。
68 名前： 61 投稿日： 02/03/09 23:56 ID:n9lrxX1i: …そうか、解かってもらえると思ったんだけど。
69 名前： 63 投稿日： 02/03/10 00:42 ID:d4h5cyLJ: いや、display: none; に対してコピペで出るのって言ったんだよ。
でも、結果教えてくれてありが㌧。
70 名前： Name_Not_Found 投稿日： 02/03/10 18:01 ID:P+EsMHVS: DateDiff関数
ある日まで後何日とか何時間と言うのをよく見かけますね。
それをＶＢでプログラミングするのにはどうするのでしょう・
ある日から、ある日までの日数の計算ですね。
これには
DateDiff関数を使うと便利です。
71 名前： Name_Not_Found 投稿日： 02/03/10 18:40 ID:bd4AbKsB: (ﾟДﾟ)ﾊｧ?
72 名前： Name_Not_Found 投稿日： 02/03/10 19:45 ID:WQtupjoV: >>70
きらこちのなめ
（「みかか」方式で解読してくらさい）

CSSスレでなぜVB????
73 名前： Name_Not_Found 投稿日： 02/03/10 20:21 ID:28lOH3z+: スタイルシートは難しいと思ってずっと敬遠していたんだけど
ハマりだしたら、楽しいんですね。

ところで、凝ったおしゃれなデザインのサイトにするためじゃなくて
単純に「見出し＝この色、この字の大きさ」「普通の文字、バックの色はこれ」
「マージンや字と字の間は…」

などを「私が」ラクチンに指定するために
（自分がソースを書きやすくなるために）
スタイルシートを使ってる私は逝ってよしですか？
74 名前： Name_Not_Found 投稿日： 02/03/10 20:42 ID:nm0kQxcg: >>73
全くもって正しいCSSの使い方である。
75 名前： Name_Not_Found 投稿日： 02/03/11 00:08 ID:+GfrKrm1: ちょいと質問良いですか？

opsition(+topとか)でテキストの位置を画面外に出すと見えなくなってしまいますが、
スクロールバー等でその画面外のテキストを参照することは出来ますか？
というか、参照したいので何か方法はありますか？
76 名前： Name_Not_Found 投稿日： 02/03/11 00:25 ID:gkl7ZFBb: IEとmozで同じように表示されるように書くコツみたいなものありますかね？
なんか俺が書くとmargin、padding周りが微妙にずれちゃうんで・・・・
77 名前： Name_Not_Found 投稿日： 02/03/11 00:43 ID:1UrCd7eP: >>76
http://dfj.cool.ne.jp/html/border2.html
78 名前： Name_Not_Found 投稿日： 02/03/11 00:44 ID:Sl6UBVKR: >>75
無理かな。
ところで、それは画面外に出すために指定したの？
それとも結果的にそうなってしまうの？
もし前者ならやめて。

>>76
考えられるのは、
1．ブラウザのデフォルトスタイルの違い
2．ボックスモデルの解釈の違い

微妙に、ってことは2だと思うけど。その場合ずれてるのはwidth。
DOCTYPEスイッチとbox-sizingプロパティを活用しる。
79 名前： Name_Not_Found 投稿日： 02/03/11 00:45 ID:Sl6UBVKR: ｶﾌﾞｯﾀｹﾄﾞｷﾆｼﾅｲ
80 名前： Name_Not_Found 投稿日： 02/03/11 01:58 ID:gkl7ZFBb: >>77-78
サンクス。
でも、box-sizing, -moz-box-sizng は既に指定してるんだけどなー。

#とか思いながらmargin辺り書き直したら意図通りになった（ｗ
#何が悪かったのか分からなくてちょっと気持ち悪い
81 名前： Name_Not_Found 投稿日： 02/03/11 03:47 ID:Kj1BPCQw: >>80
指定してないプロパティがあるとたまに。
それだったんでは？
82 名前： Name_Not_Found 投稿日： 02/03/11 11:35 ID:Pgf82B0s: 高度情報処理技術者試験の論文集 □　～　発行：山口　ヒカル
┌──┐午後IIの論文に泣いている方、メールで論文準備をしてみませんか
│高度│月に２回、準備論文を届けます。寄稿して頂いた論文には添削あり♪
│論文│登録： http://melten.com/osusume/?m=8838&u=1908
83 名前： Name_Not_Found 投稿日： 02/03/11 13:18 ID:O0Xp+dks: 任意のページ全てのフォントを統一さす為の
最も簡単記述例を教えて下さい。
84 名前： Name_Not_Found 投稿日： 02/03/11 13:23 ID:taig9ZgK: >>83
すべてのマシンにフォントを入れて歩いてください。
85 名前： Name_Not_Found 投稿日： 02/03/11 13:25 ID:OBp9RBWA: >84 ﾜﾗﾀ

>83
<font face="フォント名">
<!DOCTYPE HTML PUBLIC ～>
<html>

～
86 名前： Name_Not_Found 投稿日： 02/03/11 14:54 ID:T5mNwHDP: >>83
例へば、全ページ共通のシートに
body {font-family:'ＭＳ明朝', 平成明朝, serif;}
とでも書くべし。
明朝体で統一される。
87 名前： Name_Not_Found 投稿日： 02/03/11 15:12 ID:syUjiR5k: ＭＳ明朝はきちゃないのでいやん。
88 名前： Name_Not_Found 投稿日： 02/03/11 15:15 ID:TGn3tdcq: つーか、フォントなんか指定すんな。
89 名前： Name_Not_Found 投稿日： 02/03/11 22:34 ID:+VVg5OcJ: >>88
何故に？
90 名前： Name_Not_Found 投稿日： 02/03/11 23:11 ID:t+RDgpv2: >>89
環境依存もはなはだしい
91 名前： Name_Not_Found 投稿日： 02/03/11 23:16 ID:jkGH6ZTT: >>90
一般ファミリーを最後に指定しておけば問題ナシ。
それに環境依存といっても書体の差だけのこと、さしたる不都合は無いはず。
そのフォントがあるマシンでの閲覧者には益があるんだから指定したっていい。
なんでそんなにfont-familyプロパティを排斥するのかね？
92 名前： Name_Not_Found 投稿日： 02/03/11 23:45 ID:iRJw9oso: ネタだろ。
93 名前： Name_Not_Found 投稿日： 02/03/12 08:22 ID:NOTgWbyU: それまではスタイルシート無しでサイトを作っていたのですが
最近、スタイルシートに目覚めた人間です。
スタイルシートについて詳しく載ってるHTMLリファレンス本も買いました。

みなさんは、スタイルシートを使ってHTMLを書くときは
どんなテキストエディタソフトを使ってらっしゃいますか？
自分は[tttediter]をそのまま使っているのですが
もっと良いのがありましたら知りたいです。
できれば、フリーか、安めの価格（3000円以内）のシェアウェアが
いいのですが。
↓どちらのスレで聞いたらいいのかいいか迷いましたが、
　　こちらで質問させていただきました。
　　宜しくお願いします。

「効率良くHTMLを書けるテキストエディタってある？」
http://pc.2ch.net/test/read.cgi/hp/1002383563/l50
「/* CSS、スタイルシート質問スレッド【7】 */ 」
http://pc.2ch.net/test/read.cgi/hp/1015474859/l50
94 名前： Name_Not_Found 投稿日： 02/03/12 10:29 ID:LdM6lOVZ: >>93

TopStyle
シェア版とフリー版(Lite)がある。
95 名前： Name_Not_Found 投稿日： 02/03/12 10:40 ID:9Zh9CAXP: わたしのばあいは、TopStyleはちと重いので、
軽いメモ帳系ソフトでだあーーっと書いて
間違いチェックや修正やつけたしをTopStyleでやってます。
96 名前： Name_Not_Found 投稿日： 02/03/12 11:06 ID:avCu5U7M: 構造化エディタはどうよ
http://ime.nu/club.pep.ne.jp/~momotan/sted.html
97 名前： 93　検索しました。 投稿日： 02/03/12 12:24 ID:bmxNlAZ/: 「topstyle」*海外ソフト。フリー版とシェア版があり。
http://www.crazy.jp/~ringo/tool/html/topstyle.html
http://www.bradsoft.com/topstyle/download/dloadhandler.asp?file=ts25lite.exe

「構造化エディタ Version 1.40」
*普通のテキストエディタで開ける構造の文書ファイルを作る
アウトラインプロセッサ　でしょうか？？？
http://club.pep.ne.jp/~momotan/sted.html
http://www2.entrance.ne.jp/~engeki/misc/sted.html 構造化エディタでCSS作成

---ウィンドウズ板で評判がいいのは「TTTEditor」と他には------------------

「DHTML Assistant」*シェア（2000円）　評判がとても良いが、安藤が１回なのが欠点？
http://www.crazy.jp/~ringo/tool/html/dhtmla.html
98 名前： Name_Not_Found 投稿日： 02/03/12 23:49 ID:2nJ7qRCQ: 構造化エディタってEUC-JPとか化けない？
色付けも出来ないし、構造化の利点を十分に覆い隠すほど他の部分が貧弱だよ…。
99 名前： Name_Not_Found 投稿日： 02/03/12 23:56 ID:kEB7HcBJ: Win98SEユーザーです。
アクセス・ログ見たら、最近iCab 2.7.1の足跡が。
どうも同じ人らしく、間を置いて訪問してくれてます。
私のサイトはCSSでレイアウトしまくりなんで、NN4にはJavaScriptで
それ専用シートを読み込ませて対処してますが、
聞いた話ではiCabのCSS対応度ははNN4に劣るとも勝らない（笑）程だとか、
ちゃんと見えてないんではないかと心配です。
折角のお客さんですから、この際iCabにも配慮したいので、
iCab2.7.1のCSS対応やバグについて情報がありましたらご教示下さい。
100 名前： Name_Not_Found 投稿日： 02/03/13 00:02 ID:LskZo5km: そういやiCab避けの技って聞いたことないような。探してみよう。
101 名前： Name_Not_Found 投稿日： 02/03/13 00:04 ID:th6+tVxz: >>99
コンスタントに来てもらってるんだから、
不具合は無いだろうって、考えるのはダメ？
102 名前： 99 投稿日： 02/03/13 00:21 ID:v8InHSER: >>101
だといいんですけどね。
なんせうちはMacIE5でも少々バグるらしいですから。
（文法違反ではない。WinIEやMozilla/Netscape6やOperaなら問題ナシ。）

これを見つけたんですが、古い情報ですよね。

iCab Pre2.5 の CSS1 実装状況
http://www.remus.dti.ne.jp/~a-satomi/bunsyorou/iCab2.5_CSStest.html

今のiCabならもっとマシになってるんですかね……。
103 名前： Name_Not_Found 投稿日： 02/03/13 00:59 ID:D7jwf8t8: >>98
EUCは化けるかもしれんが
うちではおおよそのファイルがShift_JISだし
構造化のメリットのほうが色付け等に比べ遥かに勝っていると思ったので
CSSやJavaScriptの編集に愛用している。
合わない人が無理して使うことはない。
104 名前： Name_Not_Found 投稿日： 02/03/13 03:12 ID:/iy1+91c: >>99
iCab はファイルの先頭に @charset があると @import を無視する。
漏れはマカーだけど、NN4.x/iCab は背景色/文字色くらいしか指定してないよ。
使っている人も大体わかっているものと見なして良いのでは？
というか、わからせるためにも適用なし or（ﾟεﾟ）ｷﾆｼﾅｲ!! でいいと思う。
105 名前： Name_Not_Found 投稿日： 02/03/14 11:03 ID:kp8gZokZ: @importって、NN4除けみたいな裏技以外に、まともな使用法ってあるんですか？

例として、aとbのスタイルを重ねて適用させたいとします。

head内に
<link rel="stylesheet" href="c.css">
c.cssの先頭に
@import url(a.css);
@import url(b.css);

しかしこれは下記と同じことですよね。
head内に
<link rel="stylesheet" href="a.css" title="a+b">
<link rel="stylesheet" href="b.css" title="a+b">

こんな風にlink要素で並べた方がHTMLソースから一目瞭然です。
それに@importしたシートだとIEの「名前を付けて保存」で一緒に保存してくれません。
ならば@importにするメリットってなんなんでしょ？
ちゃんとした使用法があるならご教示いただけませんか。
106 名前： Name_Not_Found 投稿日： 02/03/14 11:13 ID:AIvxpzP6: HTML,XMLのソースに書き並べたくない人もいるんだよ。
あと保存してくれないのは、そのUAがへタレなだけだと思う。
107 名前： Name_Not_Found 投稿日： 02/03/14 11:19 ID:sLkmML7t: >>105

増えたり減ったりしたときに、HTMLソース側をいじらずに済む。
108 名前： Name_Not_Found 投稿日： 02/03/14 11:29 ID:qwnYhFT5: >>105
<link href="XXX" media="YYY">
全ページ書きかえる。

@import url(XXX) YYY;
一箇所で済む。
109 名前： Name_Not_Found 投稿日： 02/03/14 12:15 ID:FhJuyclF: >>106
>あと保存してくれないのは、そのUAがへタレなだけだと思う。
そんなこと言ってもさ……
@importされたシートまで保存してくれるブラウザなんてあったっけ？
110 名前： Name_Not_Found 投稿日： 02/03/14 12:59 ID:lIfU5fUH: >>109
今試してみたら
IE5.5SP2(Win)で出来たぞ。
111 名前： Name_Not_Found 投稿日： 02/03/14 13:33 ID:62U8Y9Ch: 5.01だが、全然できるぞ。むしろ何だとできないんだ？
112 名前： Name_Not_Found 投稿日： 02/03/14 16:23 ID:6u8VGxc1: >>59
>>64ってことだったのね、知りたいな折れも。
かちゅスキンなんかに応用すれば…
113 名前： __ 投稿日： 02/03/14 16:33 ID:iV4c2v3r: main.cssに　.td-title1 { backgroundcolor: "#0033ff";}　と記述し、
index.htmlで　<td class="td-title1">　と呼び出しているのですが、
MacNN4.7だと背景色が正常に表示されるのにMacIE4.0、5.0だと表示されません。

同様に、main.cssに
body { background-color : f9f9ff; font: 400 normal normal 12px Osaka}
としているbodyの背景色は正常に表示されますし、ほかのfontも正常です。

MacIEだとなぜtdの背景だけが表示されないんでしょうか？
114 名前： Name_Not_Found 投稿日： 02/03/14 16:40 ID:lIfU5fUH: >>113
.td-title1 { backgroundcolor: "#0033ff";}
と記述してるんなら表示されないほうが正しかろう。
115 名前： Name_Not_Found 投稿日： 02/03/14 16:45 ID:E08D8NU4: >>113
これでちゃんと IE 5 for Mac で表示できましたよ。
---
<title>test</title>
<style type="text/css"> .td-title1 { background-color:0033ff;} </style>
<table><tr><td class="td-title1">tes</td><td>tes</td></tr></table>
---
プロパティ名のまちがいが無いか確かめてみてはいかがか。
まちがいを防ぐエディタとしては Mac なら、mi をおすすめしまふ。
116 名前： 115 投稿日： 02/03/14 16:48 ID:E08D8NU4: って言うそばから俺も書きまちがってるし。
.td-title1 { background-color:#0033ff;}
です。ハイ。訂正。
117 名前： Name_Not_Found 投稿日： 02/03/14 16:55 ID:3X2HuILP: HTMLでデザインをしてはいけないみたいなので、
CSSでテーブルの線の幅を指定したいのですが、
table {border-width:5px;}
でならないのですが、なぜなんでしょうか？
118 名前： __ 投稿日： 02/03/14 17:02 ID:iV4c2v3r: >>115　ぐはっ…、すごいくだらん間違いを…。ちょっと修行の旅に出てきます。
119 名前： Name_Not_Found 投稿日： 02/03/14 17:05 ID:hgg5Kimo: >>117
ボーダーのタイプと色が指定されてないからじゃないかな。
120 名前： Name_Not_Found 投稿日： 02/03/14 17:05 ID:lIfU5fUH: >>117
border-colorとborder-styleも指定しる。
121 名前： 117 投稿日： 02/03/14 17:12 ID:3X2HuILP: >>119
>>120
ありがとうございます。なりました。
そういう細かいと言うか基本的なところもきちんとしないと
いけないのですね。
122 名前： Name_Not_Found 投稿日： 02/03/14 22:16 ID:NPw/i6V+: 日記やってるんですけど、
今まではテーブルで日付を囲ってたんですけど、
最近スタイルシートを知って、

h5 {
　　　background : #6699FF;
　　　color : #FFFFFF;
　　　font-weight : bold;
　　　text-indent : 5;
　　　line-height : 1.4;
}

みたいにやってます。
でも、これだと日付の行の前後に一行分くらいの
行間が空いちゃうんですよね・・・
どうすれば空かないようにできますか？

あ、それと「ココは普通こう書くＹＯ」っていう場所があったら指摘してください。
123 名前： Name_Not_Found 投稿日： 02/03/14 22:19 ID:4uZxIBir: >>122
margin-bottom: 0
124 名前： Name_Not_Found 投稿日： 02/03/14 22:20 ID:ZFc6VtdK: 前後に、だから、
margin: 0;
の方がいいかも。
125 名前： 123 投稿日： 02/03/14 22:21 ID:4uZxIBir: >>123+
margin-bottom: top;
126 名前： 122 投稿日： 02/03/14 22:23 ID:NPw/i6V+: スイマセン、自己解決しました(;´Д`)
.dateってクラスにしてdivから呼び出したらいい感じになりました。
行間が空くのははhxの使用なんすね・・・
127 名前： 123 投稿日： 02/03/14 22:26 ID:4uZxIBir: あんたも勝手ねsage
128 名前： Name_Not_Found 投稿日： 02/03/14 22:28 ID:94c1dRvx: >>126
>行間が空くのははhxの使用なんすね・・・
まだわかってないと見た。
marginやpaddingって知ってるか？
http://members11.tsukaeru.net/msugai/web/CSS/box.html
129 名前： Name_Not_Found 投稿日： 02/03/14 22:31 ID:4uZxIBir: >>125
漏れ逝って来るは。一体何書いてんだ…（鬱
margin-top: 0
130 名前： Name_Not_Found 投稿日： 02/03/14 22:50 ID:cIUF4Vfo: >>121
少しでも量減らしたいなら
border: solid 5px #000
でいいんじゃﾈｰﾉ?
131 名前： Name_Not_Found 投稿日： 02/03/14 23:12 ID:kc/IIaKx: すいません、質問です。
WinのIEではmargin-topが効かないという話を小耳に挟んだのですが本当でしょうか？
[ margin-top : 5px; ] と指定したものは無視されてしまうのでしょうか？
[ margin : 5px 10px 10px 5px; ]
[ margin : 5px; ]
などと一括指定した場合も無効になってしまうのでしょうか？
132 名前： Name_Not_Found 投稿日： 02/03/14 23:16 ID:CUuAGcxB: >>126
それを解決としてしまうのはいかがなものかと思うけど、
マークアップ的にはいいんじゃないの。
h1～h4があってのh5なのか、かなり疑問だったし。

まあCSSはゆっくり覚えるとよろし。

>>131
んなわきゃあない。少なくとも普通に使う以上は問題なし。
何処で小耳に挟まれましたか？
133 名前： Name_Not_Found 投稿日： 02/03/14 23:17 ID:0YDzM0ub: >>131
ブラウザのバージョンも書いてね。
オイラはIE5.5SP2だけど、そんな事にはならない。
134 名前： Name_Not_Found 投稿日： 02/03/14 23:17 ID:0YDzM0ub: 被った。。。
135 名前： 131 投稿日： 02/03/14 23:38 ID:+/y/yjBB: 132さん、133さん、回答有難うございます。
今確認した所ちょっと違っていました。
これは私の知人からメールで言われたのですが
「MacのIE5以外はmargin-topが効かないからpaddingで修正しろ」
と言われたのです。
その知人がいわゆるStrict信者というやつでして、
CSSなどにやたらと詳しいのでちょっと心配になったのです。

どうやら特に問題はないようなので、修正はしなくても平気ですかね・・・？
136 名前： Name_Not_Found 投稿日： 02/03/15 01:01 ID:OyjgAZr6: >>135
Strict信者が、UAのバグに対して
個別に対応しろというのは矛盾している様な．．．。
137 名前：サ骨 ◆/IQ5000w 投稿日： 02/03/15 01:03 ID:chfauvlx: >>135
というか
「margin-topが効かないからpaddingで修正しろ」
っていったい…。
138 名前： Name_Not_Found 投稿日： 02/03/15 01:12 ID:bqcd0LxW: >>135
margin-topが効かないのではなく、WinIEでのmarginの相殺に関する問題では？
139 名前： Name_Not_Found 投稿日： 02/03/15 01:38 ID:Gup7Jbkd: body{ font-family: 'Verdana', 'MS UI Gothic', 'sans-serif' }
・・・というふうに指定した場合
NN6だと、半角英数記号はVerdana、全角文字はMS UI Gothicで表示されますが
IEだと、半角英数記号はVerdana、全角文字は、インターネットオプションの
Webページフォントで指定したフォントが使われます。

IEでも、全角文字をMS UI Gothicで表示する方法はないでしょうか？
140 名前： Name_Not_Found 投稿日： 02/03/15 01:56 ID:zLDJDEz8: >>139
おかしいね。もし本当にそうなるとしたらIEのバグだね。
CSS/DHTMLバグ辞典スレッド ver2.0
http://pc.2ch.net/test/read.cgi/hp/991666454/l50
行きかも。
141 名前： Name_Not_Found 投稿日： 02/03/15 02:26 ID:OyjgAZr6: >>140
それは結構有名だと思う。バグ辞典スレにあるかどうかは別にして。
http://homepage1.nifty.com/emk/moz/browsertest.html

>>139
sans-serifは引用符で囲ってはいけない筈。
142 名前： Name_Not_Found 投稿日： 02/03/15 02:44 ID:gbhQWS35: すみません、質問です。
Netscape 6.2.1で letter-spacing を使用すると
文字が重なって表示されてしまう場合があるのですが、
みなさんの環境でも起こるのでしょうか？

例えば、
<SPAN STYLE="letter-spacing: 2px">イメージ</SPAN>
とすると「ジ」が「メ」と「ー」の間に表示されてしまいます。
どうやら長音「ー」があると駄目みたいなんですが、
回避方法はあるのでしょうか？

OS は WinXP Pro 英語版です。
143 名前： 139 投稿日： 02/03/15 02:54 ID:Gup7Jbkd: >>140, >>141
うぅっ、バグなんですか～。
ちなみにOpera6.01も、IEと同じく、MS UI Gothicにはならず
フォント設定で指定してあるフォントになります。

「san-serif」は、「囲わなくてもよい」んじゃなくて
「囲ってはいけない」んですね。ありがとうございます。
144 名前： Name_Not_Found 投稿日： 02/03/15 04:24 ID:NTNFbq+Q: >>139

body{ font-family: 'HGPｺﾞｼｯｸM', 'MS UI Gothic', 'sans-serif' }
だったら、どうなる？
ネスケはローマ字じゃない名前入れると６でもダメ～なんだけど。
なんとかならないものかな。
145 名前： j君投稿日： 02/03/15 04:35 ID:ZArdDLD6: >>144
６は大丈夫なんでは？
今見てみたけど問題なかったけど。
146 名前： Name_Not_Found 投稿日： 02/03/15 08:24 ID:M3AamTIb: >>139
ここ見て勉強。
三日坊主の部屋＞文字化け対策
http://east.portland.ne.jp/~sigekazu/css/font_family.htm

>>142
追試したがうちでは再現しない。Netscape6.21、Win98SE。
他の条件も関係するのでは。
因みに似た症状として、NN6ではtext-align:justifyを適用した要素中で、
太字指定（font-weight:bold;、<B>、<STRONG>）した部分が
次の文字と重なって表示される。
147 名前： Name_Not_Found 投稿日： 02/03/15 09:15 ID:TmH7mxI/: >>144
@charset 使え
148 名前： Name_Not_Found 投稿日： 02/03/15 09:35 ID:crTpVQSS: あの～壁紙を動かないようにしたいんですけど、
タグ屋さんの使用許可をもらった正規のタグでやってたんですけど、
ＣＳＳというのを使うとネットスケープ６というソフトでも
動かないようにできると聞いたんですが
エクスプローラーでも壁紙が見えなくなってしまいました！
どうすればいいのかだれか教えてください！

<BODY
TEXT=996600 link="#FFCC00" vlink="#FFCC00" style="cursor: n-resize;"
TOPMARGIN=0 LEFMARGIN=0 RIGHTMARGIN=0 BOTTOMMARGIN=0
STYLE=BACKGROUND:"orenge.gif" BGPROPERTIES:FIXED>

４行目がＣＳＳです！どこか間違えてるんでしょうか？
ネットスケープ６なんて誰も使ってないと聞いたけど、
なるべく多くの人に見てもらいたんです！教えてください！！！
149 名前： Name_Not_Found 投稿日： 02/03/15 09:41 ID:k3wCJM42: >>148
全然理解してないですな……。
>>3に参考サイトが挙がってるから学習してくるよろし。
・とほほのスタイルシート入門
　http://tohoho.wakusei.ne.jp/wwwcss.htm
・ばけらの CSS リファレンス
　http://www.ne.jp/asahi/minazuki/bakera/html/css/reference
・K@tsukun's PAGE! > CSS Reference
　http://hp.vector.co.jp/authors/VA022006/css/index.html

あと、こことか。
http://members11.tsukaeru.net/msugai/web/CSS/back.html#background-image
150 名前： sage 投稿日： 02/03/15 09:48 ID:k3wCJM42: >タグ屋さんの使用許可
そもそもその「タグ屋」とやらは無茶苦茶わかってないと見た。
間違った知識でいい加減に作った「タグ」の使用権を主張するとは
百害あって一利無し。いっぺん意見してやるからＵＲＬ出してくれ。
151 名前： Name_Not_Found 投稿日： 02/03/15 11:24 ID:O2GnmJwq: >>148
合ってるところのほうが少ないな…

「タグ屋」晒せ、まじめな話。
152 名前： 穏健派 投稿日： 02/03/15 11:39 ID:l/s3VzRq: 一応晒させる前に、
コピペしたのが自分で打ったのか、確認したほうがいいんじゃあるまいか･･･。
153 名前： 穏健派 投稿日： 02/03/15 11:42 ID:l/s3VzRq: まぁタグに｢使用権｣なんていうやつは、たいていアレなやつなんだろうが。
もし、
｢ネットスケープ６なんて誰も使ってない｣
もそいつの発言なら晒して由!
(ちっとも穏健派じゃないオレ)
154 名前： Name_Not_Found 投稿日： 02/03/15 11:59 ID:EkWPs17Y: しかし、「タグ屋」なんて単語が通用するようになったら世も末だな。
155 名前：サ骨 ◆/IQ5000w 投稿日： 02/03/15 12:05 ID:uTFMQ7Uz: 「ダフ屋」みたいだな。
156 名前： Name_Not_Found 投稿日： 02/03/15 12:06 ID:hGm/95Nk: 晒すというかどんな所なのか見てみたい
157 名前： Name_Not_Found 投稿日： 02/03/15 12:12 ID:w47RYZLJ: >>156
ｦﾁ板になかった？
158 名前： Name_Not_Found 投稿日： 02/03/15 12:26 ID:O2GnmJwq: http://www.google.com/search?q=%83%5E%83%4F%89%AE&hl=ja&lr=

ほぼすべてヲチ対象かとｗ
159 名前： The鬼 ◆ZK/7506A 投稿日： 02/03/15 12:40 ID:TzyNKoDO: > タグ屋さんの使用許可をもらった正規のタグ

笑った。（ｗ
タグ屋なんて言葉も初めて聞きました。
160 名前： Name_Not_Found 投稿日： 02/03/15 12:53 ID:w47RYZLJ: >>159
gaiax方面にも腐るほどあります(w
161 名前： 142 投稿日： 02/03/15 12:57 ID:mfirWfhw: 146さん、回答ありがとうございます。
>追試したがうちでは再現しない。Netscape6.21、Win98SE。
>他の条件も関係するのでは。
会社のWin2Kでも再現しないので、もしかすると
家のＰＣの問題なのかもしれません。
162 名前： Name_Not_Found 投稿日： 02/03/15 13:17 ID:RG51eX3a: 外出だったらすみません。

Netscape4.7とIE5(もしくは６)のＣＳＳ対応表ってあります？
163 名前：投稿日： 02/03/15 13:18 ID:0ftpybdf: >162
>4
164 名前： 素材ランキング 投稿日： 02/03/15 13:44 ID:XrKJafUd: http://ranking-world.com/world_ranking/ranking/?sozai123
登録よろしくお願いしま～す
165 名前： Name_Not_Found 投稿日： 02/03/15 13:50 ID:RG51eX3a: >>163
ありがとうございます。

あとNetscape4.7でfont-size,font-familyを正しく
表示させる方法を教えてください。
166 名前： Name_Not_Found 投稿日： 02/03/15 13:56 ID:5Fsf3pn/: >>165
それも既出。>>4のリンク先から学習できます。
NN4.xにはまともなCSS表示はできない。特にfont-familyの和文フォントは無理。
167 名前： Name_Not_Found 投稿日： 02/03/15 20:56 ID:qfMwqlls: ユーザースタイルシートって、そのサイトの中でスタイルシート使って
指定してるものにしか適用されないんでしょうか？

例えば、td {font-size:x-small;}には通用して、
<font size="-1">には通用しないとか…。
168 名前： Name_Not_Found 投稿日： 02/03/15 21:14 ID:+vWYZZRg: >>167
ユーザースタイルシートがどういうものか良く調べましょう
169 名前： Name_Not_Found 投稿日： 02/03/16 12:11 ID:BfVUbSkt: <ul>
<li>リスト壱</li>
<li>リスト弐</li>
</ul>

とリストを書くと、デフォルトでは左にマージンがありますよね。それを、
ul { margin-left: 0; }
として無くしたのですが、NN4.7だけはテコでも動いてくれません。
無理なんですか？
170 名前： Name_Not_Found 投稿日： 02/03/16 12:20 ID:E0ffnsj1: >>169
NN4.x は CSS ボックスモデルをできる範囲で無理やり再現してますが
上手くいってない部分が多いので無理ではないかと。
171 名前： Name_Not_Found 投稿日： 02/03/16 12:21 ID:j3MQlPSs: マージンとかいかにも実装コケてそうだ。
172 名前： Name_Not_Found 投稿日： 02/03/16 12:32 ID:BfVUbSkt: <link rel=...でNN4用、
@import url...でその他用のシートを読み込ませてるので、
NN4用に無理やり margin-left: -50px;
で喜んでたら、Operaクンまで左に動いちゃって降参。
173 名前： Name_Not_Found 投稿日： 02/03/16 12:34 ID:qdKTxPa6: NN4の実装はこの辺りを參考に。
「スタイルシートの裏の裏」
http://tancro.stp-1.com/stylesheet/n6_list.html
「CSSの実際のところ」
http://www.hajimeteno.ne.jp/stylesheet/actually/index.html

まあどちらもチト古くなってるが。
174 名前： Name_Not_Found 投稿日： 02/03/16 13:18 ID:PW3PQ13o: IE5.01とNC4.7を使っていますが
NC4.7だとスタイルシートがメチャクチャになるので
もう開き直って「NC4.xだと管理人の意図通りには表示されません」と
トップページに書いています。

NC6.xも導入すべきでしょうか？？？
175 名前： Name_Not_Found 投稿日： 02/03/16 13:30 ID:Gj5v99zK: >>172
今 NN4 が手元に無いんでアレなんだけど
padding-left: 0 をあわせて宣言ではダメですかね。
176 名前： Name_Not_Found 投稿日： 02/03/16 13:48 ID:rs3ve5or: >>172
<style type="text/javascript">

</style>
ならOperaクンも読み込まないのでは？
177 名前： Name_Not_Found 投稿日： 02/03/16 14:08 ID:c1l7oYTQ: >>174
1.スタイルシートなしでもちゃんと読めるページを作る。
2.IE 5以上とネスケ6以上を対象にスタイルシートを書く。
3.↓このページを参考にネスケ4にはスタイルシートを読ませないようにする。
http://east.portland.ne.jp/~sigekazu/

というのが最近のトレンドらしい。
178 名前： 172 投稿日： 02/03/16 14:18 ID:BfVUbSkt: >>169 = >>172 です。
みなさんサンクスです。

>>175
あわせて宣言してみても動かずだったんです。
>>169 の時点で書いておけばよかったですね。ごめんなさい。

>>176
バッチリです。
IE/NN4.75/NN6/Opera6意図どおりになりました。サンクス！
でもこの書き方だと、各htmlファイルに書き込んでいく必要アリですよね？

外部jsファイルにしておけばいいのかな～と今から実験してみます。
179 名前： Name_Not_Found 投稿日： 02/03/16 14:25 ID:eFSwkyXB: pのタグ（要素？）で囲んだ文章の左を5%margin-leftで開けて、
そして、1emで、開始の1文字分あけるにはどうしたらいいですか？
180 名前： 174 投稿日： 02/03/16 14:26 ID:B4efCkf1: >177
回答してくださってありがとうございます。

ﾜﾀｼは172＝178たんのように優しくなく、
「オペラなんて使ってるやつは知ったことか！」
「NC4.7のアホ～～～」と思ってるので
提示してくださった方法のうち、２＆３で行くようにします。
181 名前： Name_Not_Found 投稿日： 02/03/16 14:36 ID:gBSpfbBJ: >>179
http://www.tg.rim.or.jp/~hexane/ach/fscs/fscs05.htm#indent
182 名前： Name_Not_Found 投稿日： 02/03/16 14:52 ID:Xj39oVjl: >>177
1.はNN4のCSSの実装とかの問題ではなく当たり前だと思うが
183 名前： Name_Not_Found 投稿日： 02/03/16 15:58 ID:cTyNpNBT: >>174
俺177じゃないけど。
これって例示じゃなくて手順じゃないのかな。
要するに 1.マトモなHTMLをまず書いてから、2.マトモなUA対象にスタイルシート書いて
んで 3.マトモじゃあないUAのみ、その適用から除外
...ということだよねきっと。
184 名前： 177 投稿日： 02/03/16 16:05 ID:c1l7oYTQ: >>183
スマソ、そのとおり。
185 名前： 174 投稿日： 02/03/16 16:28 ID:HnMli937: ＞183
あ、そういう意味でしたか。解説してくださってありがとうございます。

スタイルシートに正しく対応していないブラウザの時は
スタイルシートを読みこませない処理にする、ということは
そういうブラウザの時は、白地に黒字と青いリンク字になるように
するわけですね。

確かに、中途半端にスタイルシートが適用されて、崩れた表示になるくらいなら
白地に黒字と青いリンク字になったほうがマシですもんね。
186 名前： Name_Not_Found 投稿日： 02/03/16 16:45 ID:Xj39oVjl: >>185
そうとは限らない
187 名前： Name_Not_Found 投稿日： 02/03/16 17:18 ID:eFSwkyXB: 画像を中央にするにはどうしたらいいですか？
{text-align:center;}
は駄目ですよね。
これは、テキストを中央にしますから。
188 名前： Name_Not_Found 投稿日： 02/03/16 17:29 ID:gBSpfbBJ: >>187
This property describes how inline content of a block is aligned.

多くのブラウザのデフォルトスタイルシートでは
imgもobjectもinlineになっている。
心配ならimgやobjectにdisplay:inlineを指定しろ。
189 名前： 187 投稿日： 02/03/16 17:47 ID:eFSwkyXB: >>188
text-align:centerで画像も中央に出来ますが、text-align
なのに、画像を中央にしてもいいですか？
190 名前： Name_Not_Found 投稿日： 02/03/16 17:49 ID:Xj39oVjl: だからインライン要素だろ
191 名前： Name_Not_Found 投稿日： 02/03/16 18:13 ID:/sLLUGvm: インライン要素にtext-alignはアリなんだっけ？
<p><img src="foo.png" title="bar"></p>

とでもして、p要素にtext-alignプロパティを噛ませた方が
良い気がするんだけど。
192 名前： Name_Not_Found 投稿日： 02/03/16 18:25 ID:tjQub95q: >>191
それでセンタリングされるのがインライン要素で、それには画像を含むのか否かって話だよ。
含むからその中にimgタグを書きゃいいわけだがね。
193 名前： Name_Not_Found 投稿日： 02/03/16 18:30 ID:/sLLUGvm: >>192
そういえばimg要素はテキスト一文字分と同じと見なすって、
カンザキ先生が言ってたなぁ。
194 名前： Name_Not_Found 投稿日： 02/03/16 19:02 ID:iV1/OlzG: 質問です。。
a:visited {
text-decoration:none;
color:midnightblue;
font-size:9pt;
font-weight:bold;
}
a:link {同}
a:active {同}
.sun {color:fuchsia; font-size:9pt; font-weight:bold;}

<td><a href="xx.html" class="sun">20</a></td>

これで有効にならないのですが？
195 名前： Name_Not_Found 投稿日： 02/03/16 19:11 ID:CcDjXNQ+: >>194
何が有効にならないのですか？
何をどうしたいのか書いてくれないと答えようがないですよ。

a:hover {color:fuchsia; font-size:9pt; font-weight:bold;}
ということ？
196 名前：う投稿日： 02/03/16 19:20 ID:h50Mf9d+: 187と全く同じ質問を別の人がしていたのを見たこともある
絵をtextというのに拒絶反応を起こすのは無理もないかと思う
197 名前： 194 投稿日： 02/03/16 19:25 ID:iV1/OlzG: >195
a要素に、class属性を設定して、文字色を変更したいのです。

カレンダーを作成してます。
日曜日の表示色は、マウスオーバー、クリック、閲覧後も同じ色で表示するようにしたいのです。
198 名前： Name_Not_Found 投稿日： 02/03/16 19:43 ID:gBSpfbBJ: >>197
セレクタのclass指定に続けて疑似属性を指定する。
199 名前： Name_Not_Found 投稿日： 02/03/16 19:45 ID:UQ7ws31/: >>197
こういうことですか↓？

>>194に追加
.sun:visited,.sun:hover,.sun:active{
color:fuchsia; font-size:9pt; font-weight:bold;
}

けどこれがscriptのためでなくリンクなんなら、
多少は色を変えたほうがいいと思われ
200 名前： 194 投稿日： 02/03/16 20:04 ID:iV1/OlzG: >>198--199。
有り難うございます。

>>199さん。
hover で背景色を変更するようにして見ます。
201 名前：投稿日： 02/03/16 20:22 ID:SwglspYe: cssでmidnightblueとかfuchsiaいう色の名前の指定できたっけ？
使ってるDTD次第？
202 名前： Name_Not_Found 投稿日： 02/03/16 20:23 ID:sHoj4poS: tag.class tagb tagc{xxxx:xxxx;} も使えるよね？
203 名前： Name_Not_Found 投稿日： 02/03/16 20:29 ID:gBSpfbBJ: >>201
DTDとCSSに関連性は無い。
現在のCSS2の使用には名前で色を指定する仕様は無い。
CSS3に一つのモジュールとして定義されていた様には思うが。
たいがいのブラウザは解釈してくれるし。

>>202
何が？
204 名前： Name_Not_Found 投稿日： 02/03/16 23:18 ID:XmNHCc3F: >>202
div.section p em { color: red; }

例えばこういうことか？　なら問題ないけど。
質問は判りやすくおながいします。
205 名前： Name_Not_Found 投稿日： 02/03/17 02:44 ID:wTe9+kcw: >>194
.sun単独では詳細度でa:visitedその他に負けてる。
a.sunなら詳細度は同じになるからあとから指定したa.sunのスタイルになる。
206 名前： Name_Not_Found 投稿日： 02/03/17 04:19 ID:7ZI36Zb8: すんげ～ヘタレでメモ帳でタグ書いてるんですけど、
セレクトボックスにStyle適用して枠線の色を変えたいんですが、
<select name=◎◎ Style="border-width:1px; border-color:カラーコード;
border-style:double;">
こう書いても変化無しなのですが、どこをどう間違ってますか？。
おしえてくださ～い。
207 名前： Name_Not_Found 投稿日： 02/03/17 04:24 ID:BD6iRHEA: select要素の枠線はたいてい変えられねえ
UAが対応してないから
208 名前： 206 投稿日： 02/03/17 04:26 ID:7ZI36Zb8: >>207さん有りがとう。
う・・・・・
残念。残すはそこだけだったんだけど・・・。
あきらめます。
209 名前： Name_Not_Found 投稿日： 02/03/17 05:32 ID:7rFiTw7G: >>208
セレクトボックス全体のスタイルなら、
Netscape6とかなら変えれるはず。
でもボックス内のボタン（▼）は無理っぽ。
210 名前： Name_Not_Found 投稿日： 02/03/17 06:45 ID:DoIYjLST: winだと変えられないんだよね＞select
211 名前： Name_Not_Found 投稿日： 02/03/17 11:17 ID:IdSEtw+v: >>210
すぐ上の書きこみが見えんのか
212 名前： Name_Not_Found 投稿日： 02/03/17 16:17 ID:AES/5pfR: 今勉強中なんですが
↓のものを書いたときにテーブルの様な感じで
できますよね？

<div style="background-color:#efefef; width:600px; border:1px solid #000000; border-bottom:1px solid #000000;">
あいうえお
</div>

んでこれをセンターにしたい場合どうすれば良いのか質問なんです。
<div align="center"　とすると中の文字がセンターですよね？
単純に上の記述の上に<div align="center"></div>を上に付け足せば
真ん中に来ますがこんな使い方もおかしいなっと思って・・・

根本的に理解してないのが原因なんですが
こういう場合はどうすればいいのか教えてください。
213 名前： Name_Not_Found 投稿日： 02/03/17 16:27 ID:UVFJ6lY3: block要素をセンタリングしたかったら
margin: 0 auto;
214 名前： Name_Not_Found 投稿日： 02/03/17 16:32 ID:RQLrX3OI: >>213
IE5とかだと無視されないかい？（未確認）
div { text-align:center; margin-left:auto; margin-right:auto }
で目的のdivを囲んでみるとか。
215 名前： Name_Not_Found 投稿日： 02/03/17 17:07 ID:ygFepoxV: CSS使うと嫌われると聞きましたが本当ですか?
せっかく導入してみたのに、
216 名前： Name_Not_Found 投稿日： 02/03/17 17:33 ID:CSWSDgwv: >>215

>>5-25 にて既出。
217 名前： Name_Not_Found 投稿日： 02/03/17 17:35 ID:ygFepoxV: >>216
どうも。
218 名前： Name_Not_Found 投稿日： 02/03/17 18:34 ID:IqZvDNkQ: >>214
IE5なら効く。
219 名前： Name_Not_Found 投稿日： 02/03/17 18:52 ID:BoPM6qAj: >>218
嘘です、効きません。
（MacIE5のことだ、とかマイナーなこと言ってくれるなよ。）
WinIE6で標準モードのみ有効です。
220 名前： Name_Not_Found 投稿日： 02/03/17 18:53 ID:IdSEtw+v: 標準モード・・・
221 名前： Name_Not_Found 投稿日： 02/03/17 19:03 ID:IqZvDNkQ: >>219
俺の5.01sp2は効いてるよ。margin-left:auto;margin-right:auto;によるブロック要素のセンタリングでしょ？
222 名前： 219 投稿日： 02/03/17 19:09 ID:BoPM6qAj: >>221
なんかの誤解では。下記を見ても、それはIE6以降に実装されたんですが。

「Internet Explorer 6 における CSS の拡張」
プロパティに追加された値
http://www.microsoft.com/japan/developer/articles/dnie60/html/cssenhancements.asp#cssenhancements_topic6
223 名前： Name_Not_Found 投稿日： 02/03/17 20:06 ID:D8hsqzCL: >>221
互換モードで text-align:center; してないか？
224 名前： Name_Not_Found 投稿日： 02/03/17 22:53 ID:VyfLrD7T: >>221
IE6 一旦入れたあとアンインストールした際にちゃんと戻ってないとか。
# 戻るのかどうか知らないが。
225 名前： Name_Not_Found 投稿日： 02/03/18 01:20 ID:6P4O/2gd: p {margin-left:10%;
text-indent:1em;}
<p>aaaa</p>
にすると、text-indentが1emにならないで、10%+1em
になってるようなんです。IE、Netscape6ではきちんと表示しますが、
Operaでは、おかしいのです。何が原因なのでしょうか？
226 名前： Name_Not_Found 投稿日： 02/03/18 04:05 ID:i3vOBbRW: ＞215
２～３年くらい前は
「スタイルシートを使う人は、『信者』『キモイ』『粘着』」
という印象だったけど、今は全然そんなことないんじゃないかなぁ。

W3Cの規定に厳密に合わせなくてはいけないと自分や他人を厳しく律してる人
「以外」にも、
「ソースが数式のように綺麗（論理的）で、WEBデザインにも凝れる」
方法として、普通に使われてる。

このスレが立ったばっかりの頃は荒れてたけど
今はWEB制作者板内でCSS系のスレは、完全に定着してるし、
CSS系のスレの大半の人は、良い意味でみんなおとなだし。
227 名前： Name_Not_Found 投稿日： 02/03/18 05:49 ID:XOpeUmSN: >>215
まあ新規参入の人は安心でしょう。

古参は手遅れだ。苦笑。
228 名前： Name_Not_Found 投稿日： 02/03/18 08:11 ID:SpYI3G2U: >>215
わたしは、最初に影響を受けたWEBページの作り方リファレンスが
とほほさん（改定前。インデントを<blockquite>～</blockquite>
で表してたり、スタイルシートを極力使わないHTMLの書き方だった頃）の
サイトを丸ごとダウンロードしたページ
（特に大事だ、と思ったページや、なかなか覚えられなかったページは
　紙にプリントアウトして読むようにした）
だったので、スタイルシートはせいぜい、「リンクの下線を消す」などの
小技程度にしかずっと使ってなかったよ。

２ｃｈのWEB制作板に最近常駐するようになって
（２ｃｈはずっと前から見てたんだけど、なぜかずっとWEB板のことを避けてた）
CSSをきちんと勉強したい欲がわいてきて、CSSの解説に力を入れてる
HTML解説サイトも読むようになったし、詳解辞典も買いました。
229 名前： 228 投稿日： 02/03/18 08:16 ID:SpYI3G2U: しまった。自分語りばっかりで質問に答えてない。

確かに一部の「W3Cの規格に適合したHTMKを書いているかどうか」を
気にしすぎる人の中には、嫌われる要素がありそうな性格の人もいるように思ったけど
CSSを使ってるから嫌われる、というのは違うと思う。
230 名前： Name_Not_Found 投稿日： 02/03/18 08:57 ID:xafXB3KF: >>225
Operaのバグです。オペラはバグが多いのでそんなに信用してはいけません。

text-indentにmargin, padding, border-widthが加算される。
デフォルトでmarginを設定されてるdd要素ではtext-indentだけで変になる。
http://sigekazu.vis.ne.jp/cgi/bbs/sylpheed.cgi?c=r&n=288
231 名前： Name_Not_Found 投稿日： 02/03/18 12:01 ID:5DYF7OXA: サイトのトップページを更新して軽くしました。
少しは見易くなったと思います。
http://dorayama.hoops.ne.jp/
232 名前： Name_Not_Found 投稿日： 02/03/18 13:59 ID:/GeFQ/kV: なんでOperaってclip:rect(xx,xx,xx,xx)に対応してないんだYO!
233 名前：投稿日： 02/03/18 14:33 ID:dlZcHCe1: div.float_left{float:"left"; width:"70%";}
div.float_right{float:"right"; width:"30%";}
という感じで２段組になるようにレイアウトを作ってるんですが
中に長い半角文字列を書くと、改行されずに段組が崩れてしまいます。
＋－－－－＋
｜abcdefghi｜
＋－－－－＋
　　　　　　＋－－－－＋　　←こんな風になる
　　　　　　｜　　　　　　｜
　　　　　　＋－－－－＋
どうしたらちゃんと並んでくれるんですか？ヽ（｀Д´）ノｳｧｧﾝ
234 名前： Name_Not_Found 投稿日： 02/03/18 14:46 ID:iYIR9kMP: >>223
ウインドウサイズを広げれ(w

無理やりっぽいが、overflow設定するのも手。
235 名前： 234 投稿日： 02/03/18 14:46 ID:iYIR9kMP: >>233のまちがい。
236 名前： Name_Not_Found 投稿日： 02/03/18 15:18 ID:fpRL25Oz: >>233
ちなみにfloatによる段組はwidthをキッチリ計100％にしてはいけない。
66%+30%位にしときなさい。

あと、WinIE向けにはWORD-BREAK:break-all;を適用すると、英字でも語の途中で改行表示してくれる。
237 名前： Name_Not_Found 投稿日： 02/03/18 16:18 ID:q70UV+6H: テキストの色を一部変えるspan style="color:#ffffff"というのは
メールリンクには使えないのでしょうか？
メールリンクの一部分だけで適用させたいのですが
とほほさん等で調べて見ましたがよくわかりませんでした。どうかご指南下さい。
238 名前： Name_Not_Found 投稿日： 02/03/18 16:51 ID:J7Djx+0U: >>237
リンク文字列はspanでなくてa要素だってのはわかってるのかな？
一部にだけ適用させるにはclassセレクタを使用する。
下記で勉強しよう。
http://www.tg.rim.or.jp/~hexane/ach/fscs/
http://members11.tsukaeru.net/msugai/web/index.html
239 名前： Name_Not_Found 投稿日： 02/03/18 16:51 ID:2anAEo57: >>237
<a href="malito:..."><font color="#FF0000">メール</font></a>
で変わるよ。

>テキストの色を一部変えるspan style=...
なんか大幅に勘違いしてないか？色変えるためにspanがあると思ってるなら
font colorで十分だと思うぞ
240 名前： 237 投稿日： 02/03/18 17:01 ID:p+whJok3: レスありがとうございました。
１度フォントで指定してみたのですが、変わらなかったので・・。

何か本当に大幅に勘違いしてたみたいです。
これからもっと勉強していきたいと思います。ありがとうございました。
241 名前：投稿日： 02/03/18 17:55 ID:4rXrUBZl: >>234-236
レスありがとうございます。

WORD-BREAK:break-allなんて便利なのがあったんですか！？
目からウロコ・・・
242 名前： Name_Not_Found 投稿日： 02/03/18 18:06 ID:J7Djx+0U: WORD-BREAKプロパティはCSS3の先取り実装で
いまの段階ではIEの独自拡張でしかないからね。承知の上で使ってね。
http://www.doraneko.org/misc/i18n-format/WD990127.html#a4-3
http://east.portland.ne.jp/~sigekazu/css/international.htm
243 名前： あぼーん 投稿日：あぼーん: あぼーん
244 名前： Name_Not_Found 投稿日： 02/03/18 23:04 ID:zZCoMs0j: うんちブリュ！
245 名前： Name_Not_Found 投稿日： 02/03/20 11:49 ID:sGiiSqTZ: IEを使っているのですが、LANの設定で"自動設定のスクリプトを使用する"のチェックを外さないとproxyのせいで投稿できません。
チェックを外せば書きこみできるのですが、ブラウザを1度再起動すると、またチェックがついてしまいます。
対処方法はないのですか？

"極秘"、"Re:重要なお知らせ"、"Re:お久しぶりです"といった件名で
届くメールには要注意です。他にも、"蛙"や"うんこ"なども報告されて
います。
これは、W32.Impo（別名：Dotjaypee、FBOUND など）と呼ばれる
ウイルスで、日本を中心に猛威を振るっています。メールに本文は無く、
patch.exe というファイルが添付されています。このファイルを開く
と、アドレス帳に登録されているメールアドレス宛に勝手にウイルス
を送りつけます。英語の件名や本文でウイルス付メールが届くことは
よくありますが、日本語の件名というのはとても珍しいケースです。
246 名前： Name_Not_Found 投稿日： 02/03/20 22:11 ID:v553gByA: スタイルシートで、色変更以外の方法でスクロールバーを消すことって出来ますかね？
247 名前： Name_Not_Found 投稿日： 02/03/20 22:57 ID:HAI+WWdX: >>246
overflow: hidden; or overflow: vissible;
248 名前： Name_Not_Found 投稿日： 02/03/21 01:06 ID:cIzWIYaJ: >>247
それってbodyにも効きます？
249 名前： Name_Not_Found 投稿日： 02/03/21 07:46 ID:6240ytPS: 効く。試せ。
250 名前： Name_Not_Found 投稿日： 02/03/21 11:54 ID:Oc5VenOi: >>248
N6とIEで効果が異なるよ。
「overflowプロパティは擬似フレームも作成できる」参照。
http://www17.u-page.so-net.ne.jp/qb4/chiharu-/overflow.html

そもそもスクロール・バーを消すのはユーザビリティから見て感心しない。
251 名前： Name_Not_Found 投稿日： 02/03/21 12:36 ID:lAwNC0os: cssファイルで
BODY
｛color: white ;｝
.red01{ font-size : 14pt;font-weight : normal ; color: red ; }
.nred01{ font-size : 16pt;font-weight normal ; }
と設定してhtmlで読み込み。

<span class="red01">
ココは赤色14ポイント<BR>
</span>
<span class="nred01">
ここを16ポイントで白で表示したい<BR>
</span>

この場合、どうすれば良いですか？

現在、白16ポイント表示をしたい場所が赤色（前のクラスのcolorが引き継がれてる）の状態です。
いちいちクラスに色指定を入れるのは面倒なので、
特に指定していないときはBODYで指定した色のフォントを適用したいのです。
普通は出来るようなのですが、
上記の構文で出来ません。
何か問題ありますでしょうか？

もしかして、タグ指定してないclassを設定するのって間違いですか？
252 名前： Name_Not_Found 投稿日： 02/03/21 13:11 ID:GoZ07gti: >>251
BODY
｛color: white ;｝

の { が全角じゃん。そういう問題ではないのか？
IE5.01 SP2 だと問題無く span.nred01 の部分は白くなるけど。
253 名前： Name_Not_Found 投稿日： 02/03/21 13:16 ID:GoZ07gti: .nred01{ font-size : 16pt;font-weight normal ; }
も
.nred01{ font-size : 16pt;font-weight : normal ; }
だな。書き間違いだろうけど。
254 名前： クラスがわからんのです。 投稿日： 02/03/21 14:13 ID:QA316zZU: 最近、自分の書いてるHTMLをスタイルシートに移行させようとしてる
CSS超初心者です。
初心者スレや書籍スレを見て、評判のよい「詳解」を買ったのですが
私が頭が悪すぎて、超初歩の初歩でわからんことがあります。

・全体にスタイルシートを設定。
・よそにCSSファイルを作ってそこからリンク！
・<H1>～</H1>などのタグ？要素？？ごとにスタイルシートを設定
・<SPAN STYLE="なんとか：かんとか">～</SPAN>で、はさむ。

ここまではわかったのですが、
クラスや、IDを使ってスタイルシートを指定内に適用するのが
わかないのです。
詳解よりも、もっとｱﾌｫでもわかりやすい本はありませんか？
サイトでもいいのですが、本のほうがありがたいです。
255 名前： Name_Not_Found 投稿日： 02/03/21 15:18 ID:mWZY5X64: >>254
『詳解 HTML&スタイルシート辞典』?
だったら、P.288に載ってるでしょう?

>>4の”ZSPC - Style Sheets Reference"は、
どうでしょう
256 名前： 254 投稿日： 02/03/21 15:50 ID:QA316zZU: >255
もちろん288ページを読んでるのですが、説明の言葉が難しくてよくわからないのです。
ただ「わからん」だけじゃ回答してくださる方も困ると思うので
クラスのどんなところがわかって、
どこからわからないのかについて、もうちょっと細かく書きます。

たぶん、クラスは<head>～</head>の所か、リンク先のCSSファイルで
　タグ.クラス名｛なんとか：かんとか｝
と指定して、
あとで<body>～</body>の中で
　<タグ　class="クラス名">ほにゃらら</タグ>

とすると、ヘッドやリンク先のCSSファイルで指定した書式で
「ほにゃらら」が修飾されてブラウザに表示される、と思うのですが

１.クラス名はどんな付け方をしてもいいのだろうか？
２.クラスの種類はたくさん作ってもいいのだろうか？？？
３.クラスと似てるけど違うらしい「ID」というのは何だろう？
　どう違うんだろう？？？

というのがわかりません。

（わかったことは、実際に自分でCSS入りのHTMLを書いて
　ブラウザで表示させて確認しています。説明下手でごめんなさい）
257 名前： 254 投稿日： 02/03/21 16:15 ID:QA316zZU: あと、自分がどれくらいアフォかを暴露しますと
ちょっとでも、英語や、英語をカタカナに直したような言葉や
英語を漢字の熟語に直訳したような言葉が出てくると
「え～と、アクセシビリティというのは、『利便性。交通手段への到達容易度。
　ある地点や施設への到達容易度』？？？？　はぁ？　ますますわからん。
　え～と、推測だけど、障害者とかお年寄りでも利用しやすいホームページ
（注：WEBページのこと）を作ろうということ？　だよね？？？」
などなど、いちいち立ち止まって自分の中でアフォ用の言葉に「翻訳」して
納得しながらでないと、次に進めないくらいアフォです。すみません。
258 名前： 251 投稿日： 02/03/21 16:23 ID:lAwNC0os: >>252
>>253
お答え有り難うございます。
返事遅くなってすみません。

ご指摘の部分、classの名称を変更するなどしたための
ココへの書き間違いです。

手元のCSSではBODY部分にはスクロールバーの色設定、
背景画像の設定が入っていて、その部分などは正常に作動しているんですが。
もしかしたらhtmlの中で自分がへましているかもしれません。
調べてみます。
259 名前： 251 投稿日： 02/03/21 16:30 ID:lAwNC0os: やっぱり自分のヘマでした
htmlの中にfont colorの設定の残骸が残ってました。
自分の不注意です。すみません。
最初からスタイルシートで書けばよかった・・・・
260 名前： Name_Not_Found 投稿日： 02/03/21 17:25 ID:GoRroX9U: >>256
> １.クラス名はどんな付け方をしてもいいのだろうか？
アルファベットと数字の組み合わせならなんでもよかったかと。
ただアルファベットから始まる名前じゃないとダメです。
タグの要素や属性とかぶる名前は避けたほうがいいのかな。-や_も使える。
文字数制限あったはずだけどめちゃめちゃ長い名前じゃなかったら
制限にひっかかることないです。

> ２.クラスの種類はたくさん作ってもいいのだろうか？？？
たくさんつくってかまいませんよ。

> ３.クラスと似てるけど違うらしい「ID」というのは何だろう？
idはその要素に固有の名前を与えるもので、classはページ内に同じ名前の
ものが何度もでてきていいけどidは1回しかダメってことになってる。
classあるのになんで一回しか使いないidなんかあるの？と疑問に
思うかもしれないけど、idはcssのためだけにあるものじゃないからね。
DHTMLとかJavaScriptで使うほうが多いのかな。こちらも完全に理解してる
わけじゃないので納得してもらえるようなうまい説明できないんだけど。
261 名前： Name_Not_Found 投稿日： 02/03/21 17:55 ID:90ED44Dr: >>250
>そもそもスクロール・バーを消すのはユーザビリティから見て感心しない
自分の作品を別窓で表示したいときに埋め込み広告は邪（略
262 名前： 256 投稿日： 02/03/21 18:58 ID:k9NH6o/I: ＞260
いえ。わかりやすかったです。あたまのもやが晴れました。
ありがとうございました。
263 名前： Name_Not_Found 投稿日： 02/03/22 08:05 ID:GEs3CHnZ: ┏┳┳┓
┣╋╋┫
┣╋╋┫
┗┻┻┛
┏┳┳┓
┣╋╋┫
┣╋╋┫（図１）
┗┻┻┛
↑ふたつの表（図１）を、↓図２の並び方にしたいのですが
┏┳┳┓┏┳┳┓
┣╋╋┫┣╋╋┫
┣╋╋┫┣╋╋┫　（図２）
┗┻┻┛┗┻┻┛
↓図３の、ような、テーブルの入れ子にしないで
┌────┬────┐
│┏┳┳┓│┏┳┳┓│
│┣╋╋┫│┣╋╋┫│
│┣╋╋┫│┣╋╋┫│
│┗┻┻┛│┗┻┻┛│（図３）
└────┴────┘
スタイルシートで図２にするにはどうHTMLを書けばいいのでしょうか？
264 名前： Name_Not_Found 投稿日： 02/03/22 09:50 ID:ejCY40nN: >>263
質問はアゲて。

HTMLは普通にtable二つ書けばよい。
並べるのはCSSでfloatかpositionプロパティを使用する。

ＦＡＱに段組のやり方の参考サイトを挙げておきたい。
テーブル・レイアウトから卒業するには必須だし。
http://dfj.cool.ne.jp/html/column.html
http://www.skipup.com/~l-_-l/web/
http://homepage.mac.com/csstyler/css-multicol.html
http://www32.tok2.com/home/eyeeye/css001.html
http://www.motchie.com/article/multicolumn.html
http://members.jcom.home.ne.jp/pctips/www/faq/Dangumi.html
http://www.remus.dti.ne.jp/~a-satomi/nikki/tmp/dangumi.html
http://members.jcom.home.ne.jp/pctips/www/test/positiondangumi.html
265 名前： 263 投稿日： 02/03/22 10:12 ID:GEs3CHnZ: ＞264
親切にありがとうございます。あまりにもCSS初心者丸出しな質問だったので
上げて質問するのはヒンシュクでは？　と思ったのです。

教えていただいたサイトですが、まだ全部読んでないのですが
とてもわかりやすそうに思いました。ブックマークします。
こんなに良いサイトがあるんですね…。

スタイルシートのリファレンス本は買ったし、いくつか解説サイトも見たのですが
個々のCSSの記述についてと、テーブルタグでレイアウトするのは不推奨なので
するな、ということと、スタイルシートについての考え方等は載ってるのですが
実際にスタイルシートを使って雑誌のようなレイアウトをする方法
（段組のこと）が読んでもわからなくて、途方にくれていたのですよ。

本当にありがとうございました。
266 名前：投稿日： 02/03/22 12:12 ID:hRkP8+Mr: >263のようなことをやろうとして（単に横に並べたかっただけ）
table{display:inline;}
ってやったらMacIE5でむごいこと（tableが上下に重なる）になった…．
ただ，手元にMacがないから，この指定だけが原因なのかどうなのか判断できないのだが．
267 名前： Name_Not_Found 投稿日： 02/03/22 12:52 ID:aP5IkUtH: 2
268 名前： Name_Not_Found 投稿日： 02/03/22 12:57 ID:aP5IkUtH: >>256-262
２５６さんは、詳解も良いけど、「アンク著」のような本を買ったほうが
わかりやすいんじゃないかと思われ。
アンク本の「スタイルシート辞典　翔泳社　1800円　ISBN4-7981-0020-X」なら、
いちいち翻訳しながら読まなくても頭に入るはずだよ。
269 名前： Name_Not_Found 投稿日： 02/03/22 13:30 ID:tp7/4OPz: あの本は結構いいよな。
後ろの属性別対応表とか便利。
IE6.0に対応した改訂版とか出してくれないかな。

疑似クラスをPとかSPANとかTRとかに設定出来るようにして欲しい。
表を見易くするのに便利だと思う。
270 名前： Name_Not_Found 投稿日： 02/03/22 13:53 ID:DTnpBMaB: >266
table要素はもともと display:table; という、要素をブロックの表として
扱わせるスタイルが指定されています。
これを inline に変えてしまうと、本来の定義が狂うので表がおかしくなる
ことはありえるでしょう。
Win-Mozillaでも、表の外枠の高さが変わってセルに重なったりします。
テーブルを横並びにさせるときはfloatなど、既出の方法がよいかと。

※しかしWin-IE6.0では inline にしてもちゃんと横に並んでしまうのだが…
271 名前： 266 投稿日： 02/03/22 14:12 ID:hRkP8+Mr: >270
ありがとう．そうか，display: tableの存在をすっかり失念していた．
むしろinlineで並んでしまうIE6のほうが不思議なのかもしれないな．
素直にfloatなどを使うことにします．重ねてありがとう．
272 名前： JavaScriptとCSS 投稿日： 02/03/22 17:09 ID:itpi4/gM: CSS移行途中の人間ですが、
CSSを使った綺麗なレイアウトのサイトを「Ctrl＋S」で
名前をつけて保存してみると
HTMLファイル＋CSSファイル＋ジャバスクリプトファイル
の３つでひとつのページを作ってるのがあるんですよ。
そして、そういうページは、ジャバスクリプトをオフにしていると
白地に黒い字でリンクが青字の、地味な色合いのページになります。
ジャバスクリプトスレは、CSS初心者禁止なのでこちらで質問いたしますが
なぜ、CSSだけではなくジャバスクリプトも使っているのでしょうか？
273 名前： Name_Not_Found 投稿日： 02/03/22 17:19 ID:zhuAjHKA: >>272
日本語が書けないﾔｼは何処逝っても禁止だと思うが・・・。
たとえJavaScriptを切っていようがcssファイルは読み込まれるわけだから、
ブラウザの設定がおかしいんじゃネーノ？

＞CSSだけではなくジャバスクリプトも使っているのでしょうか？
使いたいから。
274 名前： Name_Not_Found 投稿日： 02/03/22 17:20 ID:BHdJNTgb: >>272
JavaScriptでUA見て、使うcssを切り替えてるんだな。
たいていがUAのバグ対応なので、そういうことは気にする人だけがすればよい。
275 名前： Name_Not_Found 投稿日： 02/03/22 17:49 ID:yUhsizKT: >>272
>>274

バグ対応以外にも、複数のデザインの中から客に好みのを選ばせる
選択スクリプトも流行ってますな。
276 名前： あぼーん 投稿日：あぼーん: あぼーん
277 名前： Name_Not_Found 投稿日： 02/03/22 23:15 ID:6ITraUKE: あぼーんまだ？
278 名前： Name_Not_Found 投稿日： 02/03/23 10:28 ID:JJNZ35Nk: >>277よ　＿＿＿＿＿＿＿＿＿
>>276の　透　明　あ　ぼ　～　ん　ならしたよ（ｗ
かちゅだし￣￣￣￣￣￣￣￣￣
279 名前： 277 投稿日： 02/03/23 16:18 ID:aFBXAMSX: >>278よ
透明あぼ～んなら自分もしたよ（m
280 名前： 277 投稿日： 02/03/23 16:19 ID:aFBXAMSX: ﾁｮﾄIDｶｺｲｲ
281 名前： Name_Not_Found 投稿日： 02/03/23 18:24 ID:3i+++jW6: あぼーんされるとログがつまるんだよな。
ほんと迷惑だな。
282 名前： Name_Not_Found 投稿日： 02/03/23 22:40 ID:WNLvcDtH: hoge.htmlへ外部からhoge.cssを読み込みます。

hoge.htmlのbodyにはbgcolor="#000000"を、
一方hoge.cssにはbody{background-color:#ffffff;}を定義すると
macOS9.22では背景は白osXでは黒になるのはバグでしょうか。
OSによって読み込む順番が違うんですかね。
283 名前： Name_Not_Found 投稿日： 02/03/23 22:56 ID:JLaGR5xv: IE5.5使っています。
IMGタグで、heightとwidthを両方指定すると
比率に関係なくその大きさに画像が拡大または縮小されます。

比率を維持したまま拡縮させて、なおかつ指定の範囲内に
おさまるよう表示するためにはどうすればいいでしょうか？
284 名前： Name_Not_Found 投稿日： 02/03/23 23:00 ID:VWarMwt+: へえ、そんなことできるのか。cssって便利だな。
285 名前： Name_Not_Found 投稿日： 02/03/23 23:02 ID:JLaGR5xv: >>284
やっぱりJavaScriptと組み合わせて
こちらで大きさを見て計算して指定するしかないんですかね？
expressionとか使えばスタイルシートのみでできるかな？
286 名前： Name_Not_Found 投稿日： 02/03/23 23:09 ID:+4XeNymT: 漏れも質問しに来た方なんですが（ログで解決したけど）

>283

heightとwidthってIMGタグの属性じゃないの？
属性じゃないとしてもCSSとは関係ないと思います

＞こちらで大きさを見て計算して指定するしかないんですかね？

そうしない理由はなんですか？
287 名前： Name_Not_Found 投稿日： 02/03/23 23:09 ID:CUerc86j: >>283
元の画像のアスペクト比を維持した数値を指定する
ていうかスレ違い
288 名前： Name_Not_Found 投稿日： 02/03/23 23:16 ID:JLaGR5xv: <style type="text/css"></style>

スタイルシートの中で、こういう風に書けるから
てっきりこのスレかと思ってたんですけど、違いましたか。

>>287
どうもです。その数値はやはり計算で求めるしかないですか・・・
失礼しました。
289 名前： Name_Not_Found 投稿日： 02/03/23 23:50 ID:jlYL4y0i: >>282
あんさんそれはOSっつーよりブラウザのバージョンやで。
ちなみにどのブラウザかも言うてまへんがな。
いろいろ試して統計できたらバグスレにでもいきなはれ。
290 名前： 282 投稿日： 02/03/24 00:55 ID:q3sMFjZ0: >>289
そうですよね、ブラウザですよね。
つか、ちゃんと書けば全然問題ない話なんですよね。
291 名前： Name_Not_Found 投稿日： 02/03/24 14:30 ID:57vJ6YzH: >>286-288
オレもimgのサイズはstyleで指定するなぁ。
どっちが正しいんだ？
292 名前： Name_Not_Found 投稿日： 02/03/24 15:03 ID:Hyc88b/k: >>291
＞どっちが正しいんだ？

意味不明
293 名前： スレ違いを承知で 投稿日： 02/03/24 16:43 ID:OPo3XqbN: >>291
意味不明といってしまうのは可哀相な気もするけれど、
画像の大きさ（アスペクト比を維持するしないに関わらず）を変えない場合は、
imgのheight,width属性で、
変えてしまう場合にはCSSで変えるのが、Strict的。

まあ、あくまでStrict的というだけであって、
そんな事を気にしない御仁はどっちでもＯＫ。
294 名前： Name_Not_Found 投稿日： 02/03/24 18:39 ID:ovyULKK+: アクセシブルに行こうと思うならCSSで指定するしないに関わらず
imgタグにwidth、heightを書いとくべきだよ。
295 名前： Name_Not_Found 投稿日： 02/03/24 20:15 ID:82Ddgjf8: >>294
こんな記事があるけど？
ttp://members.jcom.home.ne.jp/pctips/www/faq/ImgHW.html

ちなみにISO-HTML書式
ttp://www6.plala.or.jp/s-meteo/isohtml.html#attimg
296 名前： Name_Not_Found 投稿日： 02/03/24 22:04 ID:RHbmPLHM: >>295

>新しめのブラウザでは、畫像が來ない時點では適當にレイアウトして、後から調整する、と云ふ動作をします。

これが嫌だからwidth,heightを書くべきってのが一般的に言われてることだと思ってたんだけど。全部読みこまないと表示しないってのはそうとう昔の話だよなぁ。
297 名前： Name_Not_Found 投稿日： 02/03/25 01:24 ID:pwyUd4/r: >>296
winではそうかもね
298 名前： Name_Not_Found 投稿日： 02/03/25 04:54 ID:zV+gdpHy: 自分のサイトをcssに移行している途中なのですが、
ウィンドウサイズを小さくすると文字が重なったりして
レイアウトが崩れてしまうんです。

な　　更　　文
び　　新　　文

が

鬱鬱欝
鬱欝鬱

みたいに重なって読めなくなちゃいます。
position:absoluteで指定してるのですが、原因わかる方いますか？
299 名前： Name_Not_Found 投稿日： 02/03/25 05:05 ID:UbhRimGZ: >298

%で指定してればなるけど…
ｿｰｽとかページ見ない事にはなんともいえないと思われ
300 名前： Name_Not_Found 投稿日： 02/03/25 05:12 ID:zV+gdpHy: >>299レス有難う御座います。
div.diary {
　　position:relative;
left:31.5em;
top:3em;
width:45%;
いろいろ自分でいじくっちゃって%とemまざってしまって
るんですが、こんなのが三つ並ぶ感じなのです。
なにかわかることがあればお願いします。
301 名前： 2chの悪夢 投稿日： 02/03/25 05:26 ID:YCJzxfNH: CSSなんかつかわなくてもいいだろうが。
302 名前： Name_Not_Found 投稿日： 02/03/25 05:30 ID:UbhRimGZ: >300

こんな朝早いと俺みたいな中途半端なﾄﾞｷｭｿくらいしかいないかなぁ…
俺に考え付く答えと言えばやっぱり%くらい
いちどwidthも絶対指定にして試してみれば？
あと>298と>300でpositionの指定の仕方が違うのは何故？

# あまり役に立て無くてｽﾏｿ　早く他の人が起きてくればいいね
303 名前： Name_Not_Found 投稿日： 02/03/25 05:33 ID:vXvJpTmf: ごめんよ皆。テーブルレイアウトに戻ってしまいました。
304 名前： Name_Not_Found 投稿日： 02/03/25 05:37 ID:Hf6SWrnI: テーブルでレイアウトをしてはいけません。
305 名前： Name_Not_Found 投稿日： 02/03/25 05:41 ID:M25rtwYv: http://hp-design.net/style/leccss10.html#position_caution
あたりが参考になるかも…>>300
306 名前： Name_Not_Found 投稿日： 02/03/25 05:41 ID:vFYI9ry4: >>298
floatにすれば？極端に小さい画面で見ることは希だとしても
読めないよりずれる方が良いだろうとか思ったりして。
307 名前： Name_Not_Found 投稿日： 02/03/25 05:47 ID:zV+gdpHy: >>302
widthもemにしてみたのですが、ダメでした（T_T
指定の仕方が変わっていたのは、自分でいろいろやってみて
いた為です。余計にぐちゃんこになりますた。
windowサイズを変えると、内容が縦長に伸びてwindowサイズ
の変更に対応するように設定したいのですが、さっきからいろいろ
調べて自分なりに弄っても重なったりなっがい横スクロールバーが
出現したりで・・。なんでですか・・・・。
308 名前： Name_Not_Found 投稿日： 02/03/25 05:49 ID:zV+gdpHy: あ、>>305,306さんご助言有難う御座います。
やってみます！有難う御座います！
309 名前： Name_Not_Found 投稿日： 02/03/25 05:57 ID:vFYI9ry4: relativeじゃだめだと思う。
それとemより%の方が良かったような気がする。
何かemには一部のブラウザでバグがあったような。
詳しいことは忘れた。スマン

でfloatはこのあたりを参考にしるといいかも。
http://www.motchie.com/article/multicolumn.html
310 名前： Name_Not_Found 投稿日： 02/03/25 08:24 ID:6R4/vQLR: emにバグがあったの？

そういえば、（なるべく相対指定にしたいので）
emを使ったら、破線にしてないのに、破線で表示されたり
戻ったり、おかしくなったりした。（IE5で）

exなら大丈夫かな？？？
311 名前： Name_Not_Found 投稿日： 02/03/25 09:03 ID:vFYI9ry4: emもexも基本的に文字を基準にした単位だから同じようなものかもしれない。
確かに何文字分の幅とかって便利だけど、おれはtext-indent以外 em は使わないようにしている。

http://www.asahi-net.or.jp/~xk3t-cb/css/CSSBugsJ.html
http://www.hotwired.co.jp/webmonkey/2000/16/index2a_page2.html

CSS/DHTMLバグ辞典スレッド ver2.0
http://pc.2ch.net/test/read.cgi/hp/991666454/
312 名前： Name_Not_Found 投稿日： 02/03/25 09:31 ID:UMeJsQET: >>300
ソースをもっとちゃんと出してくれなきゃ、助言できませんよ。スタイルを適用させるHTMLの方もね。
313 名前： Name_Not_Found 投稿日： 02/03/25 11:28 ID:1idkl7K6: ねえ、NN4あたりでbodyに背景画像指定したい場合はどうしますか？
NNのためだけに<body background="**">ってしてるんだけど。。。
314 名前： Name_Not_Found 投稿日： 02/03/25 11:37 ID:xiQbMYZ2: >>625
HTML 4.01では
<!ENTITY % block
"P | %heading; | %list; | %preformatted; | DL | DIV | NOSCRIPT |
BLOCKQUOTE | FORM | HR | TABLE | FIELDSET | ADDRESS">
<!ELEMENT (INS|DEL) - - (%flow;)* -- inserted text, deleted text -->

ISO-HTMLでは
<!ELEMENT (DEL|INS) - - (%text;)+ >

両方ともdt/ddを含められないんですが……どこか間違っているのかな。
315 名前： Name_Not_Found 投稿日： 02/03/25 11:37 ID:xiQbMYZ2: 誤爆ｽﾏﾝ。逝ってきます。
316 名前： Name_Not_Found 投稿日： 02/03/25 11:45 ID:vFYI9ry4: >>313
軽さを重視しているのでNN4を使ってるはず
　↓
CSSはじいてまっさらのデフォルトスタイル
　↓
レンダリングが早くなる
　↓
(ﾟдﾟ)ｳﾏｰ

でいいんじゃん。もう遺物のことは考えない。
317 名前： Name_Not_Found 投稿日： 02/03/25 11:54 ID:pwyUd4/r: >>316
対象が個人サイトなら胴衣。NS4と聞くだけで
何か事情があるのかと思ってしまうよ、NS4スレ読んでると。
>>313それでいいというかそれしかないような気が。
318 名前： 313 投稿日： 02/03/25 11:54 ID:1idkl7K6: >>316
むう、なるへそ。。。
ふんぎりつきそうです。サンクス。
319 名前： Name_Not_Found 投稿日： 02/03/25 12:28 ID:Ae+EvCcx: >>313
NN4用のCSSだけ画像のurlを絶対パスで書いているけど
ページを表示するのがやたらと遅い。
もしかしてそのせいなのかな？
320 名前： 名無しさん＠Emacs 投稿日： 02/03/25 13:28 ID:UPXU9+zP: Internet Explore 6で「position: fixed」と同等な事って、どうすればできるの?
IEのスタイルシートサポートの中途半端さにちょっと怒りぎみ。
MozillaとKonquereはできるのに。
321 名前： Name_Not_Found 投稿日： 02/03/25 18:22 ID:SlKc7Xlo: >>320
擬似フレームだ。
"擬似フレーム"・"overflow"で検索しる！
322 名前： 名無しさん＠Emacs 投稿日： 02/03/25 23:55 ID:UPXU9+zP: >>321
ありがとう。でも、自分の思ってたのとちょっと違ってたりして。
説明しなくて、ごめんなさい。
position: fixedを使うのは、こんな感じでナビゲーションボタンを
固定させたかったんです。

ul.navi{
list-style-type: none;
margin: 0;
padding: 0;
position: fixed;
bottom: 0;
right: 0;
z-index: 1;}
ul.navi li{ display: inline; }
ul.navi img{ border: none; }

<ul class="navi">
<li><a href="back.html" ><img src="images/back.png" ></a></li>
<li><a href="../" ><img src="images/top.png" ></a></li>
<li><a href="next.html" ><img src="images/next.png" ></a></li>
</ul>
323 名前： Name_Not_Found 投稿日： 02/03/26 00:06 ID:sm2z2vrN: >>322
だからそれはoverflowを応用した擬似フレームでも実現できますって。
324 名前： modo 投稿日： 02/03/26 00:09 ID:KyMHos+B: >>322
ほーれ
http://www.scriptsquare.com/usajava/sample/sample8/sample18.htm
325 名前： 名無しさん＠Emacs 投稿日： 02/03/26 01:10 ID:iN1fbnvj: >>323
疑似フレームだと位置は固定できても、ボタンの下にテキストはくぐらないですよね?
とりあえず、ボタンが浮いてるように見せたいのですが。
それとも自分の考え方が間違ってるのでしょうか?

>>324
やっぱりJava Script使うしかないっすか。
うーん。もう少し研究してみます。
326 名前： Strictスレより自己誘導 投稿日： 02/03/26 02:16 ID:NKRWo2Xa: background は、ただ単に -image とか
-color などをただ単に一括指定しているだけで、
内容が同じであれば等価ですよね？

ex.)
.hoge{ background-color: #fff; backgrond-color: none }
と、
.hoge{ background: #fff none; }

CSSのvalidator(http://www.htmlhelp.com/tools/csscheck/)に
通すと、「background(ショートハンド)のほうが
広くサポートされています」という趣旨の警告が出ます。

ZSPCのリファレンスを見る限り、例えばbackground と
background-color の対応状況が違うのはIE3のみですが、
他のUAで不都合が出ることはありますか？

# IE3だけなら、切り捨てたいです(w
327 名前： 326 投稿日： 02/03/26 02:21 ID:NKRWo2Xa: 日本語が変ですてか不自由ですｽﾏｿ

>>326の第2段落の頭に、
「colorとbackground-colorの指定をしたCSSファイルを」

第3段落の意味合いに、
「backgroundではなくbackground-colorのみの指定は」

を追加してください。

# colorプロパティの話（前景色同時指定）は関係ないです
328 名前： 326 投稿日： 02/03/26 02:25 ID:NKRWo2Xa: あぁ、>>326もう1つ訂正です。ｺﾞﾒｿﾅｻｲ
第2段落を以下と置き換え

ex.)
.hoge{ background-color: #fff; backgrond-image: none }
と、
.hoge{ background: #fff none; }
329 名前： Name_Not_Found 投稿日： 02/03/26 02:30 ID:KyMHos+B: >>325
div.ahyahya: {
left: expression(body.scrollLeft + document.body.clientWidth -X );
top: expression(body.scrollTop + document.body.clientHeight -Y );
position: absolute;