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

1 名前：Name_Not_Found ：03/07/11 03:02 ID:???: CSSに関する質問はこちらへどうぞ。　※　議論はよそで　※
■■■■■　質問のしかた　■■■■■
・基礎は解説サイト（>>4・かなりわかりやすい）で勉強してください。
・質問の前に【FAQ】（>>5-7）を参照して、既出の再掲を避けてください。
・【FAQ】でもわからなかった場合、過去ログを検索すると載ってるかも。
　WinIEの場合は、[Ctrl+F]で検索できます。
・ブラウザによって対応していないプロパティーやバグがありますので、
　【解説など】（>>4）の対応表や「CSSバグリスト」に目を通しておきませう。
・土台のHTMLが間違ってるとCSS指定も意図通りに効きません。
　正当(valid)なHTMLを心がけてください。

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

・OSやブラウザの種類とヴァージョンについては必ず明記してください。
　特にNetscapeは、ver.4までと6以降でまったく別物です。
・「環境を書け」とか「ソースは？」と求められたら応じませう。
　回答が早く得られます。説明不足な質問文で解決を期待されても困ります。

過去スレや関連リンクは>>2-10
【過去ログ】>>2
【関聯スレ】【仕様書】【CSS検証】>>3
【解説など】>>4
【FAQ】>>5-7
cf. http://web2ch.s31.xrea.com:8080/index.php?CSSFAQ
　　http://nira.s25.xrea.com/FAQCSS/ls_00.html
2 名前：Name_Not_Found ：03/07/11 03:02 ID:???: 【過去ログ】
　http://mentai.2ch.net/hp/kako/974/974934062.html
　http://natto.2ch.net/hp/kako/984/984113434.html
　http://natto.2ch.net/hp/kako/992/992992981.html
　http://pc.2ch.net/hp/kako/996/996828258.html
　http://pc.2ch.net/hp/kako/1005/10050/1005047493.html
　http://pc.2ch.net/hp/kako/1011/10113/1011358982.html
　http://pc.2ch.net/hp/kako/1015/10154/1015474859.html
　http://pc.2ch.net/hp/kako/1019/10198/1019881572.html
　http://pc3.2ch.net/hp/kako/1025/10253/1025346520.html
　http://pc3.2ch.net/hp/kako/1028/10286/1028646616.html
　http://pc3.2ch.net/hp/kako/1031/10317/1031773943.html
　http://pc3.2ch.net/hp/kako/1034/10349/1034922586.html
　http://pc3.2ch.net/hp/kako/1038/10384/1038437758.html
　http://pc2.2ch.net/hp/kako/1041/10416/1041641395.html
　http://pc2.2ch.net/hp/kako/1045/10451/1045124732.html
　http://pc2.2ch.net/hp/kako/1047/10471/1047154499.html
　http://pc2.2ch.net/hp/kako/1048/10487/1048775997.html
　http://pc2.2ch.net/hp/kako/1050/10500/1050086156.html
　http://pc2.2ch.net/test/read.cgi/hp/1053619342/l50
【前スレッド】
　http://pc2.2ch.net/test/read.cgi/hp/1055536413/l50
3 名前：Name_Not_Found ：03/07/11 03:03 ID:???: 【関聯スレッド】
・CSS/DHTMLバグ辞典スレッド第３版
　http://pc2.2ch.net/test/read.cgi/hp/1050844510/l50
・* CSS[適用="2ch"]{ イケてるスタイルを："作れ"}
　http://pc2.2ch.net/test/read.cgi/hp/1038678267/l50
・代替スタイルシートに萌え～
　http://pc2.2ch.net/test/read.cgi/hp/991400015/l50
・独自拡張、草案段階のCSSについて語れ
　http://pc2.2ch.net/test/read.cgi/hp/1019912046/l50
・CSSでイケてるデザインサイト　15
　http://pc2.2ch.net/test/read.cgi/hp/1056190919/l50

【仕様書】
・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
　http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css1/rec-css1.html
・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/07/11 03:04 ID:???: 【解説など】
・ごく簡単なHTMLの説明
　http://www.kanzaki.com/docs/htminfo.html
・ZSPC - Style Sheets Reference
　http://www.zspc.com/stylesheets/
・K@tsukun's PAGE! > CSS Reference
　http://hp.vector.co.jp/authors/VA022006/css/index.html
・とほほのスタイルシート入門
　http://tohoho.wakusei.ne.jp/wwwcss.htm
・ばけらの CSS リファレンス
　http://www.ne.jp/asahi/minazuki/bakera/html/css/reference
・Academic HTML::CSS2
　http://www.tg.rim.or.jp/~hexane/ach/
・ZSPC - CSS2対応状況ガイド
　http://www.zspc.com/documents/css2/
・CSS対応状況表
　http://hp.vector.co.jp/authors/VA022006/css/corrbrwser.html
・CSS1テストスイート　http://www.doraneko.org/css1test/
・ブラウザのHTML4/CSS対応度テスト
　http://homepage1.nifty.com/emk/moz/browsertest.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
・ブラウザによる振り分け　（JavaScriptを使用しない方法）
　http://east.portland.ne.jp/~sigekazu/css/boxm.htm#ua
・（ ´∀｀）＜ CSS でイケてるデザインサイトリンク集2
　http://www.geocities.co.jp/SiliconValley-SantaClara/1308/
・* CSS { イケてるスタイルを："作れ";} 発表所　（消滅？）
　http://strict.jp/~sappari/2ch/css.php
5 名前：_ ：03/07/11 03:04 ID:???: http://homepage.mac.com/hiroyuki44/jaz09.html
6 名前：Name_Not_Found ：03/07/11 03:05 ID:???: 【FAQ】
Q1: IEでは大丈夫なのに、Netscape6 以降で見ると横スクロールバーが出たりするが？
A1: Windows版 Internet Explorerのボックス・モデルが間違った実装だからです。
「width と height の計算方法の実装の違いについて」参照。
http://hp.vector.co.jp/authors/VA022006/css/visualren.html#ref-width-height
width（height）は、要素の内容領域の幅（高さ）を指定するプロパティですが、
WinIE等では、ボーダー領域 + パディング領域 + 内容領域の寸法で計算されます。
Netscape 6以降やMacintosh版 Internet Explorer 5 の計算が正しい。
WinIEもver.6 からは標準準拠モードにすると仕様通りに計算してくれます。
http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp#cssenhancements_topic3
参考「IEとNNのBOXの計測方法の違いについて」
http://www.fromdfj.net/html/border2.html

Q2: text-align:center;を指定しても Netscape6(or7)ではtableなどブロック要素がセンタリングできません。IEでは中央寄せになるのに……
A2: IEの実装の誤りです。詳しくは下記（特に4.）をご覧ください。

1.'text-align'に関する考察
http://anslasax.net/css-make/t-a/index.html
2.IE5.5とNetscape6のCSS - 中央寄せ
http://tancro.stp-1.com/stylesheet/n6_center.html
3.Internet Explorer 6におけるCSSの拡張
http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp#cssenhancements_topic6
4.ブロックレベル要素をセンタリングする方法
http://www.mozilla.gr.jp/standards/webtips0004.html
7 名前：Name_Not_Found ：03/07/11 03:05 ID:???: 【FAQ】
Q5: なんかフロートの表示が崩れるみたいなんですけど？
A5: floatさせる要素にはwidth指定が必須（img要素以外）。抜かすとMacIEやOperaでの表示は保証できません。WinIEは勝手に補ってくれるだけです。
http://www.remus.dti.ne.jp/~a-satomi/nikki/tmp/floattest/float_not-specified-width.html
これに当て嵌まらなかったら「浮動要素の高さもheightに含めさせる方法」などを参考に。
　http://www.mozilla.gr.jp/standards/webtips0021.html#c1_2
　　http://cssbug.tripod.co.jp/detail/winie/b079.html
　　　http://pc2.2ch.net/test/read.cgi/hp/991666454/683n

Q6:画面中央に配置するにはどうすれば？
A6:左右（水平方向）のセンタリングはA2に既出。垂直には色々な方法があります。
　「スタイルシート縦中央(垂直中央)」参照のこと。
　http://www.parkcity.ne.jp/~chaichan/qanda/qa3558.htm

Q7:背景画像を二つ指定するにはどうするか。
A7:background-imageは一要素に一つだけ。要素を重ねるなど工夫しませう。

Q8．いままでＨＴＭＬでやってた××をCSSでやるにはどうすればいい？
A8．下記に書いてあります。テーブル・レイアウトは段組のFAQ（A4・>>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
8 名前：Name_Not_Found ：03/07/11 03:16 ID:???: 【FAQ】
Q3: CSSで擬似フレームってどうやるの？
A3: 次のページを参考にして下さい。
overflow プロパティは擬似フレームも作成できる
　http://alt.s31.xrea.com/overflow.html
　http://alt.s31.xrea.com/files/frame.html
overflowを用いた擬似フレーム
　http://www.fromdfj.net/html/overflow.html

Q4: CSSで段組するには？
A4: 下記などを参照して下さい。
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://shiten.s9.xrea.com/etc/stylesheet/multi_column.htm
段組れいあうとてすと　(floatによる段組の例)
　http://www.remus.dti.ne.jp/~a-satomi/nikki/tmp/dangumi.html
なかよしぱれっと　（ネスケ４でも崩れない段組みの実例）
　http://village.infoweb.ne.jp/~fores/
9 名前：Name_Not_Found ：03/07/11 03:19 ID:???: すまん、>>7と>>8は逆です。あーなんか邪魔入るしグダグダだー
10 名前：Name_Not_Found ：03/07/11 04:07 ID:???: >>1
乙

マジで粘着宣伝厨ウゼ～YO
11 名前：Name_Not_Found ：03/07/11 04:50 ID:???: >>10
手動とか思っちゃったりしてる訳ですか？
12 名前：hegth ：03/07/11 09:50 ID:???: 【hegth】

456 名前：Name_Not_Found sage 投稿日：03/06/25 (水) 18:20 ID:???
自分の馬鹿さを晒し上げているスレはここですか？
hegth:100px; → これを実数値（正確には実数値+単位）という
hegth:100%; → これを割合値という
13 名前：Name_Not_Found ：03/07/11 10:55 ID:???: hegthもテンプレかよ
14 名前：Name_Not_Found ：03/07/11 11:26 ID:???: 【hegth】　へぐす

SEXの秋田弁
15 名前：Name_Not_Found ：03/07/11 12:01 ID:???: 506 名前：Name_Not_Found[sage] 投稿日：03/06/26 15:00 ID:???
>>491, 455
html 要素の style 属性は無意味と言うか、そんなものは無いから外せ。

バグ辞典スレにも "html 要素の高さ" なんて言ってる馬鹿がいるけど、
実際に CSS が適用されるのは body 要素とそれに含まれるものだけ。
16 名前：Name_Not_Found ：03/07/11 12:06 ID:???: 質問させて下さい。
<div align:"center"></div>で<body>内の文章をセンタリングして
文章の幅をp.class名で指定していたのですが
宣言文を<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
にしたところ文章がセンタリングされなくなり
左寄せに表示されるようになってしましました。
宣言文を外すと大丈夫なのですが、何か間違ってますでしょうか？
一応イメージは

<style type="text/css">
</style>
</head>
<body>
<div align="center">
<p class="class名">文章文章文章文章</p>
</div>
</body>

こんな感じです。宣言文は入れたいのですが何か解決策はないでしょうか。
どなたかお知恵をお貸し下さい。
17 名前：Name_Not_Found ：03/07/11 12:48 ID:???: >>16
文章全部センタリングしたいなら

<style type="text/css">
</style>
</head>
<body>
<p class="class名">文章文章文章文章</p>
</body>

でどうかな？　意図が違ったらゴメン。
18 名前：16 ：03/07/11 13:04 ID:???: >>17さんすみません。説明不足でした。
文章は長めで左寄せしたいので
text-aign:leftにしてあります。テキストボックスのような感じで
中央にもっていきたいということです。
文書宣言を入れてからこうなったので何か間違ってるのかと思いました。
よろしくお願いします。
19 名前：Name_Not_Found ：03/07/11 13:15 ID:???: >>18
要はテキストの中身の文章は左揃えにして、その文章の入っている
ボックスはセンタリングしたいって事？

※きちんと、自分の期待している事を他人にも解るように書こう
20 名前：18 ：03/07/11 13:21 ID:???: >>19さん
そうです。説明下手ですみません。その通りです。
何がおかしいんでしょう？
21 名前：Name_Not_Found ：03/07/11 13:29 ID:???: >18
それなら>17のtext-align:center;を取っ払えば良いと思う。
要するにp要素をセンタリングしたいんだよね？

text-align:center;で内包するボックスがセンタリングされるのは
旧IEの間違った解釈で、テンプラのどっか見れば詳しく解説してあると思う。
22 名前：19 ：03/07/11 13:30 ID:???: 恐らく正しい書き方はこうなんだけど、

<DIV style="margin-left: auto; margin-right: auto;">
<P style="text-align: left;">
文章文章文章文章（ｒｙ
</P>
</DIV>

問題があって、IE じゃ、div のスタイルに text-align: center とやると、
ボックスがセンタリングされ、しかも、margin-xxx: auto; が効かない

>>5 にも書いてるこのページを参考にするといいかも

http://tancro.stp-1.com/stylesheet/n6_center.html
23 名前：18 ：03/07/11 13:47 ID:???: ｷﾀ━━━━━━(ﾟ∀ﾟ)━━━━━━ !!!!
>>21さん>>22さん出来ました！うれしいっす！
margin-left: auto;
margin-right: auto;
これを入れてなかったです。これってボックスの位置を解放するって感じなのでしょうか？
その辺は自分で調べてみます！本当にありがとうございました！！
24 名前：Name_Not_Found ：03/07/11 14:47 ID:???: なんでＦＡＱも見ずに質問するんだよ……
25 名前：Name_Not_Found ：03/07/11 16:00 ID:URKPJFkY: テンプレ集に掲載されているW3C CSS Validation Serviceを使ってみたのですが、
行番号: 12 コンテキスト : body
プロパティ scrollbar-3dlight-color は存在しません : #0000dd
行番号: 13 コンテキスト : body
プロパティ scrollbar-arrow-color は存在しません : #220022
行番号: 14 コンテキスト : body
プロパティ scrollbar-base-color は存在しません : #ffffff
のようにエラーが7つも表示されます、原因あるでしょうか。
<style type="text/css">

</style>
26 名前：Name_Not_Found ：03/07/11 16:03 ID:???: scrollbar関係のプロパティはWinIEだけの独自拡張で
正式な仕様で認められてないからです。
27 名前：Name_Not_Found ：03/07/11 16:20 ID:???: >>26
ありがとうございます、嬉しい。
長月の謎がとけました。
28 名前：Name_Not_Found ：03/07/11 16:40 ID:???: >>前スレ976
950の例がｐだからblockで構わないと思うが。
それならp.printonlyにしろって話はあるが。
29 名前：Name_Not_Found ：03/07/11 16:58 ID:???: フォントセットの作り方を教えてください。例えば
<span class="body">ほげほげ hogehoge</span>
というタグがあったとして、和文フォントと欧文フォント
を、それぞれ別々に指定したいのです。ブラウザは
最近のであれば良いかな、と。
30 名前：Name_Not_Found ：03/07/11 17:09 ID:???: >>29
>それぞれ別々に指定したいのです
できません（IE6やOperaが）。それぞれ別にマークアップして下さい。
欧文にはlang属性の指定も忘れずに（MacIEバグ対策）。
31 名前：Name_Not_Found ：03/07/11 17:10 ID:???: >>29
和文と欧文を別々にclassでも割り当ててfont-familyを与えれば？
32 名前：29 ：03/07/11 17:16 ID:???: わかりますた。ありがとです。面倒くさいもんなんですね。
適当にツール作って処理することにします。
33 名前：(^0_0^) ◆DQN/hI5I2A ：03/07/11 19:25 ID:???: ＞＞みんな、CSSってなんの略か知ってるのかな？
まー君の自スレ晒しちゃおぅ
http://pc2.2ch.net/test/read.cgi/hp/1053369590/l50
ちなみにWEBマスターと呼んでくれ
34 名前：Name_Not_Found ：03/07/11 20:22 ID:???: >>29
――併記するのがいいかなぁ･･･
alphabet, alphabet（保険に） , 日本語ふぉんと, ......
35 名前：Name_Not_Found ：03/07/11 21:41 ID:???: 長月の謎って面白いね
36 名前：Name_Not_Found ：03/07/11 22:11 ID:???: >>35
9月だっけ？
37 名前：Name_Not_Found ：03/07/11 22:12 ID:???: >29
ttp://www.ne.jp/asahi/minazuki/bakera/html/css/font#font-family

一番最後に必ず一般フォント名を指定しなくてはならないので注意。
38 名前：Name_Not_Found ：03/07/11 22:12 ID:???: ながつき【長月】
〔「ながづき」とも〕陰暦九月の異称。菊月。［季］秋。
39 名前：Name_Not_Found ：03/07/11 22:23 ID:???: >>37
末尾に generic font family を指定するよう奨励されてはいるが必須ではない。
>Authors are encouraged to offer a generic font family as a last alternative, for improved robustness.

[<family-name> | <generic-family>],]* [<family-name> | <generic-family>]
<family-name> または <generic-family> を単独で指定するか、コンマ区切りで指定する。
40 名前：Name_Not_Found ：03/07/11 23:05 ID:???: >39
いやそれは知ってるんだが
個別に指定されてるフォントが無かった場合の挙動って
特に決まってなかったと記憶してたんで。

普通はUA側で指定されたフォントが使われるんだろうけど
万が一文字化けしたりするかも知れないし。
41 名前：Name_Not_Found ：03/07/11 23:47 ID:???: >>40
読み手に勘違いさせるような、紛らわしい発言をするな。
リストの末尾に総称ファミリを指定していようがいまいが、
フォントマッチングが下手なブラウザだったら化ける時は化ける。
font-family を真面に実装しているのは Gecko系ブラウザだけだ。
42 名前：Name_Not_Found ：03/07/12 00:07 ID:???: >>40
>個別に指定されてるフォントが無かった場合の挙動って
>特に決まってなかったと記憶してたんで。

仕様書読んでいないな。CSS1 でも CSS2 でも
フォントマッチングのアルゴリズムが規定されている。
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css1/rec-css1.html#font-matching
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/fonts.html#algorithm
43 名前：Name_Not_Found ：03/07/12 05:29 ID:GuR2a2YU: border:1px dotted #000000;
winIEで見るとMacIEより線が荒いのですがそんなもんなんでしょうか？
44 名前：Name_Not_Found ：03/07/12 05:41 ID:???: >>43
1px幅で、何をもって「荒い」と？
45 名前：Name_Not_Found ：03/07/12 05:46 ID:o7AeAoyO: >>43
確かにドットのボーダーって感じはしないよね。
そんなもんなのです。
46 名前：Name_Not_Found ：03/07/12 05:48 ID:???: dottedは2px、doubleは4pxが最適。
47 名前：43 ：03/07/12 05:49 ID:GuR2a2YU: こんな時間でもレスありがとうございます。
>>44
ドットの幅なんですがMACの方がきめ細かいので。
>>43
了解です。
48 名前：43 ：03/07/12 05:51 ID:???: 自分にレスしてるし、、
>>45-46
さんでした。
49 名前：Name_Not_Found ：03/07/12 05:55 ID:???: WinかMacかよりも、ブラウザによって異なる。
MozillaやOperaで見てごらん。
50 名前：_ ：03/07/12 06:01 ID:???: http://homepage.mac.com/hiroyuki44/jaz09.html
51 名前：Name_Not_Found ：03/07/12 06:03 ID:???: >>12
52 名前：Name_Not_Found ：03/07/12 06:51 ID:???: http://pc2.2ch.net/test/read.cgi/hp/1040377672/721

>721 名前：690[sage] 投稿日：03/07/12 00:29 ID:???
>話が変な方向に向かっているようですが、僕のほうはIEが変な表示をするのは放っておいて閲覧者にMozillaの利用を推奨することにしました。
>回答してくれた方ありがとうございます。

神ｷﾀ*･゜ﾟ･*:.｡..｡.:*･゜(ﾟ∀ﾟ)ﾟ･*:.｡. .｡.:*･゜ﾟ･*!!!!!
53 名前：Name_Not_Found ：03/07/12 09:30 ID:???: >32
　ツール作るほうが面倒だよ。わけわからんコメント書くなｳﾞｫｹ
正直ウザいよ。お前みたいな素人の捨て台詞は。

:lang(en)実装を待っとけ。ｶｽが。
54 名前：Name_Not_Found ：03/07/12 10:44 ID:???: ﾚｽｵｿｲﾖ… （´д）ﾋｿ(´д`)ﾋｿ(д` )
55 名前：Name_Not_Found ：03/07/12 12:29 ID:???: >>53
…。
56 名前：Name_Not_Found ：03/07/12 12:35 ID:???: >>53
(´・∀・`)ﾍｰ
57 名前：Name_Not_Found ：03/07/12 19:06 ID:???: タグで
<table height="100%">
はＣＳＳでどうやって表現するしたら良いんでしょうか？
58 名前：Name_Not_Found ：03/07/12 19:13 ID:???: そんなもんあるか
59 名前：Name_Not_Found ：03/07/12 20:00 ID:???: hegth なら OK じゃ？（藁
60 名前：Name_Not_Found ：03/07/12 20:00 ID:H/b+/mx2: ◎無修正画像をご覧下さい◎２日間無料です◎
★http://yahooo.s2.x-beat.com/linkvp/linkvp.html★
61 名前：unko ：03/07/12 20:03 ID:???: >>57
対応していないブラウザがあるようですが
style="height:100%;"
62 名前：Name_Not_Found ：03/07/12 20:27 ID:???: hegthを実装しているブラウザはあるんですか?
63 名前：Name_Not_Found ：03/07/12 21:18 ID:???: >>62

>>12 見ろ
64 名前：Name_Not_Found ：03/07/12 22:10 ID:???: >>57
>>15見とけ。
65 名前：Name_Not_Found ：03/07/12 23:30 ID:???: >>57
>時々間違える人がいますが、TABLE 要素には height という属性はありません（二大
>ブラウザは独自に対応しているようですが）。表の高さは内容量によって自動的に決ま
>ります。もっとも、スタイルシートで高さを指定することは可能で、……
http://www.ne.jp/asahi/minazuki/bakera/html/reference/table#table
66 名前：Name_Not_Found ：03/07/13 01:02 ID:???: ページ全体に枠をつける方法はわりとよく見かけるのですが
ページの下部にだけ、または上部にだけ枠というか線をつける
方法がなかなか見つかりません。
よろしくご指導のほどお願いします・・・。すみません。
67 名前：Name_Not_Found ：03/07/13 01:06 ID:???: >>66
BODY{
border-top-width : 1px;
border-top-style : solid;
border-top-color : black;
}
68 名前：66 ：03/07/13 01:07 ID:???: >>67
早速レスが・・・！
感激です。ありがとう！
69 名前：67 ：03/07/13 01:07 ID:???: >>66
センスねえなあ。俺。
BODY{border-top : 1px solid black;}
70 名前：Name_Not_Found ：03/07/13 01:19 ID:???: bodyへのborder指定、特にborder-bottomの表示は、要注意。
IE6標準モードと、NN7やとWinIE互換モードとでは異なるよ。
閲覧領域に枠線をつけたいなら、htmlに対して指定すべきかも。
http://cssbug.tripod.co.jp/detail/winie/b036.html
71 名前：Name_Not_Found ：03/07/13 02:13 ID:???: 質問です。
現在、A.html/B.html/C.htmlというファイルがあって、
それぞれにA.css/B.css/C.cssをよみこませているけれど、
そのCSSの中身は文字コード指定と、@importでmain.cssを読み込ませる指定が
あるだけという事を前提とさせてください。

A/B/C三つのファイルのbody要素にはid属性が振られていて、
それを利用して背景画像だけそれぞれ違うものにしようと思うのですが、
その場合にmain.cssに
body.a{~~~~~~~~~} body.b{~~~~~~~~~} body.c{~~~~~~~~~}
と記述した場合と、
A.css/B.css/C.cssにbody.hoge{~~~~~~~~~}だけ追加してやるのとで、
読み込みの早さなどは違うものでしょうか？
画像サイズはそれぞれ20kほどなのですが、気になるほど違いが出るのか
自分の環境ではよく解らないので、
どちらの方が良いとかあるようでしたら、教えてください。
72 名前：Name_Not_Found ：03/07/13 02:29 ID:???: idなら#
73 名前：Name_Not_Found ：03/07/13 02:31 ID:???: >>71
20kより、もっと、ううんと重いサイズの画像で試したら、ハッキリするかも。
74 名前：Name_Not_Found ：03/07/13 02:33 ID:???: >>73
> 20kより、もっと、ううんと重いサイズの画像で試したら、ハッキリするかも。
ううんと、可愛い。
75 名前：Name_Not_Found ：03/07/13 03:03 ID:???: >>71
そんなことで違いは出ないから安心していい
76 名前：unko ：03/07/13 10:10 ID:???: 背景画像だけ変えるんだったら、三つのCSSファイル使うんじゃなくて
一つのファイルにまとめた方が多少は早いね。まああまり変わらないけど。
77 名前：71 ：03/07/13 14:34 ID:???: >>72-76
ありがとうございました、1つのファイルに書いておくことにします。
>>72
まちがえちゃいました！！
78 名前：Name_Not_Found ：03/07/13 17:49 ID:???: Name　　　　[　　　　　　　　　]
Mail
79 名前：Name_Not_Found ：03/07/13 17:53 ID:???: Name　　　[　　　　　　　　　]
Mail [　　　　　　　　　]
URL [ ]

フォームのinputをこのように揃えたいんですが、やっぱりテーブルでやった方がいいですか？

さっきのは間違え投稿っす
80 名前：Name_Not_Found ：03/07/13 17:55 ID:???: Name　　　[　　　　　　　　　　　　]
Mail 　　　[　　　　　　　　　　　　]
URL　　　 [　　　　　　　　　　　　]

さらにミス・・・・いっぺん吊ってくる・・・

フォームのinputをこのように揃えたいんですが、やっぱりテーブルでやった方がいいですか？

微妙にずれてるけど
81 名前：Name_Not_Found ：03/07/13 18:00 ID:???: >>80
表だと思うなら表を使って、表だと思わないんだったら表を使わず
positionなりfloatなりを使ってください。
82 名前：Name_Not_Found ：03/07/13 18:24 ID:???: positionなりfloatなりを使ったりしなくても、HTMLのマークアップだけで対処できないか？
pなりulなりdlなりで済む気がする。
となると、そもそもＣＳＳスレッドでする質問かね？
83 名前：Name_Not_Found ：03/07/13 19:12 ID:???: dt要素をコンパクトボックスに設定できれば良いのだけどな。
「display:compact」を実装してるのは Opera しかないしな。
84 名前：Name_Not_Found ：03/07/13 20:57 ID:???: dt{
float:left;
width:6em;
}

<form>
<dl>
<dt><label for="name" id="name">Name</label></dt>
<dd><input type="text" name="name" size="30" value="" tabindex="1" /></dd>
・・・
</dl>
</form>

dl使うならこんな感じで
85 名前：Name_Not_Found ：03/07/13 22:43 ID:???: >>84は不可。
ddへのスタイル指定が抜けてる。
dd {margin-left:6em;} とか dd {margin:0 0 0 6em;}とか。
dtに対しても、
dt {
clear:both;
float:left;
……
}
とフロート解除しないと、えらいことになる。
86 名前：Name_Not_Found ：03/07/13 22:54 ID:???: >>84
それ、dl要らない。
dtだのddだの無しにして、単にlabelをfloat:left;すれば済むでないの。
87 名前：Name_Not_Found ：03/07/13 23:21 ID:???: >>86
それはstrictじゃないから、訂正するべきことじゃない。
form要素の子要素はブロックレベル要素。
88 名前：Name_Not_Found ：03/07/13 23:28 ID:???: ならformの中味をdivか何かで括っておけ。
どっちにしろdtだのddだのはよけい。
89 名前：Name_Not_Found ：03/07/14 00:20 ID:???: 端末での入力と出力の例を書きたくてスタイルシートで
div.console{
white-space: pre;
font-family: monospace;
}
としたんですが、IEではうまくスペースを含めた等幅に表示されません。
IEでは white-space: pre に対応していないそうですが、
スタイルシートで乗り切る方法は無いのでしょうか。

#今のところはHTMLの<pre>で乗り切ってるんですがちょっと気持ちが悪いです。
90 名前：Name_Not_Found ：03/07/14 00:25 ID:???: なぜ気持悪い？　preは別に非推奨要素ではないだろ。
pre.console {font-family: monospace;} でよし。
91 名前：89 ：03/07/14 00:36 ID:???: えと、私の場合は単に「スペースを含めてすべてを等幅に表示してほしい」
というだけですので、「意味」ではなく「見てくれ」を記述したいだけなんです。
で、「スタイルシートで書くべき」と感じてしまったんですが…ちがうのかな?
ちょっと考え直してみます。
92 名前：Name_Not_Found ：03/07/14 00:57 ID:???: >>91
pre要素の意味わかってる？
整形済、ってことだよ。スペースも含めて整形されたものであるならpre要素でOKだよ。
93 名前：Name_Not_Found ：03/07/14 01:05 ID:???: モノクロレーザープリンターからのプリントアウト専用に、CSSを作ってるんですけど、
font color="xxx"って感じで、色が指定されている部分だけを太字化する方法はありますか？
94 名前：Name_Not_Found ：03/07/14 01:16 ID:???: >>93
css使っててfont要素を使うこと自体ナンセンスでは。
クラスを与えてやって、プリントの場合とブラウザで表示する場合とでわけりゃいいんじゃねえの？
95 名前：89=91 ：03/07/14 01:19 ID:???: >>92
分かってるつもりだったんですが。
「整形済み」ってのは「意味(内容)」ではなく「見てくれ」レベルのお話なんじゃないかと。
なんて悩みつつも、ブラウザ(を作っている会社)がHTMLレベルの問題だと思ってるみたいなんだから
自分だけの尺度で「気持ち悪い」ってのはお子様の屁理論ですね。
改心します。
96 名前：Name_Not_Found ：03/07/14 01:23 ID:???: >>95
その文章の意味に、構造（スペースや改行位置）が含まれてるならpre要素だよ。
詩とか、そういうのも当てはまるな。
「俺がこう見せたいから」ってのは、「見てくれ」レベルだけどな。
あなたが言ってるのはpre要素でOK。
97 名前：93 ：03/07/14 02:02 ID:???: >>94
仰るとおりです。説明不足ですみません。
私が作りたいのは、巡回してるときに他人のWebページを印刷をするときのCSSです。
IEで言うところの、オプションの全般タブにあるユーザー補助機能の、
ユーザースタイルシートを作成したいんです。
98 名前：Name_Not_Found ：03/07/14 02:07 ID:???: >>97
@media print{
font[color] {
font-weight:bold;
}
99 名前：Name_Not_Found ：03/07/14 10:32 ID:Z6exOose: 英単語を「-」で折り返し改行したいんですが、それを行わせるプロパティはないでしょうか？
IEだとなにもせずとも自動で改行してくれるんですが、Mozilla/NN系だと改行してくれないので。
100 名前：hegth 100; ：03/07/14 11:46 ID:???: 100
101 名前：Name_Not_Found ：03/07/14 11:56 ID:liUVG0Jf: >>99
white-space・・・はやっぱりCSS3だから、今はとりあえずnobr wbrタグ。
102 名前：89=91=95 ：03/07/14 12:40 ID:???: >>96
なんだかすごく納得できました。
私が書きたいことは「スペースがなくなってしまうと違う意味になってしまう」
のだから
「見てくれ」ではなく「意味」ってことですね。
とってもスッキリしました。ありがとうございます。
103 名前：Name_Not_Found ：03/07/14 13:39 ID:???: >88
とゆーかfieldset
104 名前：93 ：03/07/14 14:17 ID:???: >>98
CSS2はほとんど知らないので勉強しないと…
属性セレクタなんてものがあったんですね。
IE6では対応してないみたいなので、Mozillaを使うことにします。
どうもありがとうございました。
105 名前：Name_Not_Found ：03/07/14 17:02 ID:NOW0wxKW: NSのことで質問します。
WinですがNS6.1ではスタイルを指定してもほとんど無視されて
全く違う画面になってしまい困っています。
指定しているのは色やリストなどで特に複雑なものはありません。
IE5.5の方では正常に見えるので表示されない理由を知りたいのですが。
106 名前：Name_Not_Found ：03/07/14 17:12 ID:???: >>105
HTMLとCSS、そして自分が望んでいる状態を書いてみて
107 名前：105 ：03/07/14 18:00 ID:???: >106
次の二点がNSで表示されないです。

<head>
<style type="text/css">

</head>
</style>
<body>
<p>海</p>
</body>
文字色のみかわりサイズが変わりません。

<hr style="color: red;">
これはただの<hr>で表示されます。

よろしくお願いします。
リストの間違いは分かりました。
108 名前：Name_Not_Found ：03/07/14 18:11 ID:???: >>107
とりあえずheadとstyleの入れ子がおかしい。
109 名前：105 ：03/07/14 18:22 ID:???: >108
すいませんコピペミスで元々のデータは
きちんとしています。
110 名前：Name_Not_Found ：03/07/14 18:23 ID:???: 文字の大きさの単位がないけど省略時は何になるんだっけ
111 名前：Name_Not_Found ：03/07/14 18:47 ID:???: >>110
省略不可
112 名前：Name_Not_Found ：03/07/14 18:50 ID:???: >>107
>font-size:30;
長さの値は「0」の場合を除いて単位識別子を付けなければならない。
単位識別子の無い長さは不正であり、その値を含む宣言は無視される。
ピクセル値として補完されたりするが、それは不正なエラー処理である。
http://www.mozilla.gr.jp/standards/webtips0005.html

><hr style="color: red;">
hr要素へのスタイル指定はブラウザによって解釈が様々。
http://members.tripod.co.jp/cssbug/misc/hr.html
http://www.mozilla.gr.jp/standards/webtips0003.html
113 名前：Name_Not_Found ：03/07/14 18:53 ID:???: >>112
ウソつくなよ死ね。
114 名前：105 ：03/07/14 20:37 ID:???: >112
どうもありがとうございます。
おかげで解決しました。
115 名前：Name_Not_Found ：03/07/15 15:36 ID:myu4BfHx: Inputタグのボタン（type=submit等）にだけ
スタイルを適用することはできないでしょうか？
置換を利用してclassを付加するのは危険が伴うし
テスト行程が大幅に戻ってしまうので
cssファイルを触るだけで対処したいのです。
116 名前：Name_Not_Found ：03/07/15 16:04 ID:???: >>115
http://hp.vector.co.jp/authors/VA022006/css/selector.html#attribute-selectors
117 名前：Name_Not_Found ：03/07/15 16:52 ID:???: 属性セレクタはWinIEが非対応だけどね。>>116
118 名前：Name_Not_Found ：03/07/15 20:25 ID:4Yt1SlT/: すいませんどう説明して良いかわからないんですが・・、
外部CSSでボックスを作ったんですけど↓
}
div{
　margin-left:100px;
color:#0000ff;
width:300px;
　height:100px;
　background-color:#f0ffff;
　overflow:auto;
}
これを表示させるとボックスが左よりなんですよ、ボックスをセンターに寄せたい。
またボックスをもっと下の方に配置したいのにどうやれば良いかわかりません。

自分がやりたいボックスの理想は↓
ttp://homepage2.nifty.com/yss/
このホームページのようなボックスが作りたいんです。
宜しくお願いします。
119 名前：Name_Not_Found ：03/07/15 20:34 ID:???: >>118
marginについて勉強してください。
中央寄せは、よくある質問なので、いちいち返答しません。
・質問の前に【FAQ】（>>5-7）を参照して、既出の再掲を避けてください。
120 名前：115 ：03/07/15 20:37 ID:???: >>116-117
有難うございます。
ＩＥはCＳＳ２への対応がまだまだなんですね…。
やはりCLASSを追加することにします。
121 名前：118 ：03/07/15 20:37 ID:???: >>119
すんませんです。
調べて来ます。
122 名前：昔の人 ：03/07/15 20:38 ID:???: >>118 >ボックスをもっと下の方に配置したいのにどうやれば

margin-top値を指定するとか、
positionプロパティとtopプロパティとを設定するとかしませう。
基礎を>>4のサイトで覺えた方がいいかも。
123 名前：118 ：03/07/15 20:42 ID:???: >>122
どうもありがとうございます。
今調べてる途中です、勉強になります。
124 名前：118 ：03/07/15 21:51 ID:???: 出来たーーーーーーーーー！！
意外と簡単だった・・。
どうもありがとう！
125 名前：Name_Not_Found ：03/07/16 15:59 ID:???: はじめまして。質問させてください。
<TABLE width="90%">をスタイルシートで指定するとしたら
table{
margin-left: 5%;
margin-right: 5%;
}
これでいいですか？
なんだかうまくならないです。間違っているところを教えてくださったらうれしいです。
126 名前：Name_Not_Found ：03/07/16 16:01 ID:???: width:90%
127 名前：Name_Not_Found ：03/07/16 16:08 ID:???: >>126
すいません。解決しました。
難しく考えすぎてました。
ありがとうございました。
128 名前：Name_Not_Found ：03/07/16 23:31 ID:???: class厨って言われたんですが、classを多用してたら駄目なんですか？
129 名前：Name_Not_Found ：03/07/16 23:35 ID:???: >>128
具体的にどう使ったの？
130 名前：128 ：03/07/16 23:38 ID:???: http://game3.2ch.net/test/read.cgi/netgame/1049345763/939

正体ばれるかもしれません。
131 名前：Name_Not_Found ：03/07/16 23:46 ID:???: >>128=130
いっぺん http://pc2.2ch.net/test/read.cgi/hp/1040377672/l50 にでも晒せ。
132 名前：Name_Not_Found ：03/07/16 23:52 ID:???: >>130
<div align="center">ってお前…
テーブルレイアウトだし。
もうちょっとがんがれ。
133 名前：129 ：03/07/16 23:53 ID:???: >>130
すでにCSSの問題ではない。
HTMLの勉強汁。
ツーことで>>131
134 名前：Name_Not_Found ：03/07/16 23:55 ID:c0n3qNgn: できませんおしてて下さい

<style>
a[text-decoration:none]

</style>

<body>

<a href="toppu.htm">トップページ</a>
</body>

ウンダーラインが消えるって言われたのでやったんですが
できませんおしえて
135 名前：Name_Not_Found ：03/07/16 23:56 ID:c0n3qNgn: はやくおしえて
136 名前：Name_Not_Found ：03/07/16 23:58 ID:c0n3qNgn: １２じになるまでに教えてください
137 名前：Name_Not_Found ：03/07/16 23:58 ID:NPNpiEnv: a{text-decoration:none;}
138 名前：Name_Not_Found ：03/07/16 23:58 ID:???: >>134
ウンダーラインは最初っからでて無いよ。
139 名前：Name_Not_Found ：03/07/17 00:00 ID:XCbJT6Ot: 138さん
いっつも青色にする方法も教えてください
140 名前：Name_Not_Found ：03/07/17 00:00 ID:XCbJT6Ot: １２じになったのでもういいですばいばい
141 名前：Name_Not_Found ：03/07/17 00:03 ID:Cm1CHys8: なんなんだろ・・

いっつも青色っていうのもわからんしなあ
142 名前：Name_Not_Found ：03/07/17 00:09 ID:XCbJT6Ot: >>141
めいわくしてこめんなさい
143 名前：Name_Not_Found ：03/07/17 00:09 ID:???: うっせハゲ
144 名前：Name_Not_Found ：03/07/17 00:14 ID:???: >>139
body{color : blue; background : blue;}
A:LINK{color : blue; background : transparent;}
A:ACTIVE{color : blue; background : transparent;}
A:VISITED{color : blue; background : transparent;}
145 名前：Name_Not_Found ：03/07/17 00:16 ID:XCbJT6Ot: 暇ﾎﾟ
146 名前：Name_Not_Found ：03/07/17 00:26 ID:???: >>145
結局ネタだっかた。
次↓
147 名前：Name_Not_Found ：03/07/17 00:28 ID:???: どうやったら肛門を閉鎖できますか？
148 名前：Name_Not_Found ：03/07/17 00:30 ID:???: >>147
ｽﾚ違い
149 名前：Name_Not_Found ：03/07/17 00:34 ID:???: anus {
border-style: none;
width: 0;
height: 0;
}
150 名前：Name_Not_Found ：03/07/17 08:22 ID:???: >>149
ありがとうございました。本当に助かりました。
151 名前：Name_Not_Found ：03/07/17 08:53 ID:???: >149
goood job
ﾜﾛﾀ
152 名前：Name_Not_Found ：03/07/17 09:47 ID:???: anus {
border-style: none;
width: 0;
heght: 0;
}
153 名前：Name_Not_Found ：03/07/17 11:13 ID:FeKionHs: td{ color : blue; }

<table><tr>
<td>a</td><td>a</td><td>ここだけ</td><td>a</td><td>a</td>
</tr></table>

ある一箇所だけcssを適用したくない時どうするんですか。
154 名前：Name_Not_Found ：03/07/17 11:45 ID:???: td{ color : blue; }
.anus{ color : 望みの色; }

<table><tr>
<td>a</td><td>a</td><td class=anus>ここだけ</td><td>a</td><td>a</td>
</tr></table>
155 名前：Name_Not_Found ：03/07/17 11:51 ID:ybE/jkM9: >>153
.red {
color: red ;
}
<td class="red">ここだけ</td>
156 名前：Name_Not_Found ：03/07/17 11:56 ID:???: redなんてアホみたいなクラス名使うな
157 名前：_ ：03/07/17 12:12 ID:???: http://homepage.mac.com/hiroyuki44/jaz10.html
158 名前：Name_Not_Found ：03/07/17 13:17 ID:???: redもだめだけどanusの方がアホだと思う俺は素人ですか
159 名前：Name_Not_Found ：03/07/17 14:42 ID:???: class="sirouto"
160 名前：Name_Not_Found ：03/07/17 16:01 ID:???: >>158
そういう意味があるのならredよりはまし
161 名前：Name_Not_Found ：03/07/17 16:05 ID:???: hegth なんてもっと駄目だろ（ﾌﾟｹﾞﾗ
162 名前：Name_Not_Found ：03/07/17 16:26 ID:???: >>161
しつこいねきみも
163 名前：Name_Not_Found ：03/07/17 16:33 ID:???: >>162
頼む、かまうな
164 名前：Name_Not_Found ：03/07/17 16:42 ID:???: あれほどの恥ずかしいのは定期的に晒し上げられてもしかたないような
165 名前：Name_Not_Found ：03/07/17 17:44 ID:???: ＞あれほどの恥ずかしいのは

ここに慣れてないやつ増えてきたな・・・
166 名前：Name_Not_Found ：03/07/17 19:34 ID:???: >>160
戦隊もののリーダーが何故赤であるかを考察した文章かもしれませんよ
167 名前：Name_Not_Found ：03/07/17 19:48 ID:???: テーブルレイアウトからCSSレイアウトに変えたいんですけど、これって具体的にはどういったことをすればいいんでしょう？
現在トップページのメニューを画面いっぱいおいたテーブルで仕切ってデザインしている形なんですけど...
サイトへ誘導でもかまいません、どなたか教えてくださったらうれしいです。
168 名前：Name_Not_Found ：03/07/17 20:07 ID:???: >>167
「ぴしっと仕切りに沿ったデザインでないとｶｺﾜﾙｲ」って先入観を捨てることかな
169 名前：Name_Not_Found ：03/07/17 21:10 ID:???: >>167
段組みのしかたがFAQに載ってる
170 名前：Name_Not_Found ：03/07/17 21:11 ID:???: >>168
>>169
ありがとう。
難しいけれどがんばってみます。
171 名前：Name_Not_Found ：03/07/17 22:26 ID:/ATaS6ui: TABLEのセル（サイズ変動）にピタッと内接するように
オブジェクト（divレイヤや子TABLE）を配置したいのですが
良い手段はないでしょうか？
172 名前：Name_Not_Found ：03/07/17 23:37 ID:???: >>171
テーブルレイアウトしている予感がするんだが、違うよな？
もしそうならスレ違いだ。若しくはテーブルレイアウトをやめろ。
173 名前：Name_Not_Found ：03/07/17 23:43 ID:???: >>161
基地外ﾊｹｰﾝ
174 名前：Name_Not_Found ：03/07/17 23:46 ID:???: >hegth なんてもっと駄目だろ（ﾌﾟｹﾞﾗ
アフォ丸出し（w
全然おもしくないし、ネタの賞味期限切れ
(´ι _` 　) 氏ねや
175 名前：Name_Not_Found ：03/07/17 23:48 ID:???: >>174
遅ﾚｽ杉
全然おもしくないし、レスの賞味期限切れ
176 名前：Name_Not_Found ：03/07/17 23:52 ID:???: 暇でアフォな引き蘢り君は見ない方がいいんじゃないのか？
理解が出来ないの低能だから面白くないんだろうしな（w
もうくるなよ低能
177 名前：Name_Not_Found ：03/07/18 00:00 ID:???: >>176
> 理解が出来ないの低能だから面白くないんだろうしな（w
何語？
178 名前：Name_Not_Found ：03/07/18 00:01 ID:???: 前スレ456も黙ってればみんな忘れるのになんで必死に蒸し返すかね
179 名前：Name_Not_Found ：03/07/18 00:01 ID:???: >>177
俺はこの暇でアフォな引き蘢り君のために「出来ない程の」と補ってあげるべきだと思う。
180 名前：Name_Not_Found ：03/07/18 00:02 ID:???: 何を理解できない低脳なの？
面白い書き込みなんて一つも無かったと思うんだけど。
181 名前：Name_Not_Found ：03/07/18 00:03 ID:???: >>177
「は」ぐらい抜けているってわからないのか？アフォ（w
だからアフォって言われるんだよ
182 名前：Name_Not_Found ：03/07/18 00:03 ID:???: >>178
違うよ。４５６以外がわざと煽って蒸し返してるんだよ。
煽ってるのも、煽られてるのも４５６じゃない。
183 名前：Name_Not_Found ：03/07/18 00:04 ID:???: >>181
「理解が出来ないのは低能だから面白くないんだろうしな（w 」
ってこと？守護と述語が繋がってないと思うんだけど。
184 名前：Name_Not_Found ：03/07/18 00:04 ID:???: >>180
ここは面白い書き込みを期待するスレではない。
スレタイぐらい読めんのか？
低脳
185 名前：Name_Not_Found ：03/07/18 00:06 ID:???: >>184
> 理解が出来ないの低能だから面白くないんだろうしな（w
と行ってる人に聞いてるんだよ。何を面白くないと言ってることにこの人は突っ込んでいるのか、って。
文盲はとりあえず黙っててね。
186 名前：Name_Not_Found ：03/07/18 00:22 ID:???: 「出来ないのは低脳」にしてもさっぱりだ
187 名前：Name_Not_Found ：03/07/18 00:31 ID:???: >>186
もっと噛み砕いてみよう。
「低能だから理解が出来ないので面白くないんだろうな（w」

何が？と。
188 名前：Name_Not_Found ：03/07/18 01:17 ID:???: たかが、hegth でおまえら釣られ杉ｗ
189 名前：Name_Not_Found ：03/07/18 01:22 ID:???: >>188
誰もhegthの話なんてしてないよ。
低のうには分からないような面白い話ってどれですか？って話だよ。
文盲はとりあえず黙っててね。
190 名前：Name_Not_Found ：03/07/18 01:34 ID:???: >>176=>>161なのカナ?
191 名前：Name_Not_Found ：03/07/18 01:37 ID:???: >>190
多分ね。
「なんで俺の傑作な書き込みが笑えないの？ここの住人はｳﾞｧｶ？」って言いたいんだろう。
192 名前：Name_Not_Found ：03/07/18 01:42 ID:???: >>190
きっと>>188もだろうな
193 名前：Name_Not_Found ：03/07/18 01:44 ID:???: >>192
「そうだ！ネタだったことにしよう！漏れは釣り師だったことにしよう！」
194 名前：Name_Not_Found ：03/07/18 03:10 ID:???: そんなことはどうでもいい
195 名前：Name_Not_Found ：03/07/18 03:19 ID:???: >>192
きっと>>194もだろうな
196 名前：Name_Not_Found ：03/07/18 06:02 ID:???: CSS3が勧告されたら、真っ先に何を使う？
197 名前：Name_Not_Found ：03/07/18 07:32 ID:???: >>161-195
自分の馬鹿さを晒し上げているスレはここですか？
198 名前：Name_Not_Found ：03/07/18 07:35 ID:???: >>197
ちがいます
きっと>>197もだろうな
199 名前：Name_Not_Found ：03/07/18 08:26 ID:???: 放置出来んやつが増えてきたのは、あぁそうか、明日から夏休みか･･･
200 名前：Name_Not_Found ：03/07/18 10:09 ID:zggDNcIn: >>199
この時期になると「夏房」のせいにしかできない奴って・・・・
201 名前：Name_Not_Found ：03/07/18 13:00 ID:???: いや、、、いつも通りの共食いに見えるが....
202 名前：初心者 ：03/07/18 13:18 ID:zeZhwPcd: <html><head><title></title>
<style type="text/css"></style></head>
<body>
<p id="id0">
この段落では、内容と枠線の間を上下左右とも０ピクセルに設定しています。
</p>
<p id="id1">
この段落では、内容と枠線の間を上下左右とも２０ピクセルに設定しています。
</p>
<p id="id2">
この段落では、内容と枠線の間を上下左右とも４０ピクセルに設定しています。
</p>
<p id="id3">
この段落では、右側の内容と枠線の間を５０％に設定しています。
</p>
<p id="id4">
この段落では、左側の内容と枠線の間を５０％に設定しています。
</p>
</body>
</html>
windowsIE6.0何がいけないのでしょうか？
203 名前：Name_Not_Found ：03/07/18 13:23 ID:???: 何がしたいんだ？
204 名前：Name_Not_Found ：03/07/18 13:24 ID:???: >>202
少なくとも漏れのWinIE6.0では指定通りに見れているが、
何を聞きたいのかね？
205 名前：>>204 ：03/07/18 13:30 ID:zeZhwPcd: 右側がどれも指定どおりになりません・・・
206 名前：＞＞２０４ ：03/07/18 13:31 ID:zeZhwPcd: 文も改行されないで１行なんです・・・
207 名前：Name_Not_Found ：03/07/18 13:33 ID:???: >>205-206
ちゃんとなりますけど？
208 名前：>>207 ：03/07/18 13:37 ID:zeZhwPcd: ソフトがダメってことでしょうか？
そういうことってありますか？
拾ってきたフリーソフトなんですが・・・
どんな仕上がりかみれませんか？
209 名前：Name_Not_Found ：03/07/18 13:46 ID:???: >>208
フリーソフト？何を言いたいのかわからん
保存してIEで見てみればいい
>>202のソースで目的の表示になるから
210 名前：>209 ：03/07/18 13:52 ID:zeZhwPcd: HP作成ソフトのことです・・・
これ使わなくても表示させるやり方あるんですか？
211 名前：Name_Not_Found ：03/07/18 13:57 ID:???: >>210
ttp://tohoho.wakusei.ne.jp/wwwbeg1.htm#Sakusei
212 名前：Name_Not_Found ：03/07/18 14:27 ID:???: >>199
こんな時間から２ちゃんとは、もしやあなたは一生夏休みな方でしょうか？
213 名前：Name_Not_Found ：03/07/18 14:31 ID:???: >>212
そしてあなたも。
214 名前：>211 ：03/07/18 14:35 ID:zeZhwPcd: 解決いたしました。
結果に誤解があったようで・・・
どんなに文が長くても・ウィンドウが小さくても指定したpaddingが保たれればいいんですね。
色々すいませんでした・・・
215 名前：Name_Not_Found ：03/07/18 14:58 ID:APm8HNOW: tableにおける、paddingを使う意味ってどんなことがありますか？
何でもいいので教えてください。
216 名前：Name_Not_Found ：03/07/18 15:14 ID:???: >>215
君は紙に文字を書くとき余裕を空けずに端から書くのか？
217 名前：215 ：03/07/18 15:16 ID:???: というか文字は端に書きます。
218 名前：Name_Not_Found ：03/07/18 15:22 ID:???: 意味って言われても困ってしまうが、とりあえず「余白がとれる」んじゃねぇの
219 名前：Name_Not_Found ：03/07/18 15:24 ID:APm8HNOW: >>216
ありがとうございます。参考になりました。

>>217
なんで偽物を・・・・
220 名前：Name_Not_Found ：03/07/19 00:37 ID:n1Nb5jMe: 質問させてください。
W3C CSS検証サービスで検証した結果

行番号: 20 コンテキスト : hr
次のプロパティが正しくありません : sizeプロパティ size は存在しません : 1px

と結果が出ました。
自分はスタイルシートで　hr {size:1px;
221 名前：220 ：03/07/19 00:42 ID:n1Nb5jMe: 切れてしまいました。すみません。
上のような感じで指定しているのですが
間違ってますでしょうか？
間違ってる場合サイズの指定はどうやったらいいのでしょうか？
どなたかお教え下さい。
222 名前：Name_Not_Found ：03/07/19 00:52 ID:???: >>220-221
heightとwidthでいいんじゃない。
223 名前：220 ：03/07/19 00:56 ID:n1Nb5jMe: >>222さん
解決しました。本当にありがとうございます。
224 名前：Name_Not_Found ：03/07/19 01:09 ID:DWaNN4NX: スレ違いだったら誘導してください。

htmlは複数作らずに（1ファイル）だけで
それぞれのOSとIE4以上、NN4.7以上に対応するページを
作りたいと思ってるのですが、どのようなティップスを
使えば実現できるのかわかりません。
漠然としたイメージでは、何かを使って（ここで何を
使えばいいのか不明）ブラウザをチェックして振り分け？て
それぞれのブラウザにあったCSSを外部ファイルでリンク
させればいいのかなって思ったのですが実際にどうすれば
それが出来るのかわからないのです。
ブラウザで振り分けたら飛んだ先？が必要ってことは
やっぱりOSごとブラウザごとのファイルが必要なのか？
とこんがらかってしまっています。
もっともシンプルでファイル数を増やさない方法を
教えてもらえますか？
225 名前：Name_Not_Found ：03/07/19 01:13 ID:???: オーソドックスにあじしおがはまる。
226 名前：Name_Not_Found ：03/07/19 01:25 ID:???: >>224
NN4は@importとかでキック。IE4とかは捨てる
227 名前：Name_Not_Found ：03/07/19 01:33 ID:???: >>224
ブラウザごとバージョンごとに分けたいんだったらCGIとか
.htaccessの設定とかJavaScriptとか。
結局ファイルはたくさん作ることになりそう。
CSS使わないのがいちばん簡単。
228 名前：Name_Not_Found ：03/07/19 01:33 ID:wDX6EVou: 疲れているあなたにご褒美サイト！
http://homepage3.nifty.com/coco-nut/
229 名前：Name_Not_Found ：03/07/19 02:10 ID:???: >>224
1. 先ずは仕様書などを読んでしっかりと仕様を覚える
2. 仕様に沿った適切なマーク付け＆スタイルを指定する
3. 対応状況やバグ情報を参照して対処できるものは対処する
4. もし UA によって多少見栄えが異なっても気にしない
5. 何らかの方法で制作者のスタイルシートを無効にできる
　古い UA については、適用されないように対処しておく
6. 対処しきれない古い UA は，きっぱりと見棄ててしまう

IE4 や NN4.x は過去の遺物。
シェアも殆どないので見棄てるのが一番。
http://su.que.jp/slazsi/web/netscape4.html
230 名前：Name_Not_Found ：03/07/19 02:19 ID:???: >>229
7. hegth は使わない
231 名前：Name_Not_Found ：03/07/19 02:57 ID:DWaNN4NX: 224です。
シェアを考えたらこんなターゲットブラウザは嫌なんですが
それで作ってっていわれてしまったんです。
htmlファイルが一つなら、外部ファイルが増えるのは構いません。
元々紙なんでwebのことはあんまりわかってないんです。
すみませんがよろしくお願いします。
参考になるサイトのURLとか検索するのに最適なキーワードとか
でもいいです。自分で検索したけどあまり有益なページに
行き当たらなくてキーワードが悪いと思うんですが。
スタイルシートを使うのも指定されててきれないんです。
232 名前：Name_Not_Found ：03/07/19 03:14 ID:???: 簡単な方法などないってことで
いっぱいファイル作らんとね
233 名前：Name_Not_Found ：03/07/19 03:29 ID:???: >>231
参考になるサイトのURLなら、
>>4 とか >>229 とか、もう出てる。
それらがあまり有益なページじゃないっていうなら、
自分のスキル以上の仕事を引き受けてしまったと知って
あきらめろ。
みんなそういうのを知って個々に工夫しているはずだ。
234 名前：Name_Not_Found ：03/07/19 12:06 ID:UEogz3Ac: ＞簡単な方法などないってことでいっぱいファイル作らんとね

シンプルなっていうのは簡単にって意味ではなく
あんまりややこしい作りだと動作が不安定になったり
何かと問題の元かなと思ったので。
外部ファイルが増える分には全然OKですが
1つのデザインに対して最低でも4パターン対応のものを
作るとなるとページが4倍になるからコスト的に
できないのです。

よくアクセスするとブラウザごとに振り分けられて
それぞれのOSとブラウザごとにちゃんと表示できてる
サイトでもっとも多く使われてる手法はどういう
手順になっているのでしょうか？
235 名前：Name_Not_Found ：03/07/19 12:21 ID:???: .htaccessで振り分けだろ
ほぼ同じ内容のファイル4つ作るのになんでコストが問題になるんだ?
236 名前：Name_Not_Found ：03/07/19 14:44 ID:???: CSSの振り分けだけならPerlでも良いじゃんﾄｶ。
まぁウチがそうしてるんだけど。
237 名前：Name_Not_Found ：03/07/19 15:08 ID:???: 負荷がかかるがCGIが楽かもしれん。

link href="hoge.cgi"で
CGI側からtext/cssあたりでおくろう
238 名前：Name_Not_Found ：03/07/19 15:26 ID:NW0Qbs+G: http://www.microsoft.com/japan/
の左にあるようなメニューをＣＳＳで作りたいと思い、
A:hover {
color: black;
background: #CCCCCC;
border: 1px solid gray;
width:100% ;
}

を左側のテーブルのリンク部分に適用したんですが、
マウスが乗ると　下にメニュー全体がずれる（動く）んです。

動かないようにするにはどうすればいいんでしょうか？
よろしくお願いします。
239 名前：Name_Not_Found ：03/07/19 15:30 ID:???: a{
border:1px;
}
でどうか。
240 名前：238 ：03/07/19 15:45 ID:???: >>239

普通のリンクで、なにも変化ありません。
241 名前：Name_Not_Found ：03/07/19 16:13 ID:mscoRUUw: すみません、自分で調べてみたのですが良く分からないので質問します。
スタイルシートで「target="_blank"」と同じ効果を持つものってありますか？
242 名前：Name_Not_Found ：03/07/19 16:17 ID:2h+jFG0m: >>241
ないね。
未定義のものだと、同じページにフレーム解除されて表示される。
あと、できるとしたらJSか
243 名前：Name_Not_Found ：03/07/19 16:20 ID:???: >240
a:hoverにborderをつけて、通常のaに何もつけないと
borderの太さの分だけ大きさが変わる。
通常のaに、hoverのborderと同じだけの太さの透明なborderなりpaddingなりを指定するべし。

a{ padding: 1px;}
a:hover{ border: solid 1px #ccc; padding: 0px;}

とかね。

>241
無い。
244 名前：241 ：03/07/19 16:22 ID:mscoRUUw: >>242
やはりないのですか。
strictでサイトを作りたかったのですが、
別ページでリンク先を表示させないと色々と不便が生じてしまうサイトなんですよ。
諦めてtransitionalで作ります。
回答して頂きありがとうございました！
245 名前：241 ：03/07/19 16:23 ID:mscoRUUw: >>243
是非次のバージョンでは出来るようにして欲しいですよね。
レスありがとうございます！
246 名前：Name_Not_Found ：03/07/19 16:24 ID:???: >>238
a{
border: 1px solid 背景と同じ色;
width: 100%;
}
A:hover {
color: black;
background: #CCCCCC;
border: 1px solid gray;
width: 100%;
}
247 名前：Name_Not_Found ：03/07/19 16:27 ID:???: >>245
死のうな
248 名前：Name_Not_Found ：03/07/19 17:02 ID:???: a属性にwidth指定すんなって言われた
249 名前：Name_Not_Found ：03/07/19 17:04 ID:???: あぁそう
250 名前：Name_Not_Found ：03/07/19 18:00 ID:???: >245
出来るようになりはしないから安心して氏ね
251 名前：Name_Not_Found ：03/07/19 18:03 ID:9fFgzh3N: 死ねよ、お前。
252 名前：Name_Not_Found ：03/07/19 18:32 ID:???: >>241の質問毎スレで見かけるけどみんなlintで100点厨なんだろうな。
おとなしくtarget="_blank"って書いて嫌われて氏ねばいいと思うよ。
253 名前：238 ：03/07/19 19:02 ID:???: >>240

ありがとうございます。
borderの分ピコって動いてたんですね！

>>246
こちらの方法でも動かなくなりました。
ただ、背景が画像だったため、同じ色の背景は指定できませんでした。
254 名前：Name_Not_Found ：03/07/19 19:58 ID:???: 自分に礼を言う夏厨と言うのもなかなか面白い
255 名前：なまえをいれてください ：03/07/19 20:38 ID:???: ハッキリ言ってアメリカなどの多民族国家では黒人の方がアジア人よりもずっと立場は上だよ。
貧弱で弱弱しく、アグレッシブさに欠け、醜いアジア人は黒人のストレス解消のいい的。
黒人は有名スポーツ選手、ミュージシャンを多数輩出してるし、アジア人はかなり彼らに見下されている。
(黒人は白人には頭があがらないため日系料理天などの日本人店員相手に威張り散らしてストレス解消する。
また、日本女はすぐヤラせてくれる肉便器としてとおっている。
「○ドルでどうだ？(俺を買え）」と逆売春を持ちかける黒人男性も多い。）
彼らの見ていないところでこそこそ陰口しか叩けない日本人は滑稽。
256 名前：Name_Not_Found ：03/07/19 22:44 ID:???: >241
念のため言っとくと
そう言う動作に関わる事はUAの仕事であり
HTMLやCSSの仕事じゃないんで
この先新しく追加される事は多分無いと思う。
257 名前：Name_Not_Found ：03/07/19 23:43 ID:???: すみません、サイト制作していてCSSにつまづきました・・・
Xhtml1.1で、

<ul>
　　　<li><a href="..　　　<li><a href="..　　　<li><a href="..　　　・・・・（略）
</ul>

といったようなメニューの部分を、CSSで　float: left;　を使って横並びに表示させてます。
それを、中心にくるように配置したいのですが、
私の技量では左寄りから横並びにしか出来ないのです・・

どうやったらセンター配置になるでしょう。
知恵をお貸し下さい(*´Д｀)
258 名前：Name_Not_Found ：03/07/20 00:04 ID:???: >257
ul { margin: auto; }
259 名前：Name_Not_Found ：03/07/20 01:26 ID:???: >>258
(ﾟДﾟ)ﾊｧ?
>>257
ul {
margin-left: auto;
margin-right: auto;
padding: 0;
width: ???;
}
paddingを0にして、widthを指定してmarginを左右autoにする。
260 名前：257 ：03/07/20 04:16 ID:???: >>258
>>259

どうもありがとうございました、両方とも早速試してみたところ、
やっぱり真ん中に配置されません。
>>259さんのはちょっとだけずれて、いい感じになったのですが
左端からやはり離れてくれません。
width:100%でやりました。
他のCSSとかぶっておかしくなってるんでしょうか。
何故なのかさっぱりわからないです…
261 名前：Name_Not_Found ：03/07/20 05:04 ID:???: >>260
100%じゃなくてもっと小さい数字で。 >>6で充分だろ。
262 名前：Name_Not_Found ：03/07/20 05:04 ID:???: >>260
>width:100%でやりました。

あほかいな。100%の意味、わかっとるか？　80%とかでやってみい。
263 名前：Name_Not_Found ：03/07/20 09:15 ID:???: >>260
「さっぱりわからない」のは知識と理解が不足しているから。
ボックス、視覚整形モデルが解ってないと CSS は理解できません。

例えば、次の様な事柄を知っておくと良いでしょう：

　・ブロックレベル要素が設置するコンテナブロックの概念
　・内容領域(width, height)と周辺領域(margin, padding, border)
　・ボックスの種類；ブロックやインラインの整形コンテキストなど
　・内容領域の幅（高さ）と水平（垂直）方向のマージンの算出方法

などなど。

これらの概説については、仕様書の第8～10章辺りを参照のこと。
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/box.html
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/visuren.html
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/visudet.html
264 名前：257 ：03/07/20 12:05 ID:???: どうもありがとうございます。
今日初めて>>6に書かれているようなことを知り、
勉強しなきゃいけなかったんだ…と後悔しています。
何も考えずに質問してしまってすみませんでした。

まだ思い通りの表示には出来てないのですが、
しばらく色々読んだりしてがんばります。
どうもありがとうございました。
265 名前：Name_Not_Found ：03/07/20 19:13 ID:ngLZTO4l: テーブルのTD内をスクロール表示させるにはどうしたらいいですか？

table{ width:2em; height:2em; border:1px solid black;}
td{ overflow:scroll;}

<table>
<tr>
<td>000000000000000000</td>
<td>1<br>2<br>3<br>4<br>5<br>6<br></td>
</tr>
</table>

これだと出来ず、
<td><div style="overflow:scroll;">ほげほげ</div></td>
これだと出来るんですが、それが本来のやり方か疑問でして・・・
266 名前：Name_Not_Found ：03/07/20 19:46 ID:???: すんません、下げ忘れました。
あと、上記の<td><div style="overflow:scroll;">ほげほげ</div></td>を使うと
Operaではテーブルからはみ出してしまいます。
何かいい解決法はありませんか？
267 名前：八重洲支店 ：03/07/20 20:40 ID:???: http://life.fam.cx/a007/
268 名前：Name_Not_Found ：03/07/20 20:56 ID:???: >>265
よくわからんけど、テーブルにoverflowは無効かもしれないですね。
いっそのこと、全部CSSでまとめてみたら？
269 名前：Name_Not_Found ：03/07/20 21:06 ID:???: ジャズ紳士 ◆rHkT/SfI7A
↑
■■HP評価スレッド■■をﾒﾁｬｸﾁｬに荒らしてるコテだぞ・・・
スルーが一番ﾏﾀｰﾘ逝こうよ('A`)
270 名前：Name_Not_Found ：03/07/20 21:13 ID:???: tbodyをスクロールさせてるのならよく見るけど、trなのか・・・
271 名前：Name_Not_Found ：03/07/20 21:21 ID:???: >>268
ｻﾝｸｽｺ
いくらやっても無理っぽいんでdivを入れ子にしまつ。
div厨になるけどこれしか・・・
272 名前：Name_Not_Found ：03/07/21 14:01 ID:???: >>265
><td><div style="overflow:scroll;">ほげほげ</div></td>
>これだと出来るんですが、

スクロール・バーが出るだけで、スクロールはできないけど？(NN7、Opera7)
WinIE6だとスクロール・バーも出やしない。
273 名前：Name_Not_Found ：03/07/21 14:42 ID:???: >>265-272

CSS/DHTMLバグ辞典スレッド第３版
http://pc2.2ch.net/test/read.cgi/hp/1050844510/357-
274 名前：Name_Not_Found ：03/07/22 00:21 ID:???: >>272
それにはdivにheightが必要なんじゃないかと
275 名前：Name_Not_Found ：03/07/22 00:52 ID:???: >>274
hegth でわ？ｗ
276 名前：_ ：03/07/22 00:56 ID:???: http://homepage.mac.com/hiroyuki44/jaz09.html
277 名前：Name_Not_Found ：03/07/22 01:52 ID:???: >>275
もうそれ秋田よ
278 名前：Name_Not_Found ：03/07/22 02:08 ID:???: >>277
漏れは専用ブラウザで置換してるよ。
279 名前：Name_Not_Found ：03/07/22 02:25 ID:???: >>274　でもtdにheightを指定してやっても駄目なんだよね、なぜか。
<td style="height:3em;"><div style="overflow:scroll;">1<br>2<br>3<br>4<br>5<br>6<br></div></td>
280 名前：Name_Not_Found ：03/07/22 04:14 ID:???: >>297
div
281 名前：Name_Not_Found ：03/07/22 04:14 ID:???: ｽﾝﾏｿ、>>279ね
282 名前：Name_Not_Found ：03/07/22 10:27 ID:???: >>278
自分で書いたのをNGwordにしてるんだ？w
283 名前：Name_Not_Found ：03/07/22 16:54 ID:???: すみません、質問なんですが…

body{
scrollbar-base-color:
scrollbar-track-color:
scrollbar-face-color:
scrollbar-shadow-color:
scrollbar-darkshadow-color:
scrollbar-highlight-color:
scrollbar-3dlight-color:
scrollbar-arrow-color:
}

以上の他にもスクロールバーの色を変えるのってありますか？
284 名前：Name_Not_Found ：03/07/22 17:23 ID:???: >>283
スタイルとしてはそのぐらいじゃない？
何をしたいの？
285 名前：283 ：03/07/22 18:01 ID:???: >>284
ええと、多分ベースだと思うんですけれど。
スクロールバーのベースの部分をクリックすると、一瞬だけクリックされてない方のベース部分に補色が表示されます。

あれを、どうにか設定できないかなって思ったのです。
ええと…多分分かりにくい事行ってると思います、すみません。
286 名前：Name_Not_Found ：03/07/22 18:08 ID:???: >>285
これでいろいろやってみたら？
ttp://msdn.microsoft.com/workshop/samples/author/dhtml/refs/scrollbarColor.htm
287 名前：和久井伸晃 ：03/07/22 21:09 ID:6aVVheOn: フレームの*のように、
HEIGHT,WIDTHに残った領域を割り当てることってできないのか？
288 名前：Name_Not_Found ：03/07/22 22:54 ID:xzNbHinD: ***************************************************************
　　　　　　　　　　★白ロム専門店　［Dream Store］★
５０５シリーズが続々登場です！F505iも発売開始！！
Dream Storeでは白ロムの買取も始めました！
要らなくなった白ロムをDream Storeに売って下さい！
新機種も続々登場しております。SH505i/J-SH53/F505i/N505iなど…
在庫処分品もSO505i・D505i・SH251i・SO211iなどが追加されました。
その他の機種も全品値下げ致しましたので一度ご来店下さい！！

Dream Storeでは白ロム（携帯電話）を取扱っております。
白ロムは簡単に言うと機種変更用携帯です。
１年未満,水没した,盗難されたなどの方はｓｈｏｐで機種変更するより安く出来ます。
まずは価格を見に来てくださいね。皆様からのご注文を心よりお待ちしております。
　　　　　　　　　　　　 http://dream-store.net
****************************************************************
289 名前：Name_Not_Found ：03/07/22 23:50 ID:???: >>287
はい
290 名前：Name_Not_Found ：03/07/23 02:27 ID:???: positionプロパティを使ってフレームページを作ろうと考えています
しかし、positionプロパティの値であるfixedが全く効きません
テンプレにもoverflowを使った擬似フレームのことしか書かれてないので
position : fixed;はIE5.0では未実装なんでしょうか？
それともやり方を間違っているんでしょうか？

.navi {
position : fixed;
top : 100px;
left : 100px;
}
291 名前：Name_Not_Found ：03/07/23 02:27 ID:???: >>290
position : fixed;はIE5.0では未実装なんです
292 名前：290 ：03/07/23 02:29 ID:???: >>291
あー、やはりIE5.0では未実装でしたか
すばやいレスをどうもありがとうございます
293 名前：Name_Not_Found ：03/07/23 02:32 ID:???: っつーかtopとleftなんてプロパティあったか
294 名前：Name_Not_Found ：03/07/23 02:40 ID:???: #ad{ position:absolute; top:1em; right:1em;}
<p id="ad">広告</p>
とかはたまに使うな。
295 名前：Name_Not_Found ：03/07/23 02:43 ID:???: >>291
すばやいレスっていうかむちゃくちゃ早いな
296 名前：Name_Not_Found ：03/07/23 05:23 ID:???: >>293
……(´Д`;)
297 名前：Name_Not_Found ：03/07/23 08:22 ID:DtybDKbg: cssファイルの中にファイル参照として
別の複数の.cssファイルを呼び出す書き方を忘れてしまいました。
教えて頂けませんか？

たしか（./～～.css）みたいな書き方だったと思います。
298 名前： ◆W3C.HTmlKw ：03/07/23 08:25 ID:???: @import url(hoge.css);

ファイル先頭に書くこと。
299 名前：Name_Not_Found ：03/07/23 08:48 ID:???: >>293
このスレで発言するのはもう少し勉強してからのほうが…
300 名前：hegth ：03/07/23 09:18 ID:???: 300 GET
301 名前：Name_Not_Found ：03/07/23 09:24 ID:???: ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!
ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!
ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!
ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!
ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!
ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!
ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!
ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!
ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!
ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!
ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!
ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!
ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!
ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!
ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!
ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!
ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!
ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!ぬるぽ!
302 名前：Name_Not_Found ：03/07/23 11:20 ID:kNMR6QeL: 夏ですな
ネスカフェでも飲んでマターリしますか・・
303 名前：Name_Not_Found ：03/07/23 12:12 ID:2CYGYtOG: ≪２００３年≫「クーポン屋」について
 http://www.c-gmf.com/index1.htm
《説明》ビジネスパートナーを募集しています。どんな人でも稼げます。
１日のアクセスが２０００人のＨＰなら簡単に稼げます。
２０００人×３０日＝６万人のアクセスがあるサイトなら３００件ほど
の契約を確保できます。料金回収無し、ノルマ無し、ＨＰにバナーを
貼るだけで稼げます。10件ごとに昇格し、１ヶ月６０件の契約を
成立した方は、３４万５０００円になり６０件以上の方、キャッシュバック
の金額が１００００円になり、１００件契約成立した方は７４万５０００円
になります。トップセールスマンなら、１ヶ月３００件ほど契約を結びます
ので、１ヶ月の給与が２７４万円になります。
http://www.c-gmf.com/index1.htm
304 名前：Name_Not_Found ：03/07/23 14:49 ID:cFqJI8Em: ttp://homepage1.nifty.com/~yoshi-s/home/
上のサイトのように、文字を選択（反転）した時の挙動がおかしくなってしまう
のですが、解決策をご存知でした教えて下さい。
305 名前：Name_Not_Found ：03/07/23 15:05 ID:???: >>304
どこかに、テキストの反転を許さないタグがあったようなきがするけど・・
306 名前：Name_Not_Found ：03/07/23 15:08 ID:???: >>304
何もおかしくないような気がするんだが・・・
307 名前：Name_Not_Found ：03/07/23 15:19 ID:???: >>304
どこがおかしい？なんでもないけど
308 名前：Name_Not_Found ：03/07/23 15:31 ID:???: >307
本文を選択してみ

まさにdiv厨の良い例だよな、絶対位置指定しまくってるからもうグチャグチャ
309 名前：Name_Not_Found ：03/07/23 15:55 ID:???: >>308
範囲選択については特になんともないぞ？
レイアウトは微妙に狂ってる気がするけど。左下の画像のとことか。
310 名前：Name_Not_Found ：03/07/23 16:21 ID:???: >>308
別に何ともない@MozillaFirebird
311 名前：Name_Not_Found ：03/07/23 16:30 ID:???: >>308はIEユーザ
312 名前：Name_Not_Found ：03/07/23 16:37 ID:???: ああ、別になんともねーなと思ったらIE限定で崩れるのか
313 名前：Name_Not_Found ：03/07/23 16:55 ID:???: >>308
絶対位置指定の使い方なんですね。ありがとうございます。
314 名前：Name_Not_Found ：03/07/23 16:57 ID:???: 単一の要素内でさえまともに選択できないのは
いくらなんでもIE側のバグだろ。
315 名前：Name_Not_Found ：03/07/23 17:36 ID:???: このスレは結構、非IE率が高いということですね
漏れはopera7.20ですが問題なし
316 名前：Name_Not_Found ：03/07/23 18:40 ID:???: IEでも問題ないんだが・・・
317 名前：Name_Not_Found ：03/07/23 19:05 ID:???: >>316
「関東某所」にカーソルあわせてから上に向かってドラッグしてみ。
318 名前：Name_Not_Found ：03/07/23 19:27 ID:???: あー・・・もしかしてDivの範囲外にカーソルが出ると下のほうが反転するのが気にいらないのか。
この程度でも気にする奴は気にするんだな・・・

それよりもメニューに<br>使いまくりなのが気になったり。
それぞれ<p>で囲むとか、.cbody内のアンカーをブロック要素にするとか・・・

<div class="contents">
<h2></h2>
<div class="cbody"></div>
</div>
これって中のdivイラネーんじゃないのか？
今の状態なら<p>に.cbodyあてれば良いだけな気がするし。
319 名前：スタイルシートエディタ ：03/07/24 00:52 ID:???: スタイルシートを書く時は
一度しっかりつくった自分用スタイルシートをコピペして使いまわし
たまに違ったことをしたいときは詳解と首っ引きで
ColorDialog 003でチェックしながら適当に色を変えて
ttp://hp.vector.co.jp/authors/VA014589/
ヘタレスタイルシートを書いていますが（ﾟДﾟ)（TTT使用）

もっと楽にスタイルシートが書けるようなエディタは無いものでしょうか？

トップスタイルライトは成人なのに英語がリア厨レベルの自分には
全く使いこなせなかったです。（日本語化してもヘルプは英語だし）
320 名前：Name_Not_Found ：03/07/24 01:08 ID:???: >>319
ezhtmlはどうでしょう。
・・・だめか(´･ω･｀)
321 名前：Name_Not_Found ：03/07/24 02:11 ID:???: >>319
◇ツール関連総合スレッド・Web制作方面◇
http://pc2.2ch.net/test/read.cgi/hp/1020166365/
322 名前： ◆W3C.HTmlKw ：03/07/24 04:41 ID:???: >>319
こんなスレも。
　CSS何で書いてる？んだよぅ
　http://pc2.2ch.net/test/read.cgi/hp/1036158807/
323 名前：Name_Not_Found ：03/07/24 07:58 ID:roZJ31dK: Macで製作しています。下のような記述をした、スタイルシートをリンクさせているんですが、ネスケ4.7では文字の色など変わりません。
IEだとちゃんと見れます。ちなみにネスケもIEもMac版です。
仕様なのかどこか間違っているかわからないので質問させていたあきました。
スタイルシートは手打ではなく、Dreamweaver4 を利用しています。

.text { font-family: "ＭＳＰゴシック", "Osaka"; font-size: 10px; color: #666666}
.toptext { font-family: "ＭＳＰゴシック", "Osaka"; font-size: 10px; font-weight: bold; color: #666666}
.text_ { font-family: "ＭＳＰゴシック", "Osaka"; font-size: 10px; color: #666666 ; text-decoration: underline}
324 名前：Name_Not_Found ：03/07/24 08:04 ID:???: >282は、腹の底から頭が悪いと言える人物です
325 名前：Name_Not_Found ：03/07/24 08:26 ID:???: >>323
http://members.tripod.co.jp/cssbug/detail/nn4x/b001.html
NN4.x系固有バグ。
NN4.xはサポート対象から外すか、ブラウザ振り分けでCSSを適用しないようにするのが一番です。

それと、余計なお世話ではあるけど
フォントサイズをpxで指定するのは止めた方が。
Winだと10pxでは「小さすぎる」と思う人もおります。
326 名前：Name_Not_Found ：03/07/24 08:34 ID:???: font-size: 10px
俺も吐きそう
327 名前：Name_Not_Found ：03/07/24 09:40 ID:???: >>324
何これ？
328 名前：Name_Not_Found ：03/07/24 09:56 ID:???: font-size: 10pｔ　ならどうかな？（・∀・）
329 名前：Name_Not_Found ：03/07/24 10:00 ID:???: >>328　
固定はよくない。
あとはこちらで。

フォントサイズについて考えよう
http://pc2.2ch.net/test/read.cgi/hp/1042293757/l50
330 名前：　：03/07/24 11:51 ID:xO0ktUOc: スタイルシートのコメントって /* ～ */ だけですか？
//とか使えないのでしょうか？？

ちなみに私の場合は、スタイルシートはＨＴＭＬファイルとは別ファイルで
扱っています。
331 名前：Name_Not_Found ：03/07/24 12:09 ID:???: >330
CSSに一行コメントは無いです。
332 名前：sage ：03/07/24 14:22 ID:???: ご教授ください。
w3cのcssチェックでよくないと出ます。
同じ要素に二度以上スタイルを適用して、
後からのものを優先させていることが引っかかるようなのです。
適用ルールというかCSSの特性というかを考慮しているつもりで
汎用CSSに追記して使っているのですが
ルール上よくないのでしょうか？
解説されたページか過去ログのurlを教えていただけませんでしょうか。
333 名前：Name_Not_Found ：03/07/24 16:08 ID:???: >332
同じ要素に同じプロパティを二度指定してるとか？

エラーメッセージとか載せると良いかも。
334 名前：Name_Not_Found ：03/07/24 18:14 ID:???: >>332
ミスで二重指定している疑いがあるという警告だから、わざとなら無視していい。
335 名前：Name_Not_Found ：03/07/24 18:31 ID:pST6RWoi: 質問です。素朴な疑問なのですが
例えばテキストの枠線を表示して角を丸くすることって可能なのでしょうか？
CSSで指定することはできますか？
あんまりアホらしい質問でしたらスルーして下さい。
336 名前：Name_Not_Found ：03/07/24 18:44 ID:???: スルー
337 名前：Name_Was_Found ：03/07/24 18:45 ID:???: >>335
フィルタかなんかでできるらしいが、対応しているブラウザが少ないのでお勧めできない。
338 名前：Name_Not_Found ：03/07/24 18:55 ID:???: >335
Mozilla独自拡張、border-radius。
独自拡張なので使用は推奨されない。
使うなら、適用されない環境でも閲覧に問題が無いように。
339 名前：Name_Not_Found ：03/07/24 19:04 ID:lHZTEuwn: >>325
ありがとうございます。やっぱりバクですか。
って事はフォントファミリーを指定しなければ平気って事ですよね？
フォントサイズはちょっと研究してみます。
340 名前：Name_Not_Found ：03/07/24 21:32 ID:???: >>337
フィルタで出来るのなら、すなわち95%以上のブラウザで出来るのだから
薦めない理由などない。
341 名前：Name_Not_Found ：03/07/24 21:54 ID:???: >339
font-family指定しても、"MS UI Gothic"みたいに2バイト文字が無ければいけるよ。
でも、font-familyにはちゃんと総称フォント名（"Serif"とか）も指定してね。

>340
作成者がどうしてもそうしたいなら勧める理由はあるけど、
勧めない理由が無いとまでは行かないと思うよ。
あと個人的に、フィルタは重くて嫌い…
342 名前：Name_Not_Found ：03/07/24 23:29 ID:???: （ﾟДﾟ）
343 名前：Name_Not_Found ：03/07/24 23:54 ID:???: >>340
5%以下じゃねぇ？
344 名前：Name_Not_Found ：03/07/25 00:31 ID:43dEidsm: グリッドの背景画像にfixedを適用するやつの気が知れない・・
345 名前：Name_Not_Found ：03/07/25 09:55 ID:???: http://asitaki.s35.xrea.com/table.html
こういうデザインをスタイルシートで行うにはどうしたらよいでしょうか？
絶対指定だと文章量や文字のサイズでバランスが悪くなってしまいます。
346 名前：Name_Not_Found ：03/07/25 09:59 ID:???: >>345
何が聞きたいのか良く判らん…
どうでも良いけどしっかり斜めリサイズもあるのな（ｗ
347 名前：Name_Not_Found ：03/07/25 14:47 ID:???: >>345
基本ぐらいは勉強してから質問してくださいね、
348 名前：345 ：03/07/25 17:28 ID:???: http://asitaki.s35.xrea.com/css.html
cssでデザインしてみました。実際にはclassを用いていくつか表示します。
このままだと幅と高さを変えたとき、中のwidthとheightもいじらないといけません。

>>345のように外側のwidthとheightを変えるだけでうまくいくように出来ないでしょうか？
349 名前：Name_Not_Found ：03/07/25 17:34 ID:???: 結局div厨か。
javaScriptあたりで、疑似窓が縮んだりするわけでもないのに
カーソル変更か。
350 名前：Name_Not_Found ：03/07/25 17:36 ID:???: div厨だってさ。恥ずかしい言葉を惜しげなく使ってるな(　´,_ゝ`)ﾌﾟｯ
351 名前：Name_Not_Found ：03/07/25 18:13 ID:???: >>345
絶対指定にして中身をスクロールさせたら如何か。
352 名前：345 ：03/07/25 21:27 ID:???: >>349
http://asitaki.s35.xrea.com/table.html
リサイズ、移動できるようにしました。
353 名前：Name_Not_Found ：03/07/25 22:05 ID:???: 縦に動かすとおかしくなるな。横に動かせば戻るが。
354 名前：Name_Not_Found ：03/07/25 22:29 ID:9ZrVJGcJ: div厨と言われてもかまいません。
テーブルでへっだ、ふった、そして、メイン部分を左右に二つ割りにおおざっぱに作って
そのなかに<div>で作った箱に背景色をつけてその中にまた<div>で見出し文字をいれたり
その下に<div>でつくった箱を積み重ねたりって作り方はかなり恥ずかしいものなのでしょうか？

すべてCSSだけで組むと苦労の割に救いようのない崩れ方しそうな気がする。
これならどんなに崩れても読めないって事おきそうもないじゃないですか。

文書の構造、どうたら言う人もいるけど、目次があって章があって大中小の見出しのしたに
段落がある。要するに本みたいな構成のwebページなんて実際にはそんなにないわけでしょ。
あと読み上げブラウザどうこうの話も言葉わるいが「めくらの面倒までみてられないよ」というのが本音。
読み上げブラウザとやらを進化させればいいじゃん、どのセルからどう言う方向に読むか？ってだけの
ことだと思うんだが。
355 名前：Name_Not_Found ：03/07/25 22:35 ID:???: >354
…ま、言葉は乱暴かも知れんが
確かに視覚情報にも意味があるとすれば
非視覚UAへの対応は諦めざるを得んよな。
ソースにも気を使えばある程度理解はしてもらえるかも知れんが。
視覚整形のためにdivの連続になってしまう事だってあるかもしれん。

ただな、お前の一番間違ってる所は、

ここは C S S 質問スレですよ？

って事だ。
356 名前：Name_Not_Found ：03/07/25 22:35 ID:pLU7L0tH: 罪と罰のゲーム、皆さんもやりませんか？
http://gekiya77.jp/cgi/
以下から、新規登録出来ますので。
http://gekiya77.jp/cgi/ore_reg.cgi

<注>私は管理人ではなく、ただの利用者です。
357 名前：Name_Not_Found ：03/07/25 22:36 ID:???: >>345
HTMLも弄ったほうがいい気がする。
そうなるとスレ違いになる。
HTMLもいじって欲しかったら
W3C信者にサイトを正しい記述に直して貰うスレ2
http://pc2.2ch.net/test/read.cgi/hp/1040377672/
へどうぞ。
358 名前：Name_Not_Found ：03/07/25 22:45 ID:???: >>354
お前はdiv厨ではなく厨だったようだな。

消えろ。
359 名前：Name_Not_Found ：03/07/25 22:53 ID:???: めくら発言(･A･)ｲｸﾅｲ
360 名前：Name_Not_Found ：03/07/25 23:18 ID:???: >>358
お前が消えろ。ｳﾞｧｸｩｱ
361 名前：Name_Not_Found ：03/07/25 23:19 ID:9ZrVJGcJ: 漏れは、そんなに金ももらってない。時間もないんだ。
そのなかで効率良く、サイトを作り管理、更新したい。
どんなブラウザでも完璧に見れたらとも思わん。最悪、読めればいいと思う。

漏れがもしめくらになっても読めないサイトが多くても仕方がないと思うけどな。
根助つかってまともに見れないサイトを訪れても「根助なんか使ってる漏れがわるい」と
思うしな。

今回、漏れが作るのは百数十ページの商品紹介サイトだ。
写真を交えて仕様がだらだらと続く。
リストをつかってもいいがスペースが無駄だ。
写真と説明文が離れてしまうので左右の2列組にしたいのだ。

>>355
たしかに擦れ違いだった気がしてきた。ご免なさい。
362 名前：354 ：03/07/25 23:21 ID:???: >>354=>>361です。
363 名前：Name_Not_Found ：03/07/25 23:24 ID:???: theadを固定してtbody部のみスクロールさせるにはどうすれば良いのでしょうか。
theadにposition:fixed;を指定しても意味なかったし
tbodyのheightを固定してoverflow:scroll;としても出来ませんでした…。
364 名前：Name_Not_Found ：03/07/25 23:28 ID:???: tbody{overflow:auto;height:100px;}
tr{height:auto;}
というのが本に載ってますた
365 名前：Name_Not_Found ：03/07/25 23:46 ID:???: 345=348=354=361って事で宜しいか？

>テーブルでへっだ、ふった、そして、メイン部分を左右に二つ割りにおおざっぱに作って

形式に囚われ過ぎ。そこまで効率化を願うならDWなりGoなりでサクっとやっちゃえよ。
あと、テーブルレイアウトによる弊害を理解してないだろ？
どうせ、全体をテーブルで括っている時点で弊害は発生しているのだから、
各セル内もテーブルでやっちゃえよ。
時間がないんだろ？ウダウダ能書きたれる暇があったら作業しろ。
366 名前：Name_Not_Found ：03/07/26 00:07 ID:???: >>361
css作っちゃえばあとはリストで楽に出来そうなものだけどな
367 名前：Name_Not_Found ：03/07/26 00:14 ID:???: hegth age
368 名前：345 ：03/07/26 00:17 ID:???: >>365
大丈夫ですか？
眠いなら寝たほうがいいですよ。

>>357
では、そちらのスレに行ってみます。
369 名前：357 ：03/07/26 00:29 ID:???: >>368
やめとけ。
今までのあなたの発言からすると、行ってもまともな相手はしてもらえんよ。
370 名前：Name_Not_Found ：03/07/2