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

■ ２ちゃんねるは、ここのサーバを使ってるです。。。

　.jp ドメインお持ちのお客様大歓迎。maido3.jp
　.fm 取得代行します。(US) maido3.fm
　.ca 取得代行します。(US) maido3.ca
　.com .net .org 取得代行します。(US) maido3.com
　.cc .to .tv 取得代行はじめました。NEW

月々1,000円からの BinboServer.com

２ちゃんねるも使っている Big-Server.com

>> ２ちゃんねる、サーバ監視所

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

1 名前： Name_Not_Found 投稿日： 02/01/18 22:03 ID:Y0mC9zbV: 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/test/read.cgi/hp/996828258/
　http://pc.2ch.net/test/read.cgi/hp/1005047493/

【CSSと特に関係ない初心者質問はこっちで】
　☆　Webサイト制作初心者用スレッドver15　☆
　http://pc.2ch.net/test/read.cgi/hp/1010524882/
2 名前： Name_Not_Found 投稿日： 02/01/18 22:07 ID:Y0mC9zbV: 【関連スレ】
・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/01/18 22:07 ID:Y0mC9zbV: 【仕様書】
・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/01/18 22:07 ID:Y0mC9zbV: 【その他資料など】
・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/01/18 22:08 ID:Y0mC9zbV: 移行完了age
6 名前： Name_Not_Found 投稿日： 02/01/18 22:08 ID:xU12HbsP: フォントサイズってどこからどこまでのサイズなのか教えてくださいまし
7 名前：投稿日： 02/01/18 22:29 ID:XxCwpG0a: >1
お疲れー，ありがと．FAQ は次回以降への課題ということで．
8 名前： Name_Not_Found 投稿日： 02/01/18 23:31 ID:PDUyz48X: >>7
一応、ＦＡＱへの誘導を。

センタリングするには？
http://pc.2ch.net/test/read.cgi/hp/1005047493/976-978
段組するには？
http://pc.2ch.net/test/read.cgi/hp/1005047493/979
疑似フレームの例
http://pc.2ch.net/test/read.cgi/hp/1005047493/984
他に？
9 名前： Name_Not_Found 投稿日： 02/01/18 23:34 ID:ixuuGFk/: ユーザースタイルシートを使って
javascriptの　雪を降らせる　みたいなの（画像が落ちてくるやつ）
とマウスストーカー（マウスカーソルの後ろになんかついてくるやつ）
をやめさせたいのですがどう指定すればよいでしょうか？
10 名前： Name_Not_Found 投稿日： 02/01/18 23:42 ID:04EZr0wl: FAQ？

Q
IE6だと、スクロールバーの色が変わらなくなりました。5.5ではできてたのにー。

A
IE6ではDOCTYPEの書式によってCSS対応が変わります。
http://www.microsoft.com/japan/developer/articles/dnie60/html/cssenhancements.asp
11 名前： Name_Not_Found 投稿日： 02/01/18 23:48 ID:UNa5ih5s: ＞1
スレ立てさんくすこ。

＞9
script { diaplay: none; }
これってダメなんかな？未テスト
12 名前： Name_Not_Found 投稿日： 02/01/18 23:48 ID:UNa5ih5s: displayの間違い。鬱氏。
13 名前： Name_Not_Found 投稿日： 02/01/18 23:52 ID:PDUyz48X: >>6
意味不明。
どこからって何のどこ？
まあここでも読んで。
http://hp.vector.co.jp/authors/VA022006/css/fonts.html#font-size
14 名前： Name_Not_Found 投稿日： 02/01/18 23:55 ID:ixuuGFk/: ありがとう！！！

関係ないと思うけどgifアニメが止まっちゃったんだけどこれのせい？
15 名前： Name_Not_Found 投稿日： 02/01/18 23:55 ID:GxTW/4UX: ブラウザのJavaScriptをOFFにするのが一番手っ取り早い。
16 名前： Name_Not_Found 投稿日： 02/01/18 23:56 ID:ixuuGFk/: display　にしたら動きました。
すみません（汗
17 名前： 11・12 投稿日： 02/01/19 00:18 ID:ZXpTBWBB: >16
オイラも間違えてｽﾏｿ。

ま、15さんのが一番だけど。
18 名前： 6 投稿日： 02/01/19 00:45 ID:gXWauxnw: いやフォントサイズってのはどの部分のサイズを言っているでしょうかってことで。
ダイアクリティカルからデセンドラインまでとか
ilne-height:1のときのベースラインからベースラインまでの距離とか
色々聞くので。・・・。
19 名前： Name_Not_Found 投稿日： 02/01/19 01:04 ID:+JEBDfgD: >>18
「行間を詰めてみた時のベースライン間距離としてフォントサイズを指定する」と仕様書にある。
http://web.archive.org/web/20011101165433/www.fan.gr.jp/~kaz/rec-css2/fonts.html
原文は――
　This property describes the size of the font when set solid.
　この特性は，実線を設定する場合のフォントのサイズを記述する。
20 名前： Name_Not_Found 投稿日： 02/01/19 02:07 ID:vz2MZwZ0: 正直フォントサイズは％指定だろ。
利用者が不便になってもいいなら絶対指定したらいいのかな。
21 名前： Name_Not_Found 投稿日： 02/01/19 03:33 ID:d/ODFTaL: >>19
「実線を設定する場合 when set solid」ってなんだか意味不明だな。
もしかしてborder-style:solid;を指定した場合ってこと？　よくワカラン……。
22 名前： 21 投稿日： 02/01/19 03:46 ID:d/ODFTaL: solidで英和辞典引いてみたら、印刷用語として
「字間を空けない、行の切れてない、ベタ組の、」って意味があるんだね。
それにしても悪訳だよな、日本規格協会版↓は。
http://www.y-adagio.com/public/standards/tr_css2/fonts.html#font-size-props
岡橋一輝氏の邦訳（http://www.fan.gr.jp/~kaz/）が無くなったのは惜しい……。
23 名前： Name_Not_Found 投稿日： 02/01/19 05:56 ID:gXWauxnw: 某ページで見たのですが
div{line-height:1; font-size:1in;}としたなら
<div>
xxxxxxxxxxxxxxxxxxxxxxxx<br>
xxxxxxxxxxxxxxxxxxxxxxxx</div>
１行目のxの下を通る線（ベースライン）と２行目のxの下端をかすめる
ラインの距離は1インチっていう理解でいい訳でしょうか？
行間をつめた場合のベースライン間をフォントサイズとするということは・・
24 名前： Name_Not_Found 投稿日： 02/01/19 07:12 ID:/qccmIqP: >>11
なるほどと思ったけど、それでscript由来の画像を殺せるのって挙動してはおかしいよね？
そもそも script, style, title {display:none;} ってのはブラウザのデフォルトスタイルのはずだと思うんだけど。
25 名前： 24 投稿日： 02/01/19 07:13 ID:/qccmIqP: ×挙動しては
○挙動としては

ｳﾄｩ。
26 名前： Name_Not_Found 投稿日： 02/01/19 11:26 ID:4wa4Hk9Z: >>23
理論上はその理解でいい筈です。あとはご自分で実験してみればハッキリするでせう。
あと、「某ページ」とはいづこなりや。
27 名前： Name_Not_Found 投稿日： 02/01/19 14:38 ID:zH+N3tY8: 初心者で申し訳ないのですが
アンカー指定で visited より hover active を優先するようにするように
するのは不可能でしょうか？
28 名前： Name_Not_Found 投稿日： 02/01/19 14:49 ID:eb4fUFl9: >>27
シート内での記述の順序を変更すれば可能なはず。お試しあれ。
または“!important”を使用すれば確実に可能。
cf.http://hp.vector.co.jp/authors/VA022006/css/cascade.html
29 名前： Name_Not_Found 投稿日： 02/01/19 15:27 ID:zH+N3tY8: >>28-27

どちらとも試したんですがだめなんです・・・
いろいろ試したんですが・・・
30 名前： Name_Not_Found 投稿日： 02/01/19 15:49 ID:x8VnDEGY: >>29
ソース書いてみれ。
31 名前： Name_Not_Found 投稿日： 02/01/19 16:35 ID:S+PeKIBX: >>27
http://www.sugai.f2s.com/web/CSS/selector2.html#link-pseudo
「a:hover が :link, :active よりも前に記述されていると、
a:hover のスタイルは :link, :active のスタイルに上書き
されてしまいます。」――ではなくて？
32 名前： Name_Not_Found 投稿日： 02/01/19 16:45 ID:Ly31s40c: 掲示板で使用するCSSについて質問です。

textarea,input{
.input {border-color: #FFFFFF;
border-top: 1 solid #FFFFFF;
border-left: 1 solid #FFFFFF;
border-bottom: 1 solid #FFFFFF;
border-right: 1 solid #FFFFFF;
background-color: #000000;
color: #333333;}

上の記述だと、名前や書き込み欄などの投稿部分以外に、チェックボックスにも反映されてしまいます。
チェックボックスには別の設定をしたいのですが、可能でしょうか？
33 名前： Name_Not_Found 投稿日： 02/01/19 16:57 ID:S+PeKIBX: >>32
一応、input[type="checkbox"]{～:～;}で可能なことになってます。
但し現状では属性セレクタはMozilla/NN6とOpera以外未対応なので、
適当にclassを振って、input.CheckBox{～:～;}とでもするしかない。
http://hp.vector.co.jp/authors/VA022006/css/selector.html#attribute-selectors
34 名前： Name_Not_Found 投稿日： 02/01/19 17:09 ID:Eq8B3GJl: 昨日も教えていただいたのですがもう少し教えてもらいたいことがあるので質問させてください。
ユーザースタイルーシートで以下のことを禁止したいのですがどう記述すればよいでしょうか？

マウスカーソルの形状を変更する
ステータスバー関連
フェードイン・フェードアウト（っていうのかな？入るときや出るときのうざいやつ）

よろしくおねがいします。
35 名前： Name_Not_Found 投稿日： 02/01/19 17:19 ID:S+PeKIBX: >>34
スタイルシートと関係あるのはカーソル形状の指定だけです。
http://hp.vector.co.jp/authors/VA022006/css/ui.html#cursor
スクロール・バーならIE5.5以降の独自拡張で色を変更できますが
ステータス・バーはJavaScriptの領分です。
ページ・トランジションもＣＳＳに関係ありません。
なんでもかんでもユーザー・スタイルシートにさせようってのは無茶です。
ユーザー・ジャバスクリプトでも検討してみて下さい。
http://members.jcom.home.ne.jp/jintrick/Personal/usr_javascript.html
36 名前： Name_Not_Found 投稿日： 02/01/19 17:27 ID:Eq8B3GJl: ユーザー・ジャバスクリプト　ユーザー・スタイルシート
共にどう記述すればよいのでしょうか？

Proxomitronは普段から使用しているので分かります。
37 名前： Name_Not_Found 投稿日： 02/01/19 17:28 ID:9ZXdfkyy: >>34
というわけだからブラウザのほうでJavaScript切っちゃいなさい。
38 名前： Name_Not_Found 投稿日： 02/01/19 17:29 ID:G9EOdq+z: わざわざリンク貼ってくれてんだから自分で調べて来いよ･･･
39 名前： 35 投稿日： 02/01/19 17:31 ID:S+PeKIBX: >>36
ともかく>>35のリンク先は読んでいただけましたか。
具体的な記述はそこのソースから学べるかと存じます。
（ところで番号でいいから名前を記入して下さい。IDだけで同定するのは面倒です。）
40 名前： 34 投稿日： 02/01/19 17:34 ID:Eq8B3GJl: >>34です。
スタイルーシート、ジャバスクリプトは、ほぼ無知なので・・・
でもがんばってみます！！ありがとうございました。
41 名前： 32 投稿日： 02/01/19 18:29 ID:Ly31s40c: >>33
なるほど。。。やってみます。ありがとう！！
42 名前： Name_Not_Found 投稿日： 02/01/19 20:33 ID:oVlck3wk: >>40
「スタイルーシート」で禿しくﾜﾛﾀ
43 名前： Name_Not_Found 投稿日： 02/01/19 22:07 ID:CTUGrpIO: すいません
画像配置はどう指定するんでしょうか？

<p align="top"><IMG SRC="img/1.gif" BORDER="0"
onMouseOver="this.src='img/2.gif'"
onMouseOut="this.src='img/1.gif'"><p>

今はこんな感じだ！
44 名前： 禿しくさげ 投稿日： 02/01/19 22:10 ID:aakFZ+WG: >>43
borderは非推奨要素です。乱用はやめましょう。。。としか漏れには言えない
45 名前： Name_Not_Found 投稿日： 02/01/19 22:41 ID:CTUGrpIO: BORDER="0"
を抜かせばいいんでしょうか？
46 名前： Name_Not_Found 投稿日： 02/01/19 22:50 ID:XZ5WsQwx: >>43
>画像配置はどう指定するんでしょうか？
何の画像をどう配置したいの？

>今はこんな感じだ！
どんな感じ？　その上のソースが何なの？

質問の意図が全く不明。CSSが何かは知ってる？
……て、初心者スレとマルチだし。
47 名前： Name_Not_Found 投稿日： 02/01/19 22:51 ID:aRwH9mWz: >>43
質問の仕方からして全く調べていないように思えるんだが。
「今はこんな感じだ！」って言われても、何をしたいのかよく分からない。

CSSの position,top,left 等を使って画像の置く位置を調節したいのか？

後ろの方の<p>は閉じてな。タグの大文字小文字も統一して欲しい。
48 名前： Name_Not_Found 投稿日： 02/01/19 22:52 ID:psXS74On: 全体のbackground-colorが指定できません
Netscape 6.2のマカーです。

<meta http-equiv="Content-Style-Type" content="text/css">
<html>
<haed>
<title>逝ってよし</title>
<style type="text/css">
body {background-color: "#999999";}
</style>
<body>
逝ってよし
</body>
</html>

これじゃダメですか。
49 名前： Name_Not_Found 投稿日： 02/01/19 22:52 ID:aRwH9mWz: ガ━━━━（ﾟДﾟ;)━━━━ン
被った。殆ど同じ内容だし。鬱氏
50 名前： Name_Not_Found 投稿日： 02/01/19 22:53 ID:aRwH9mWz: >>48
body {background-color: "#999999";}
↓
body {background-color:#999999;}
51 名前： Name_Not_Found 投稿日： 02/01/19 23:06 ID:psXS74On: 50さま
ソッコー解決しました。ありがとうございます。
52 名前： Name_Not_Found 投稿日： 02/01/19 23:07 ID:FX0LNZd8: 正直、スタイルシートむずすぎ
ＨＴＭＬチェックしたら、－２５６点「がんばりましょう」だった
がんばろうっと
だから、>>50もがんばってくれ
53 名前： Name_Not_Found 投稿日： 02/01/19 23:17 ID:Os1sFN+l: とりあえずこの辺見とけよ・・

　>>4
54 名前： Name_Not_Found 投稿日： 02/01/19 23:35 ID:6yjrTJ7q: table内のtd要素の幅を固定長（絶対指定）にするにはどのようにしたら良いでしょうか。
<td width="100">
でもいいんですが、なんとなくスタイルシートのほうがいいような気がします。
http://www.y-adagio.com/public/standards/tr_css2/box.html#box-dimensions
のマニュアルを見ても「内容幅の指定方法」といった項目は無いようなのですが・・・
表示上の問題でできれば上下左右の幅を絶対指定で完全に固めてしまいたいのです。
ちなみに公開用のページではないのでIE5あたりで見えればそれでいいです。
55 名前： Name_Not_Found 投稿日： 02/01/19 23:42 ID:6x8bm0PV: >>54

table内に列の数に見合ったcol要素を入れて、そいつにCSSでwidthを指定してはどうですか？
56 名前： Name_Not_Found 投稿日： 02/01/19 23:50 ID:jBcl6QZs: >>54
各セルに幅100pxのスペーサーを入れては？
57 名前： Name_Not_Found 投稿日： 02/01/19 23:54 ID:6yjrTJ7q: >>55
.col1 { width=100pt }

<table>
　<colgroup>
　　<col class=col1>
　　<col class=col1>
　　</colgroup>
</table>;
ということでしょうか？
早速やってみます。
colというのは初耳でした。
ありがとうございます。
58 名前： Name_Not_Found 投稿日： 02/01/19 23:57 ID:6yjrTJ7q: >>56
スペーサーGIFってやつですか？
なるほど、そーゆーやり方もあるんですね。
参考になります。
59 名前： Name_Not_Found 投稿日： 02/01/20 00:04 ID:gK7o4ktR: >>57
CSSの記述法がおかしい。書き間違いだと思うけど。
誤 .col1 { width=100pt }
正 .col1 { width: 100pt; }

あと、属性値もクォートで囲ったほうが良い。
class=col1 → class="col1"

それと、width="100"の100は100ptではないよ。100px。
60 名前： 54 投稿日： 02/01/20 00:06 ID:3E2s9wwq: >>59
あ、ごめんなさい。
cssは単純に記述ミスです。
まだこの書き方に慣れない・・・
属性値はクォート入れるんですか。
参考にしたところが入れてなかったんでこれでいいのかと思ってました。
61 名前： Name_Not_Found 投稿日： 02/01/20 00:14 ID:qpTpMpy3: >>60
激しく >>4 あたりのリンクを回るといいぞ。
62 名前： 54 投稿日： 02/01/20 00:37 ID:3E2s9wwq: >>61
逝ってきます。
63 名前： Name_Not_Found 投稿日： 02/01/20 05:11 ID:15z0mxQf: >>54
td{width:100pt;}ではダメなのか？ <col>は未対応のブラウザも多い。
特定のtdだけに幅を指定したいならtd.foo{width:100pt;}
64 名前：兄投稿日： 02/01/20 11:44 ID:9Mglqrsa: スレ違いかもしれませんが、皆さんのお知恵拝借させてください。

IEでWebページを印刷するときに、右端のテキストが折り返されずに
はみ出て、印刷できないことがありますよね？
あれはどうやったら解決できるのですか？
65 名前： Name_Not_Found 投稿日： 02/01/20 11:55 ID:zoMDuoBi: >>64
CSSで解決するのなら、具体的なHTMLソースも出してくれなくては。
でも、CSSに頼らずとも、印刷プレビューを見ながら
ファイル→ページ設定で印刷する用紙のサイズと向きを変更したり
表示→文字のサイズを小さくしたりするとかで、大抵解決する気がするけど。
66 名前： Name_Not_Found 投稿日： 02/01/20 13:40 ID:ZhqVLHPc: >>64
印刷専用のスタイルシートを用意して
bodyの幅をwidth:で固定するとか……
A4に固定するくらいなら、あまり文句も来ない（？）
デフォルトで、テキストを折り返すようにするのがベストなんだけどね。
67 名前：兄投稿日： 02/01/20 13:51 ID:9Mglqrsa: 皆さん、親切に回答ありがとうございます｡

>>66

>印刷専用のスタイルシートを用意して
>bodyの幅をwidth:で固定するとか……
>A4に固定するくらいなら、あまり文句も来ない（？）
>デフォルトで、テキストを折り返すようにするのがベストなんだけどね。

具体的にはどうやったら出来るのですか？
超初心者でスミマセン。
68 名前： Name_Not_Found 投稿日： 02/01/20 13:59 ID:ZhqVLHPc: >>67

印刷専用のスタイルシート print.css をインポートしておく
@import "print.css" print;
　この方法は一例

中身
body {
　width: ここの値指定は試行錯誤で決める;
}

bodyが無理なら文書全体をdivで囲んでね。
69 名前： Name_Not_Found 投稿日： 02/01/20 14:10 ID:dJKgxJxY: >>68
>@import "print.css" print;
それだとWinIE5/6で無視されます。
　cf.http://east.portland.ne.jp/~sigekazu/css/boxm.htm
印刷用の指定なら@mediaで括って、
@media print {
BODY { ～:～; }
}
がよいかと存じます。但しMacIEでは無視されますが。
70 名前： 68 投稿日： 02/01/20 14:45 ID:ZhqVLHPc: ごめん。
検索しろよ～と検索結果のURL出すつもりで検索したら
ちょうどいい書式があったのでコピペしてしまいました。
よく考えたら自分も使わない書式だった
71 名前： Name_Not_Found 投稿日： 02/01/20 14:54 ID:hb5jbT+8: >>68-70
一番ややこしくないのは
<link rel="stylesheet" type="text/css" href="print.css" media="print">
ではないかと。
72 名前： 26 投稿日： 02/01/20 16:05 ID:hb5jbT+8: >>23
フォントサイズに就てのお尋ねでしたが、
理論上はベースライン間の距離がfont-sizeに当るにしても、
実際に計測するとフォントは「多かれ少なかれfont-sizeよりも小さくなるように作られています」とのこと。
cf.http://dfj.cool.ne.jp/html/fontcss.html
73 名前：兄投稿日： 02/01/21 01:39 ID:RPfM3E+S: >>68-71

お答えありがとうございました。
助かりました｡
74 名前： Name_Not_Found 投稿日： 02/01/21 08:41 ID:YkP/fPKJ: 初心者用スレッドに投稿したんですが、
こちらに移るように言われたので改めて投稿します。

--

CSS/DHTMLバグ辞典スレッド ver2.0
http://pc.2ch.net/test/read.cgi/hp/991666454/

の>>302で、OperaでCSSが効かないようにするために、
”外部CSSを設定するlink要素のmedia属性に、複数のメディアを指定”する方法が
挙げられてますが、これってNN4でも同じ目的に使えますよね？
手軽なので、新しいサイトにこの方法を採用したいんですが、
僕の見たところ、@importでCSSバグ対策してる方が多いように思います。
これには何か理由があるんでしょうか？
75 名前： Name_Not_Found 投稿日： 02/01/21 08:50 ID:idGol9rg: >>74
私は、よくある@importによるNN4除けは、@importだけしか記述されてない
空ファイルを作りがちなので、あまり真っ当な気がしません。
<link ～　media="all">の方がまともなやり方だと思ってます。
しかし、screen（webページ）以外の媒体を試したこともないのに
media="all"だのmedia="print,screen"だのと指定することを
躊躇する人もいらっしゃるみたいです。
その辺は好きずきかもしれません。みなさんはいかがですか。
76 名前： Name_Not_Found 投稿日： 02/01/21 09:40 ID:Ri/OU8B0: NN4用の記述を残してあるから気にならない。
というか、こういうケースでの真っ当さにはあまりこだわらない。
もともと実装が真っ当じゃないことが原因なんだから。
77 名前： Name_Not_Found 投稿日： 02/01/21 09:55 ID:o9WHZG1l: >>76
>NN4用の記述を残してあるから
それでも、ネスケ４ときたら何がバグるかわからない乱れぶりですから、
残して置いても無事な記述を見分けるのも大変ではありませんか。
それに@importはシートの先頭に書くから、importしたIE・NN6用記述は
その後につづくNN4向け記述に上書きされてしまって難儀することも。
それ位ならネスケ４向けには全く別のシートを書いた方が楽な気が。
で、そのネスケ４用シートはJavaScriptでブラウザ判別して適用させる。
どうせネスケ４はJavaScriptオフだとスタイルシートも無効になるのだし。
78 名前： Name_Not_Found 投稿日： 02/01/21 12:10 ID:ofiJ9dC7: >>74
別にNN4.xよけだけのために@importを使ってるわけじゃないと思うが。
むしろCSS使い始めのころ、使い回ししやすいようにファイルを分割したら
NN4.xでスタイルが無効になってぶち切れた経験もある。
79 名前： Name_Not_Found 投稿日： 02/01/21 12:39 ID:oibyZ9Hf: MacのDW3でCSS作成したんですが、IE5ではきちんと見れるのに、NS6.2ではなんか余計なものが表示されてしまいます。

|￣￣￣￣￣￣￣￣￣￣￣￣|
|　　　　　　　　　　　　|　　
|＿＿＿＿＿＿＿＿＿＿＿＿|
|←ここが何故かはみ出てしまいます。

<style type="text/css">

</style>
</head>

<body bgcolor="#FFFFFF">

<br>
<table width="78%" border="0" height="203" cellpadding="0" cellspacing="0" class="unnamed1">
<tr>
<td>
<p>　</p>
</td>
</tr>
</table>
<span class="unnamed1"></span>

何かおかしいところはありますでしょうか？
80 名前： Name_Not_Found 投稿日： 02/01/21 14:06 ID:cxhwb8bD: 確認しないで書くけど、<span>がいけないんじゃねーの？
<span>に中身を入れてもそうなるのでしか？
81 名前： Name_Not_Found 投稿日： 02/01/21 14:07 ID:6K/x1IDg: >>79
はみ出している部分は<span>のborder。
Netscape6の解釈は間違ってはいない。とおもう。
空<span>の解釈次第ではないかと。
82 名前： Name_Not_Found 投稿日： 02/01/21 16:50 ID:Ozwn2KKN: １行テキスト入力フォームで入力内容を右詰にすることはできないのでしょうか？

<INPUT style="{text-align:right}" type="text" name="F1">
これだとWin+IE5.5では期待通りの表示になるが、Mac+IE5.0ではうまくいきません。

どなたか助けてください。
83 名前： Name_Not_Found 投稿日： 02/01/21 16:52 ID:yfs3P/04: ブランケットを外せばいいのでは。

<INPUT style="{text-align:right}" type="text" name="F1">
↓
<INPUT style="text-align: right" type="text" name="F1">
84 名前： 82 投稿日： 02/01/21 16:57 ID:Ozwn2KKN: 回答ありがとうございます。
ブランケットをはずしましたが、だめでした。
85 名前：投稿日： 02/01/21 17:08 ID:bbbEZzFr: 本題とまったく関係ないけど
blanket は「毛布」ね
() parenthesis
{} brace
[] bracket
86 名前： Name_Not_Found 投稿日： 02/01/21 18:11 ID:WQbDU1MQ: 本文とまったく関係ないけど>>85のID何か凄いね
87 名前： Name_Not_Found 投稿日： 02/01/21 18:12 ID:skKUvolD: すみません。
ばけらさんのとことかで調べたのですがわからなかったので
質問させて下さい。

liにクラス指定してdisplay : inline としているのですが、
liの数が多くなって1行に入りきらなくなると折り返して表示されます。
その、折り返されるときにウィンドウ幅によっては一つのliの途中で折り返されてしまい
読みにくくなってしまいます。

liの途中で折り返ししないように指定するにはどうしたらいいでしょうか。

現状：
あいうえお　　　かきくけこ　　　さし
すせそ

理想：
あいうえお　　　かきくけこ
さしすせそ
88 名前： Name_Not_Found 投稿日： 02/01/21 18:22 ID:YkOyi2ME: >>87

li{
display : inline;
white-space : nowrap;
}

IE6、Geckoではいけました。
古いIEだとダメだったと思う。
89 名前： Name_Not_Found 投稿日： 02/01/21 18:22 ID:BE6rYyu+: >>87
li要素に含まれる最大文字数でwidthをem固定したれ。
90 名前： 89 投稿日： 02/01/21 18:24 ID:BE6rYyu+: >>88
君のスタイルの方が綺麗だな。
91 名前： Name_Not_Found 投稿日： 02/01/21 18:32 ID:MNhtDxyd: ナンパかよ
92 名前： 87 投稿日： 02/01/21 18:40 ID:skKUvolD: >>88-89
素早いレスありがとうございます。

ところが今試したところ、当方のMozillaではどちらの方法でも
やはり途中で折り返されてしまいます。
IE5.5はオッケーなんですが・・・
う～ん、どうしよう。
93 名前： Name_Not_Found 投稿日： 02/01/21 19:11 ID:cayBhEtz: width: 50%;
とか書いてみたら？
94 名前： Name_Not_Found 投稿日： 02/01/21 20:41 ID:cthLBUY8: NN4.x対策、@importとmedia複数指定ならば、どちらの表示が速いでしょうか？

全てのブラウザに読み込ませるcommon.css(4kb)と、
NNに読み込ませたくない部分だけを取り出したno-nn.css(1kb)を作って、
「all.css」の冒頭に@importを書いてno-nn.cssを呼び出すと、
IEでの表示がかなり遅くなりました。
そこで>>74のように、「no-nn.css」にmediaを複数指定してみました。
IEで観ても、前者よりは軽いような気がしました。

みなさんの経験上ではどちらが軽いと感じますでしょうか？
なんとかJavaScriptナシでNN4.x対策したいと願うJS音痴でした。
ガイシュツでしたらごめんなさいです。検索できなかったスレがあるです。
95 名前： 87 投稿日： 02/01/21 21:23 ID:ir6H5qxK: 回答して下さった方、ありがとうございました。
とりあえずblockのままfloatにすることで回避することにします。
96 名前： Name_Not_Found 投稿日： 02/01/21 21:52 ID:ir6H5qxK: IE3は外部CSSが複数指定されている場合最後しか読み込まない
というのを利用してIEを除外するようにしているのですが、
外部CSSとhtmlに直に書いたCSSが両方存在する場合はどのようになるか
ご存知の方いらっしゃいますか？
97 名前： 79 投稿日： 02/01/21 21:55 ID:oibyZ9Hf: >>80,81

ありがとうございます。確かにspanが原因でした。作り直したら上手くいきました。
98 名前： 79 投稿日： 02/01/21 22:34 ID:oibyZ9Hf: CSSで背景画像を指定するとどうも上手くブラウザで表示できません。
CSS＞タグの再定義＞bodyタグ＞背景固定　リピートなし、上・左固定

でMacのIE5で背景画像が反映されません。
NS6.2はOKです。DWは3.0.2のMac版です。

<style type="text/css">

</style>

とDWがCSSを作成するんですが、このままだとNS6.2だけしか表示できず、file:///のスラッシュを一つにすると両方で表示されます。
普通に画像ファイルを挿入するときは、///で大丈夫なのに、何故でしょう？

DWが作成するCSSに問題があるのでしょうか？
99 名前： Name_Not_Found 投稿日： 02/01/21 22:36 ID:cayBhEtz: IE3を使ってるヤツは見た事ないが、
基本的にHTMLに書いたほうが優先される。
style="～"はstyle要素より優先
!important使ってなければね。
100 名前： Name_Not_Found 投稿日： 02/01/21 22:38 ID:cayBhEtz: >98
・・・。
そのままうｐしたらアンタ以外は誰も見れない
101 名前： Name_Not_Found 投稿日： 02/01/21 23:14 ID:ARVqZyLB: >>98
説明するのも面倒だが、とりあえずurlを相対パスにしれ。
102 名前： 94=102 投稿日： 02/01/21 23:15 ID:hNtA6p1W: >>94
　「all.css」の冒頭に→「common.css」の冒頭に
スレ汚しすみませぬ。
103 名前： ひよこ名無し 投稿日： 02/01/21 23:43 ID:YVO2/vjM: テーブルのボディとセルと行にline-height指定して
全体囲いたいんですが環境によっては崩れませんか？
104 名前： 96 投稿日： 02/01/21 23:48 ID:ir6H5qxK: >>99
ありがとうございます。

確かにイマドキIE3使っている人はいなさそうですね。
デザインと手間の都合上、外部CSSとhtmlに書くのを併用したいので
今のまま逝っちゃいます。

自分で確認できれば一番いいんですが。
複数バージョン併用できるようにしてくれよ・・・＞M$
105 名前： Name_Not_Found 投稿日： 02/01/22 11:11 ID:yqFutROm: <span style="text-decoration : underline">
で下線の色を変えるにはどうしたら良いですか。
106 名前： Name_Not_Found 投稿日： 02/01/22 11:15 ID:QrKpQnOj: >>105
下線はテキストと同色になる定めです。
border-bottom:1px solid red;にしませう。（redの所はお好みの色値を指定）
但しWinIEは5.5以降でないとインライン要素へのボックス指定が効きません。
107 名前： Name_Not_Found 投稿日： 02/01/22 12:22 ID:yqFutROm: >>106
理解しました。
108 名前： Name_Not_Found 投稿日： 02/01/22 20:22 ID:at4el/fW: <table arign="*">をCSSで記述すればどうなりますか。あえてcenterにする場合は？

position: hoge;　または　float: fuga;　の用に記述するような気がする
のですが、どうでしょう？
109 名前： Name_Not_Found 投稿日： 02/01/22 20:28 ID:RonyvK67: >>108
違う。
>>8を読んでくれ。
110 名前： Name_Not_Found 投稿日： 02/01/22 20:34 ID:NtWiV2ZM: >>108
arignなんてモノは無い。alignだ。
111 名前： Name_Not_Found 投稿日： 02/01/22 20:35 ID:1Rb/oiDV: あり～ん
112 名前： 名無しさん＠お腹いっぱい。 投稿日： 02/01/22 21:38 ID:ucN5t7Tx: .section {
position: relative;
margin: 3em;
}

.navi {
position: absolute;
top: 0px;
right: 0px;
}

<div class="section">
<h1>hello</h1>
<p>no more money</p>
<p class="navi">back</p>
</div>

みたいにしてたんですけど、.navi が div ではなく window の右端にいってしまいます。
.section に width を設定すると良いって言われたんですけど、
margin: 3em を生かした width 設定ってどうしたらいいんでしょう。
width: 100% - 3em * 2 的な設定がしたいわけなんですが...
113 名前： Name_Not_Found 投稿日： 02/01/22 21:41 ID:koIC5fow: スタイルシートの一部を無視したいんですけど。

背景をスタイルシートでサイト全体一括指定してるとき
一枚のページだけほかの背景にしたいときとか。スタイルシート読み込んじゃったらあとで
<body bgcolor="#000000">てやってもスタイルシート優先らしくて。でもフォント指定とかあるからスタイルシート呼ばないわけにはいかないし。
おしえてください。
あとこの板にもものすごい勢いスレあるといいなあ。
114 名前： Name_Not_Found 投稿日： 02/01/22 21:43 ID:ENdKnVhe: >>112
.navi {
position: absolute;
top: 0px;
left: 0px;
}
115 名前： Name_Not_Found 投稿日： 02/01/22 21:44 ID:ENdKnVhe: ｽﾏｿ、誤爆。逝って来る(;´Д｀)
116 名前： Name_Not_Found 投稿日： 02/01/22 21:45 ID:1olSFsF1: >113
HTMLに直接スタイルを書くと優先される。
117 名前： Name_Not_Found 投稿日： 02/01/22 21:47 ID:1olSFsF1: >112
bodyにpadding: 3em;を設定しておくのはダメ？
118 名前： 名無しさん＠お腹いっぱい。 投稿日： 02/01/22 21:47 ID:ucN5t7Tx: 全体用の generic.css と、たとえばサイトの入口用の cover.css とか用意して、

generic.css:
body {
background-image: url(mono.png);
}
...
(その他一般的設定)
...

cover.css:
body {
background-image: url(cover.png);
}
...
(入口特有の設定)
...

で、入口の html で両方読み込ませればいいんじゃ？
ようするに、無視 or 変更したい部分は上書きすればよろし。
119 名前： Name_Not_Found 投稿日： 02/01/22 21:49 ID:ENdKnVhe: >>113
classかid指定すれば良いっしょ。
120 名前： 113 投稿日： 02/01/22 21:48 ID:koIC5fow: >>116
あ、なーるほど。
ありがと！
121 名前： 名無しさん＠お腹いっぱい。 投稿日： 02/01/22 21:51 ID:ucN5t7Tx: >>117
うーん、
<div class="section">..</div> が一番外側にくるとは限らないんで、
margin が確実に 3em になるとは限らないんです。
container 相対になってないと使いまわしが効かない...

まったく。IE のおばかーーーー!!
width: auto で許せやあああ

position: absolute なときって、width 指定しないと駄目ってのは
仕様でしたっけ。
122 名前： 113 投稿日： 02/01/22 21:51 ID:koIC5fow: >>119
あ、そういう手もあるねさんきゅ！

だれか
すごい勢いスレ立ててよぅ
123 名前：投稿日： 02/01/22 21:56 ID:bcRy7bcj: >121
根本的解決にならないけど .navi{text-align: right;} じゃだめなんだっけ？
試してないからとんでもないこと言ってるかもしれない．
124 名前： Name_Not_Found 投稿日： 02/01/22 21:56 ID:xkz3bzX2: >>122
この板は分業が進んでるからなぁ。
全部のｽﾚが正常に機能すれば「すごい勢い」スレは不必要かも。
それがあると初心者スレの存在意義が。。。

とマジメに考えてみる実験。
125 名前： Name_Not_Found 投稿日： 02/01/22 22:07 ID:1olSFsF1: >121
単にright: 10%;とかじゃダメ？

IE5.5以下、IE6互換モードならwidth: 100%で桶。
NN6にも適用させたいなら
HTML * {
box-sizing: border-box;
-moz-box-sizing: border-box;
}
を書く。ボックスのサイズをボーダーのサイズまでにさせてくれる。

オイラ的には前者がお薦め。
126 名前： Name_Not_Found 投稿日： 02/01/22 22:13 ID:ucN5t7Tx: >>123
ありがとうです。

.navi {
text-align: right;
top: 0px;
left: 0px;
width: 100%;
}
ってかんじですか。
結構いいかんじ。

しかし、.navi 要素を div の 20% ぐらいに収めたいときに破綻してしまいます。

h1 {
margin: 0px;
padding: 1em 20% 1em 1em;
}

.navi {
position: absolute;
top: 0px;
right: 0px;
width: 20%;
}

って感じにして、h1 と .navi が被らないようにしたいんですよ。
127 名前： Name_Not_Found 投稿日： 02/01/22 22:14 ID:ucN5t7Tx: >>125
今手元で IE を試せる環境にないのですが、
width 指定無し = width: 100% って認識でいいんでしょうか？
だとしたらブラボーです。感謝!
128 名前： Name_Not_Found 投稿日： 02/01/22 22:21 ID:ucN5t7Tx: >>127
げふん。もじらで試したら、きっちり 100% の大きさにひきのばして
くれました。
-moz-box-sizing はもちろん指定してます。

margin 分引いてくれるわけじゃないんだから、それもそうかっていえばそれまでですが...
width 指定無しで正しく動かない IE が悪いっていいたいんですけど、
この動作が正式仕様なんでしょうかねぇ..
サイズの簡単な足し算とか引き算、サポートされないかなぁ...
129 名前： Name_Not_Found 投稿日： 02/01/22 22:27 ID:ucN5t7Tx: >>128
IE5 on Solaris で実験したら、こっちは width: 100% で動きましたが...
-moz-box-sizing だけじゃ同じ動作にならんのかなぁ。

もじらは width: 100% にしてから margin つけてて、
IE は margin つけてから 100% にしてるってかんじ。
130 名前： Name_Not_Found 投稿日： 02/01/22 23:03 ID:Gy3sjF6y: java scriptでブラウザの振り分けをしてそれぞれの外部cssを読み込ませる方法で、
classの指定をしたものはちゃんと表示されるんですが、
BODYやTD、TABLEに指定するやつ、
BODY,TABLE,TD{font-size:10px;}のようなやつが
うまく効いてくれないのですが、
どうしてでしょうか？
131 名前： Name_Not_Found 投稿日： 02/01/23 00:49 ID:IhK/Htmy: table を使わないで、まったく同じレイアウトを css で指定ってできるの？
つうか xhtml1.1 では table って使っていいの？ table が叩かれている気がするんだけど・・・。
132 名前： Name_Not_Found 投稿日： 02/01/23 01:00 ID:Rsz5N0nV: >>131
http://pc.2ch.net/test/read.cgi/hp/1008380243/l50
こっちで聞いてみれば？

レイアウトにテーブルを使うのが×なだけで、
表はテーブル使って良いような気がするけど。
133 名前： Name_Not_Found 投稿日： 02/01/23 01:08 ID:UW0jutAf: >>131
display:table;
134 名前： Name_Not_Found 投稿日： 02/01/23 01:10 ID:efXSzAP2: テーブルがレイアウトの基本、って発想から脱却するこった。
135 名前： Name_Not_Found 投稿日： 02/01/23 01:17 ID:LvWp85ME: >>134
しかし、テーブル的なレイアウト方法自体は間違ってないことに注意。
table 要素をレイアウトに使う事が問題なだけね。

むしろ、float とか駆使して擬似 multi column とかやってる現状は
間違ってると思うんだが。しかも完全じゃないし。

>>131
現在の実装状況じゃあ無理です。
しばらくは、table というよりグリッド配置的なレイアウトは
控えるのがよろしいかと。
136 名前： Name_Not_Found 投稿日： 02/01/23 01:18 ID:P5954It3: ｶﾞｲｼｭﾂだと思うんですけど、全部のスレが見られない（ない、とか
言われた！）ので質問します。

ブラウザのスクロールバーの色を変えるCSSですが、IE5.0では使えない
のでしょうか。つけてみたら全然反映されないのです。普通のバーのまま。

body {
scrollbar-base-color: #996600;
scrollbar-track-color: #996600;
scrollbar-face-color: #996600;
scrollbar-shadow-color: #996600;
scrollbar-darkshadow-color: #996600;
scrollbar-highlight-color: #996600;
scrollbar-3dlight-color: #996600;
scrollbar-arrow-color: #996600;
}
こんなのなんですが。何がいけないのでしょうか。
137 名前： Name_Not_Found 投稿日： 02/01/23 01:26 ID:AA/nliQo: >>136
IEが対応してないだけ。バージョンアップしろ。
138 名前： 136 投稿日： 02/01/23 01:41 ID:lzymvaGt: うあ、IE5.5以上でないと駄目だったのか（汗）
駄目だ汎用性がない（何）。

IEはバグりすぎてバージョンアップするのが怖いっす・・・。
アップするごとにひどくなるから。

>>137
教えてくださってｻﾝｸｽ（TT)
139 名前： 131 投稿日： 02/01/23 01:59 ID:IhK/Htmy: >>132-135 thx!
140 名前： Name_Not_Found 投稿日： 02/01/23 04:39 ID:Lq5Lx5Ky: 当方、IE6.0を使っているんですが
均等割付

text-align:justify;
text-justify:distribute-all-lines;

が効きません。これってIE6の仕様ですか？
ちなみに、クラス指定してDIVとSPANで試してみました。
両方ともダメなんですが…何か良い方法、ありましたら
ご教授お願いいたします。
141 名前： Name_Not_Found 投稿日： 02/01/23 05:43 ID:Fo7ZlTmC: ありとあらゆる文字をフォントも大きさも同じにしたいんですが、どうすればいいのでしょうか？
スタイル（太字とか）はそのまま表示したいです。
142 名前： Name_Not_Found 投稿日： 02/01/23 05:48 ID:LvWp85ME: >>141

* {
font-size: 100%;
}

とか。
143 名前： Name_Not_Found 投稿日： 02/01/23 09:55 ID:KeIHY6H9: >>140
うちのIE6ではちゃんと効きますが。
divにwidthも指定して試験してみたら？
144 名前： Name_Not_Found 投稿日： 02/01/23 09:57 ID:C1wXw5pc: >>131
その議論はこちらで。
「(´-`).｡ｏＯ人はTABLEにもどってくるんだよ。」
http://pc.2ch.net/test/read.cgi/hp/1011140326/
145 名前： Name_Not_Found 投稿日： 02/01/23 17:21 ID:G2d7xYrL: tableの悪用を助長するスレですか。
それとも時代を逆行するスレですか。
146 名前： 131 投稿日： 02/01/23 17:53 ID:IhK/Htmy: >>144
ごめんなさい。お断りします。
147 名前： Name_Not_Found 投稿日： 02/01/23 18:34 ID:dxSXQ/tg: >>145
そして最後に display: table に導く野心に満ちたスレだと思いたい。
148 名前： Name_Not_Found 投稿日： 02/01/23 19:45 ID:c1ntYgvG: first-letterはIE6では効かないのですか？試したけど無理でした
149 名前：投稿日： 02/01/23 19:49 ID:29orLYJW: >148
ttp://www.zspc.com/documents/css2/selector/firstletter.html
には有効のように書いてあるよ．自分じゃ試してないけど．
150 名前：投稿日： 02/01/23 19:52 ID:29orLYJW: >130
誰も答えてくれないんじゃなくて情報が少なすぎるだけだと思うよ．
その css を普通に（スクリプト）使わずに読み込めば適用されるんだよね？
だとしたら JavaScript の問題だろうからそっちのスレでソースと一緒に聞いてみれば？
配布されてるんなら配布元に聞くとか．
151 名前： Name_Not_Found 投稿日： 02/01/23 20:03 ID:c1ntYgvG: >>149
どうやっても反映されません....
CSSの方はh1のclassにtitleという名前をつけて

body{
background-image:url(gray-wev.jpg);
background-color:#FFFFFF;
color:#000000;
}

h1.title{
font-family:"Lucida Console";
font-size:250%;
font-weight:normal;
background-color:transparent;
color:#555555;
}
h1:first-letter{
background-color:transparent;
color:#FF3300;
}

としてるんですが....
152 名前： Name_Not_Found 投稿日： 02/01/23 20:14 ID:ek/ez1en: h1.title:first-letterとしてみては？
153 名前： Name_Not_Found 投稿日： 02/01/23 20:16 ID:p7+syPlh: >>151
h1:first-letterの優先度がh1.titleに負けてるからじゃない。
152の言う通り、h1.title:first-letterとでもしてみ。
154 名前： Name_Not_Found 投稿日： 02/01/23 20:18 ID:c1ntYgvG: >>152

ダメでした....仕様なんですかね
spanで囲もうかな
155 名前： Name_Not_Found 投稿日： 02/01/23 20:26 ID:A0dt9UyJ: h1:first-letter {

スペース入れたら？
156 名前： 141 投稿日： 02/01/23 20:33 ID:Fo7ZlTmC: * { font-family:MS Pゴシック; font-size: 14.pt; }

このようにしてもすべての文字には反映されませんでした。
もっと設定が必要なんですか？
157 名前： 149 投稿日： 02/01/23 20:34 ID:29orLYJW: >155
148 じゃないけど，それだとうまくいくね．バグか？
Moz097, NN621, Opera6 はスペースなしでも大丈夫．
158 名前： Name_Not_Found 投稿日： 02/01/23 20:40 ID:OThnQzE/: >>156
font-family:"ＭＳＰゴシック";にしたら？
フォント名にスペースを含む場合は""で括る、“MS P”は全角にする。
159 名前： 148 投稿日： 02/01/23 20:44 ID:c1ntYgvG: >>155

アレ？スペース入れたら効きました....もしやスペースは
必ず入れるんですか？とにかくありがとうございます！
160 名前： Name_Not_Found 投稿日： 02/01/23 20:45 ID:1ZKb/DOb: >>156
* { font-size: 14.pt; }
* { font-family:MS Pゴシック; }
こうしれ。逆だったかもしれんけど。
161 名前： Name_Not_Found 投稿日： 02/01/23 20:46 ID:u6yYMqen: >>156
ＭＳＰ
のＳとＰの間のスペースは半角だったりする。
ややこしい名前つけるなM$
162 名前： Name_Not_Found 投稿日： 02/01/23 20:47 ID:OThnQzE/: >>156
しかし絶対指定での本文文字サイズ固定はその大小に関らず歓迎されませんぞ。
どうしても指定したいのならせめて相対指定にした方がよい。

「なんで字が小さいんだ？」
http://pc.2ch.net/test/read.cgi/hp/1004167821/
フォントサイズ指定の落とし穴
http://dfj.cool.ne.jp/html/fontsize.html
163 名前： Name_Not_Found 投稿日： 02/01/23 20:49 ID:A0dt9UyJ: 14.ptって、この「.」は何？
164 名前： Name_Not_Found 投稿日： 02/01/23 20:53 ID:OThnQzE/: >>156
総じて、質問する前に、記述ミスをチェックすべきかと。>>158,>161,>>163を見ること。
>>160
？……分けて書いても一緒だと思ふ。いや、一緒でなければならぬ筈。
165 名前： 160 投稿日： 02/01/23 20:58 ID:1ZKb/DOb: >>164
ｽﾏｿ、ネスケ対策
166 名前： Name_Not_Found 投稿日： 02/01/23 21:01 ID:OThnQzE/: >>160=>>165
ネスケ対策？？？……ネスケ４なら全称セレクタ「*」は未対応ですが。
167 名前： Name_Not_Found 投稿日： 02/01/23 21:04 ID:1ZKb/DOb: ガ━━━━（ﾟДﾟ;)━━━━ン
鬱出汁脳・・・
168 名前： Name_Not_Found 投稿日： 02/01/23 21:36 ID:ek/ez1en: ﾜｲﾙﾄﾞｶｰﾄﾞ使えないのね、知らんかったYO！
169 名前： Name_Not_Found 投稿日： 02/01/23 22:23 ID:1oTEhhFI: 結局のところex=1/2emでOK?
170 名前： Name_Not_Found 投稿日： 02/01/23 22:32 ID:EklFC1wv: >>169
フォントによって異なります。
ちなみに仮名や漢字にexの概念はありません。
171 名前： 141 投稿日： 02/01/23 23:05 ID:Fo7ZlTmC: みなさんご指摘ありがとうございます。
やっているうちに混乱してきたので画像を持ってきました。分かりやすく態と目立つフォントにしました。
http://sakots.pekori.jp/imgboard/imgs/img20020123230045.png
* { font-family:"ＭＳＰ明朝"; font-size:14pt; }
で、設定したのですが<font size=-1>に設定されている文が明朝にはなりますが大きく（14ptに）なりません。
なぜでしょうか？
何も書いていませんでしたが、自分のHP用ではなくIE6のユーザースタイルシートを作っています。
最終的には文字の大きさを三段階の大14pt 中12pt 小10ptに固定したいとと思っているのですが、もっと問題が出てきそうですかね？
このサイズとこのサイズに設定されている場合は14ptにこっちで固定、といったことを考えているのですが。
172 名前： Name_Not_Found 投稿日： 02/01/23 23:10 ID:ek/ez1en: 14ptを元に-1になってるだけ
173 名前： Name_Not_Found 投稿日： 02/01/24 00:00 ID:ex55jhrM: >171
!importantを使えばいい。
174 名前： Name_Not_Found 投稿日： 02/01/24 02:36 ID:lmEOH7dp: >>170
169ではないが
p{font:18pt "Times New Roman",Times,serif; }
な場合、あるパソではTimes New Roman、ほかのパソでは
Times、そこでexが変わってしまうとして、したら環境毎に
exがかわるのですか？
175 名前： Name_Not_Found 投稿日： 02/01/24 02:44 ID:OhDL8zZG: h1～h6ってNNじゃwidth指定できないの？
176 名前： Name_Not_Found 投稿日： 02/01/24 02:48 ID:as7Jkwtg: >>175
borderを指定すればできる。NN4だよね？
177 名前： Name_Not_Found 投稿日： 02/01/24 04:31 ID:1PNDC1La: >>174
そのとおり。
font-size-adjustを解釈するＵＡはまだ出ていないはず
178 名前： 174 投稿日： 02/01/24 04:39 ID:bDPAtZVs: >>177
しかし変わらなかった・・。
HG正解書体-proでもTimesでも同じだった。
どっかのページで検証してたなー
どこだったかな・ちょっと調べてみる。
179 名前： Name_Not_Found 投稿日： 02/01/24 11:50 ID:/m4H1m1x: <input type="text" maxlength="10">
全角だったら10文字まで、半角だったら20文字まで（＝20byte)って
cssで設定できますか？
180 名前： Name_Not_Found 投稿日： 02/01/24 12:03 ID:AsJ9xouc: cssは見栄えを制御するもんだっつーの！
181 名前： Name_Not_Found 投稿日： 02/01/24 12:17 ID:/m4H1m1x: >>180
じゃどうして日本語入力モードとか弄れるんだよ。あ？言ってみろ。
182 名前： Name_Not_Found 投稿日： 02/01/24 12:24 ID:7HjSkKah: 少なくとも全角か半角かを判別するのはCSSの仕事じゃないと思われ。
183 名前： 180ではないが 投稿日： 02/01/24 12:29 ID:9zvkqN/d: >>181
ime-mode:のことなら、あれはIE独自拡張です。
　http://east.portland.ne.jp/~sigekazu/css/ie55.htm
まあcursor:なんかと一緒でユーザー・インターフェースの制禦だと
見做すこともできなくはありませんが、それにしても>>179みたいな
要求は少し無茶ですね。
184 名前： 代走名無し 投稿日： 02/01/24 16:47 ID:AjoNjs8M: <li>によるリストを書いたとき自然にできる左側の余白を
狭くしたいのですが、
絶対位置指定だと左上に全ての行が固まってしまい、
相対位置指定やマージンだと効かないみたいなのですが、
どうしたらいいですか？
185 名前： Name_Not_Found 投稿日： 02/01/24 16:58 ID:ZTjAkQ3P: >>184
ULとLIのmarginとpaddingを全部0にしたら詰まると思うぞ。
ちなみにIEとNNでそれらの初期値が違うようなので注意
186 名前： Name_Not_Found 投稿日： 02/01/24 16:58 ID:U7gU/xpN: >>184
状況がよく把握できないが、「マージンだと効かない」ブラウザは何？
もしNN6ならそれも当然。padding-leftを狭くして下さい。
因みにブラウザのデフォルトのスタイルシートは以下の通り。
IE5.5
ol, ul {margin-left: 40px; padding-left: 0;}
NN6
ol, ul {margin-left: 0; padding-left: 40px;}
cf.http://www.inter-cool.net/~phantasm/wdzone/lab/defaults.html
187 名前： 141 投稿日： 02/01/24 19:11 ID:9zf8cjqS: たびたびすみません。
基本的に文字は14ptで表示するとして（これは出来ました）、「font size=-1」と設定されている部分だけは12ptにしたい場合はどうすればいいのでしょうか？
188 名前： Name_Not_Found 投稿日： 02/01/24 19:21 ID:lFwUJi7m: 1から作りなおしてclassでも指定しれ
189 名前： Name_Not_Found 投稿日： 02/01/24 19:22 ID:yFUZlQzU: >>187
font[fontsize="-1"]{font-size:12pt;}
やめておいた方がいいと思うけどね。>>162をきちんと読んだ方が。
190 名前： Name_Not_Found 投稿日： 02/01/24 19:28 ID:U7gU/xpN: >>188-189
いや、>>141は>>171で
「自分のHP用ではなくIE6のユーザースタイルシートを作っています」
と言ってるぞ。
191 名前： Name_Not_Found 投稿日： 02/01/24 21:20 ID:PPqqKUnt: >189
×　font[fontsize="-1"]
○　font[size="-1"]
192 名前： Name_Not_Found 投稿日： 02/01/25 00:01 ID:nyhB5pOx: >>181
M$の独自拡張だから本旨と関係ない
193 名前： 189 投稿日： 02/01/25 00:17 ID:c/n3x9yV: >>190
あ、ほんとだ、ごめそ。

>>191
Σ(￣△￣;)ｳｶｰﾘ
ところでIE6って属性セレクタ効くの？
194 名前： Name_Not_Found 投稿日： 02/01/25 00:20 ID:4n6MgvIM: >>193
効きません、全く。
未だにCSS1レベル……いい加減対応してくれよ（泣）。
195 名前： 141 投稿日： 02/01/25 03:17 ID:vSXYiuqj: あら、もしかして>187はIE6では出来ないという結論が出てしまいました？
必死になっていろいろ試してました。
みなさんいろいろ有り難うございました。
では寝よっと。
196 名前： Name_Not_Found 投稿日： 02/01/25 06:30 ID:E6FFdATS: marginで余白の幅を固定することはできますが、
表示される幅を固定することはできないのでしょうか。
197 名前： Name_Not_Found 投稿日： 02/01/25 06:35 ID:95j98WT7: <textarea>で、書き込みができなくするように設定したいんですが、どうすればいいでしょうか？
ime-modeは見つけたんですが。
198 名前： Name_Not_Found 投稿日： 02/01/25 06:52 ID:GEYvdfGU: >>196
何ですと？　もしかしてwidthのこと？

>>197
それはHTMLで。readonly属性を書き加える。

<textarea readonly>～</textarea>

（XHTMLの場合は <textarea readonly="readonly"> ）
199 名前：投稿日： 02/01/25 07:03 ID:5zCrAqUm: >195
Proximitron でできないかな，と思った．
200 名前： Name_Not_Found 投稿日： 02/01/25 07:46 ID:95j98WT7: >>198
thx!
201 名前： Name_Not_Found 投稿日： 02/01/25 10:17 ID:jVqujuLX: >>199

やってます。
読みにくい要因をおみとろんであぼーんして、
さらに仕上げにユーザースタイル。これ最強。
202 名前： 代走名無し 投稿日： 02/01/25 16:54 ID:7zYxiZNq: 184です。

text-indent :
で値をマイナスにすることで自己解決してしまいました。

自分のあまりのへタレさにsage。
203 名前： Name_Not_Found 投稿日： 02/01/25 17:36 ID:SDtEkSVh: >>202
無茶するな。
liでなくてul,olをセレクタにすべし。
204 名前： Name_Not_Found 投稿日： 02/01/25 18:03 ID:Y+pXLNOc: CSSを使って、同じ行の左端と右端に文を配置することはできますでしょうか。
実はかちゅskinをいじっているのですが、どうしても、改行されてしまいます。
例えばこの板だったら

Name_Not_Found sage
　　　　　　　　　　　　　　　　　　　　　　　　　02/01/25 17:36 ID:///
という感じ。
Name...　と 02/01/...　の行をそろえたいのです。
http://members.tripod.co.jp/katjuskin/skin/shi_light_keiryou_ver1.1_pastel.txt
よろしくお願いします。
205 名前： Name_Not_Found 投稿日： 02/01/25 18:09 ID:ndTz7XVF: >>204
dt {clear:both;float:left; width:49%;}
dd {float:left; width:49%; text-align:right;}
206 名前： Name_Not_Found 投稿日： 02/01/25 18:23 ID:Y+pXLNOc: >>205
ありがとうございます。しかし、うまくいかないです。
同じ部分を書き換えてみましたが禿しくバグったような表示になってしまうです。
207 名前： Name_Not_Found 投稿日： 02/01/25 18:30 ID:Y+pXLNOc: こんな感じです。

<div><dl>
<a href="zonu://res/?no=<PLAINNUMBER>" class="face"><div class="o">∧ ∧<br>(*ﾟーﾟ)</div><PLAINNUMBER></a>
『 <NAME> 』</b>　<MAIL><dt>DATE：<DATE><dd><MESSAGE></dl></div>
208 名前： Name_Not_Found 投稿日： 02/01/25 18:34 ID:ndTz7XVF: 訂正
dd {float:right; 以下同}

あと、204のソースはHTML Lintにかけてごらん。
<dl>直下は<dt><dd>しか許されないし、<dt>の次に<dd>が来るのが順番。
209 名前： Name_Not_Found 投稿日： 02/01/25 18:51 ID:ndTz7XVF: >>207
<a></a>の中に<div>ってのも無茶苦茶。これ基礎です。
インライン要素とブロック要素について学んで下さい。↓
　http://www.kanzaki.com/docs/html/element-level.html
正しくマークアップされたHTMLに対してでないと、CSSは正しく効果しません。
210 名前： Name_Not_Found 投稿日： 02/01/25 18:53 ID:3dmwWVll: >>207
そのソースが良くわかんないんだけど、

div{ position: relative; }
dd { position: absolute; top: *px; right: *px; }

これじゃ駄目かな。pxんところは適当な数値を入れて。
ところでそのスキンは個人使用？
211 名前： Name_Not_Found 投稿日： 02/01/25 18:53 ID:Y+pXLNOc: dt {clear:both;float:left; width:49%;}
dd {float:right; width:49%; text-align:right;}
で、>>207

でよろしいんでしょうか。。ぅぅ。うまくいかんです。
素人考えですが、<dt>だけ変えればよいかと思ったのですが。

> <dl>直下は<dt><dd>しか許されないし、<dt>の次に<dd>が来るのが順番。
そのようですね。先ほど調べてたら、そう書いてありました。
212 名前： Name_Not_Found 投稿日： 02/01/25 18:57 ID:Y+pXLNOc: >>210
204は他の方が作られたのですが、それを改造して使うつもりです。

>>209
逝ってきます。。
213 名前： Name_Not_Found 投稿日： 02/01/25 19:18 ID:Y+pXLNOc: >>210
207はレスの部分でして、画像は
http://members.tripod.co.jp/katjuskin/img/shi_light_keiryou_ver1.1_pastel.png
こんな感じです。
それと、positionで、日付IDの部分はうまく移動できたのですが、
それに伴い「しぃ」の顔の部分がおかしくなりました。少し考えてみます。。。

同じ行の左端と右端に文を配置しているサンプルコードや、Webページがあれば
教えていただきたいです。
214 名前： Name_Not_Found 投稿日： 02/01/25 19:25 ID:ndTz7XVF: >>213
HTMLソースが無茶苦茶だとCSSもうまく指定できないって。
ソース書き直したの出してごらん。そしたらfloatによる配置を編み出してやるからさ。
215 名前： Name_Not_Found 投稿日： 02/01/25 19:58 ID:uL6Jx5bO: ┌──────────────────────┐
│┌──┐名前　sage　　　　　　　　　　　　　日付　ID　 │
││ しぃ│￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ │
│└──┘本文　　　　　　　　　　　　　　　　　　　　　　　│
│　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　│
└──────────────────────┘

こうしたいのか？　ソースから書き直したほうがいい。

<dl>
<dt>NO（しぃ）</dt>
<dt>名前</dt>
<dt>日付・ID</dt>
　<dd>本文</dd>
</dl>

ちょっと乱暴だけど、例えばこうすればどうにでもなる。Class振って。
216 名前： 215　HTML 投稿日： 02/01/25 21:12 ID:DkOq+7ED: 風呂上りにちょっと書いてみた。


<dl>
<dt class="number"><a href="aaa">∧ ∧<br>(,,・д・)<br>1</a></dt>
<dt class="name">名前 sage</dt>
<dt class="date">日付 ID</dt>
　<dd>本文</dd>
</dl>


<dl>
<dt class="number"><a href="bbb">∧ ∧<br>(*ﾟーﾟ)<br>2</a></dt>
<dt class="name">名前 sage</dt>
<dt class="date">日付 ID</dt>
　<dd>本文</dd>
</dl>
217 名前： 215　CSS 投稿日： 02/01/25 21:13 ID:DkOq+7ED: dl{
padding:5px; border:1px solid black; clear:left;
}

dt.number{
width:50px; float:left; border:1px solid black;
}

dt.name{
width:50%; float:left; padding-left:10px;
}

dt.date{
text-align:right;
}

dd{
border-top:1px solid black; margin-left:60px; padding:10px;
}
218 名前： 204 投稿日： 02/01/25 21:39 ID:Y+pXLNOc: >>214
aの中のdivをspanに書き換えてみたのですが、あんまりうまくいきませんでした。

>>215
少しいじってみましたが、配置的には問題なさそうです。
後は、元の装飾に戻すだけ。。。
219 名前： Name_Not_Found 投稿日： 02/01/25 21:45 ID:Cud6+pF/: >>218
アンカーの中にdivを入れたのか？（w
220 名前： 204 投稿日： 02/01/25 21:50 ID:Y+pXLNOc: いや、他の人が作ったskinの元々が<a><div>のようになっていたので、
214さんの指摘の通り、なおしてみたのです。
221 名前： Name_Not_Found 投稿日： 02/01/25 21:55 ID:Cud6+pF/: spanの中にdivでも同じ事だと思うぞ。
222 名前： 204 投稿日： 02/01/25 21:56 ID:Y+pXLNOc: うう。<a><span></span></a>のようにしたのですが。。
223 名前： Name_Not_Found 投稿日： 02/01/25 22:01 ID:Cud6+pF/: ｽﾏｿ、漏れ読察力ないな。

んでも、それならアンカーにclass指定した方が良いと思うんだが。
224 名前： Name_Not_Found 投稿日： 02/01/25 22:55 ID:P15PTsF2: 質問です。
見出し要素などに二重にCSSを指定したい場合、DIVを使いますよね。
このとき、
<h1><div>～</div></h1>
<div><h1>～</h1></div>
のどちらが"正しい"のでしょうか？それとも変わりはないのでしょうか？
225 名前： Name_Not_Found 投稿日： 02/01/25 22:57 ID:ddTo/Nd2: HEADとTITLEだと
<HEAD><TITLE></TITLE></HEAD>
ってのは決まってるけど、
それはどっちでも良いんじゃないのか？
226 名前： Name_Not_Found 投稿日： 02/01/25 23:00 ID:Anr0pxmg: >>224
h1-h6 の中にブロック要素は入らないだろ。
<h1><div>～</div></h1> はどう考えても ×。
227 名前： Name_Not_Found 投稿日： 02/01/25 23:08 ID:+//ixaSA: <BASE target="_top">と指定しているのですが､

IDやクラスの中の<A>タグに関してだけ違うtarget指定をしたいのです。
用途はリンクページです。
_topを使う部分が多いのですが､
部分的にスタイルシートで違う指定をして↑のようにしたいのです。

スタイルシートで可能でしょうか､
分かる方がいましたら教えてください。
228 名前： 215 投稿日： 02/01/25 23:10 ID:4N11oU2C: ＞204
気に入んなかった？
1から書き起こしたから取っ付きにくいかと思うけど、
参考までに色々いじってみてくんなまし。

>>224
自分はここ参考にしてた。
http://openlab.ring.gr.jp/k16/htmllint/tagslist.cgi?HTMLVersion=HTML401-Strict
Contentsが子要素にできる要素
Parentsが親要素になりうる要素

>>227
CSSじゃムリ
229 名前： Name_Not_Found 投稿日： 02/01/25 23:11 ID:ddTo/Nd2: CSSなんかいらないよ。
<A HREF="http://www.***.com" TARGET="_top">
でOK
230 名前： 229 投稿日： 02/01/25 23:14 ID:ddTo/Nd2: ちなみに
>>227
ね
231 名前： 227 投稿日： 02/01/25 23:44 ID:+//ixaSA: >>228 , >>229-230
ありがとうございます。

もしかしたらできるんじゃないか？
とか､できたらいいなぁとは思っていたんですが､無理ですか…
CSSでリンクに関してという話は聞かないですからね。

黙って普通に<A ～ target="">使います (～゜ー゜)～
232 名前： 227 投稿日： 02/01/25 23:47 ID:+//ixaSA: すみません。
A A:link A:hover A:active A:visitedを忘れてました。
targetに関しての話です。
233 名前： 229 投稿日： 02/01/25 23:56 ID:ddTo/Nd2: >>232
多分その説明じゃ誰も理解できないと思いますよ。
もう少し詳しく丁寧にどうぞ。
234 名前： 224 投稿日： 02/01/26 00:02 ID:7we8b0Y+: >>226,>>228
ありがとうございます。
今までブロック要素の中にはいつもブロック要素を入れて良いものだと
勘違いしてました…
235 名前： 227 投稿日： 02/01/26 00:22 ID:xlNEBvOu: リンクのバナーがたくさん貼ってあるページで､
ほとんどが<～ target="_top">になるので、
<BASE target="_top">を<HEAD>内に書いていたんです。

だけどページ内に何箇所か<～ target="_blank">にしたいところがあって、
部分的にCSSでその辺を変えられないかな､と。
具体的には6箇所なんですが。
もしCSSでできるのであれば､6箇所全部に_blankと書く必要がなくなるのでは？
と思い質問してます。
その6箇所は同じところにかたまっているので､
<DIV id(class)="">その6箇所</DIV>
ってやれそうな気がするのですが…

説明が下手ですみません。
236 名前： Name_Not_Found 投稿日： 02/01/26 00:28 ID:yOXEFimA: >>235
CSSってのは飽くまで見た目を制御するもの。
上でも言ったとおり、無理です。
ひとつひとつにtarget="_blank"書いてくださいな。
237 名前：投稿日： 02/01/26 00:28 ID:0jboh3+n: >235
とにかく CSS で target の指定はできません．
どちらかとういうと ID を振って JavaScript のお話になるのかな．
238 名前： Name_Not_Found 投稿日： 02/01/26 00:30 ID:SQzxks6F: >>235
結局６カ所にID振ることになる。
239 名前： Name_Not_Found 投稿日： 02/01/26 17:29 ID:7G2vM+df: Winユーザーです。パソコンショップのMacIEで自サイトを見たら、表示が崩れてました。
いま、ソースを抽出すると下記の通り。
.center {text-align:center;}/*IE向け*/
.center, {text-align:-moz-center; margin-right:auto;margin-left:auto;}/*N6向け*/

<ul class="center">
<li><p>…………</p>
<ul><li>…………</li></ul>
</li>
</ul>

これでWindowsではIE6・ＮＮ6.2・Opera6とも問題なく、センタリングします。
しかしMacIEでは文字列だけは中央寄せにはなるものの、なぜかリストマーカーが
文字列左端から離れて画面左端に表示されます。
これをMacIEでも文字列の左隣にリストマーカーを表示させ、且つ
li要素全体は中央寄せとするにはどう指定すればいいのですか。
240 名前： Name_Not_Found 投稿日： 02/01/26 20:48 ID:Kj95GnhG: position: absolute;
left: 0em;

ってやったら、親要素を飛びこしてブラウザの左まで飛んでっちゃいました。
これって仕様なんですか？
親要素には position: relative を設定してます。
241 名前： Name_Not_Found 投稿日： 02/01/26 21:40 ID:+pJJr3dK: >240
親要素にもtop: 0; left: 0;とか書いてみては？
子要素にもtop: 0;とか。
242 名前： Name_Not_Found 投稿日： 02/01/26 21:46 ID:Kj95GnhG: >>241
だめでした。top は認識するのに何故!?
243 名前： Name_Not_Found 投稿日： 02/01/26 22:07 ID:Kj95GnhG: fieldset 要素みたいな表示を CSS で実現するにはどうしたらいいんでしょう?
244 名前： Name_Not_Found 投稿日： 02/01/26 23:14 ID:QiFFzouz: >>243
それそのものを再現するプロパティはなかった筈。

<div>
<h2>かｄｊふぁｋｌｄｆｊｊｊ</hn>
</div>

div{ position: relative; }
h2{ position: absolute; top: -*px; left: *px; background: #***; }

とかやればできるかな？
245 名前： 244 投稿日： 02/01/26 23:16 ID:QiFFzouz: divにborder指定し忘れた。
246 名前： 244 投稿日： 02/01/26 23:19 ID:QiFFzouz: しかもh2の閉じタグがhnになってる。
247 名前： Name_Not_Found 投稿日： 02/01/26 23:25 ID:Kj95GnhG: >>244
left プロパティがいかれぽんちなので
absolute は使えないかと....
248 名前： 244 投稿日： 02/01/27 00:08 ID:Wd3vrbN1: >>247
基本的にはイカレチムポってことはないよ。＞left
大体の場合記述がおかしい。

>>240はそれだけじゃ原因が判らない。普通は効く筈。
良かったら周辺のソースをスタイルと一緒に晒してみて。
あとブラウザのバージョン。
249 名前： Name_Not_Found 投稿日： 02/01/27 00:20 ID:R73bzZLe: >>248

>>112 あたりので。
IE 5.0 です。
5.5 でも同じだったかも。

width: 100% を .section に足すと
Mozilla 0.9.7 で表示がいかれます。
width: auto は効果無し。

.navi に width: 20% とか書いても同じです。

まだイカレポンチ呼ばわりするにははやすぎた？
250 名前： 244 投稿日： 02/01/27 00:42 ID:Wd3vrbN1: >>249
>>112はrightだからまた別の話になっちゃうんだよね。
rightをleftに置き換えると正常に効くし。
自分はrightで困ったことはあってもleftで困ったことってないんだけどな…。

親要素にwidthを指定するなら、
width: expression('100%'); /*WinIEの独自拡張*/
とすれば一応解決はする。
ただし、IE6の標準モードだとおかしくなるので、
DOCTYPE宣言は互換モードになるものである必要がある。
その点で現実的ではないかも。
251 名前： 239 投稿日： 02/01/27 00:42 ID:/D8caGhg: >>239でした質問はどうもご回答が得られないみたいですので、
せめてMacIEのCSSバグについて、まとめたページがあったらご示教下さいませんか。
検索したけど見つけられません……。
252 名前： Name_Not_Found 投稿日： 02/01/27 00:47 ID:R73bzZLe: >>250
了解。
訂正します。right はイカレポンチ!
なんか非常にがっかりです。
はーあ。
253 名前： 244 投稿日： 02/01/27 00:53 ID:Wd3vrbN1: >>251=239
マーカーが離れてしまうということは、
ul要素にマージンが効かず、
li要素の内容だけがセンタリングされてるんだと思う。

MacIE5.0では、
・blockquote、ul、ol要素にmargin: auto;　が効かない
・text-align: centerでブロック要素のセンタリングはできない
からそうなるんだと。

ulをdivで囲ってみては？
254 名前： Name_Not_Found 投稿日： 02/01/27 00:58 ID:1b2tTwJm: >>251
http://pc.2ch.net/test/read.cgi/hp/991666454/l50
くらいでどうでしょうか…。
漏れもﾏｶｰですがこのバグの回避方法は知りません。ごめそ。
上のスレにあったかな…。

あと、MacIE5のバグの話題は下記の日記によく載ってます。
ttp://www.remus.dti.ne.jp/~a-satomi/nikki/
255 名前： Name_Not_Found 投稿日： 02/01/27 03:43 ID:/lPEWY9m: すみません。初歩的な質問なのですが…

htmlのテーブル内に配置したテキストを
CSSで指定したサイズにしたいのですが
MacのNetscape Communicator 4.7 ではまったく機能していません。
これって、ブラウザ側の問題ですか？
256 名前： Name_Not_Found 投稿日： 02/01/27 05:13 ID:7NMldKr9: >>255
Yes
強引にやるなら、テーブル内のテキストにspanタグとかで直接スタイル指定
するといい。文法違反だけどね。
257 名前： 256 投稿日： 02/01/27 05:16 ID:7NMldKr9: 補足ｽﾏｿ
NN4.7ではスタイル指定して閉じても時々影響が残ることがある。
この時は閉じるタグをいくつか書くとしっかり閉じることができるかも。

ってか、6.2を薦める(w
258 名前： Name_Not_Found 投稿日： 02/01/27 05:27 ID:Do79vI7v: いまだNN4.Xを使ってる人が結構いるが頭に来る。あんなｸｻﾚﾌﾞﾗｳｻﾞを使うな
259 名前： Name_Not_Found 投稿日： 02/01/27 05:55 ID:R73bzZLe: >>258
気持ちは理解るが、スレ違いだ。
260 名前： Name_Not_Found 投稿日： 02/01/27 06:30 ID:R73bzZLe: >>250

>>112 なんですけど、手元の IE 5.0 だと right を left に置き換えて実験してみたら
ちゃんと動きませんでしたが....
あいかわらず、.section からとびでます。

5.5 だと違うんだろか...

left または right が正しく動いてる事例ってどこか無いでしょうか？
261 名前： 239=251 投稿日： 02/01/27 09:01 ID:CFpNFhYM: >>253
>ulをdivで囲ってみては？
ご教示有り難うございます。結果報告致しますと――
先の>>239のソースで出したulをdivで括り、<div class="center">としました。
ちなみにスタイル指定は
.center{text-align:center;}
.center{text-align:-moz-center; margin-right:auto;margin-left:auto;}
Macは持ってないのですぐ確認できませんが、WinIE6とOperaでは以前通りうまくゆきます。
しかし今度はNN6.2が、MacIEで<ul class="center">としたのと同じ症状を呈します。
即ち、liの文字列は中央寄せしてくれても、リストマーカーは画面左端に置き去り。
但しMacと若干異なり、liを入れ子にした場合、ネストしたli要素のマーカーは
ちゃんとセンタリングされたそのli要素のすぐ左隣に配置されてます。
これはBugzilla.jpにでも提出した方がいいんですかね？
ともあれ、あちら（MacIE）を立てればこちら（NN6.2）が立たずで、困りました。
どちらかのユーザーに目をつぶっていただくほか解決案はないものですか。
262 名前： Name_Not_Found 投稿日： 02/01/27 09:11 ID:CFpNFhYM: >>260
↓ここでは正しく動作してます。少なくともWinIE5.5～6では。
http://www.ne.jp/asahi/anarchy/saluton/hisen_j.htm
http://www.ne.jp/asahi/anarchy/saluton/stylesheet/layout.css
layout.cssにて見やすくするため各ボックスにボーダーを指定して
#mainBody .head{left:3px}を0pxにしたりright:0pxにしたりしてみましたが
全くズレませんでした。
263 名前： Name_Not_Found 投稿日： 02/01/27 09:32 ID:WBRJJTTu: >>262
#mainBody で width: 100% を指定してるので IE では上手く表示されるんですが...

<style> #mainBody { margin: 3em; } </style>

で、Mozilla でおかしくなります。
横スクロールバーが出てしまう。
width を計算してから、margin を付けてるのかな？
どっちが仕様的には正しいんでしょ。

Mozilla だけ width 指定が無視されるようにでもするしかないのかな。

余談だけど、layout.css みてて、
かなーり悲観的な気持になりました。
こんなにこまごまと UA 対策しなきゃいけないのか...
264 名前： Name_Not_Found 投稿日： 02/01/27 09:47 ID:CFpNFhYM: >>263
うちではNN6.2（≒Mozilla）でも横スクロールは発生しませんが。
>width を計算してから、margin を付けてるのかな？
それについては>>125参照。そのサイトでは下記の指定がされてる。
http://www.ne.jp/asahi/anarchy/saluton/stylesheets/default.css
html * {
box-sizing: border-box;
-moz-box-sizing: border-box;
}
cf.http://hp.vector.co.jp/authors/VA022006/css/visualren.html#ref-box-sizing
265 名前： Name_Not_Found 投稿日： 02/01/27 11:39 ID:71BfOtGJ: classとidの違いって何なんでしょうか？
いろいろ検索してみたのですが、分かりにくくて……。

こういう質問はやはりHTMLのほうなのでしょうか？
266 名前： Name_Not_Found 投稿日： 02/01/27 12:52 ID:wS5MZr2p: >263
オレのサイトでは親要素に
position: relative; top: 0; left: 0;
子要素に
position: absolute: bottom: 1px; right: 10px;
という指定でしっかり効いてるけど。

>265
classは大雑把な分類。
人間で言うと男か女か。
idは個別的なもの。
人間で言うと山田花子、山下達郎とか。
ちなみにidは同ページに同じidは１つまで。
267 名前： 261 投稿日： 02/01/27 13:23 ID:7I8tj6PC: たびたびすみません。
>>261で書いたNN6.2での不具合は、
<li><p>……</p><p>……</p></li>だったのを、<li>……<br>……</li>にすると
生じなくなりました。
NN6では<li></li>内にブロック要素を入れると、否応なくwidth:100%になるんですね。
それはそれで尤もな気もしますが、融通が効かないので釈然としない気も……。
li要素内にブロック要素を包含しつつ、猶且つマーカーごとセンタリングさせる手があれば
いいのですけど――無理なのかなあ。
268 名前： Name_Not_Found 投稿日： 02/01/27 15:45 ID:zFU9Su1e: >>239　亀ﾚｽ失礼
CSS関連のバグならzspcにある。
>>4
http://www.zspc.com/documents/css2/index.html
269 名前： Name_Not_Found 投稿日： 02/01/27 23:09 ID:STnnfo9q: テーブルセルの中の背景にCSSで画像を置きたいのですが
<head>内にbackground-imageでクラスを作っておいて
問題のセルに<td class="hoge">で指定しても問題ないのでしょうか？
270 名前： Name_Not_Found 投稿日： 02/01/27 23:46 ID:oBlxoVEy: >>269
問題無い。なんで心配なのさ？
271 名前： Name_Not_Found 投稿日： 02/01/28 00:12 ID:WJ8rWO4M: >>267
ボックスモデルを考えると、どちらかといえば
マーカーごとセンタリングされてしまうことの方が
仕様的にはバグっぽいように思えます。
現状の CSS では内容に合わせてボックスの幅を伸縮するような指定が
出来ないので、適当なサイズで width 指定して
margin:auto; とするしかないんじゃないかと思います。
272 名前： Name_Not_Found 投稿日： 02/01/28 00:59 ID:Tr6nrIAN: >>271
まあMozilla/NN6の方が規格には厳密なんだろね。
list-style-position:insideにして<li><p>～～～</p></li>と書くと
マーカーの次で改行されてliの内容と一行ズレるのも、ボックスモデルに忠実な故かと。
でも、不便ですな。リストマーカーに関しては、IE6やOperaの仕様の方がよいと感じる。
逆に、NN6と違って融通の効く表示をしてくれるIEやOperaは、
ボックスモデルでなければ一体どんなデフォルト・スタイルを設定してるのか。
もしそれがCSSで指定できるスタイルならば、NN6にも適用させたいところだ。
273 名前： Name_Not_Found 投稿日： 02/01/28 19:47 ID:QoO3q1yA: >>270
なんか他のPCで見たら表示されなくて・・・
ブラウザは大丈夫ですよ
274 名前： Name_Not_Found 投稿日： 02/01/28 21:10 ID:4V/RbK4G: -moz-opacity
-moz-box-sizing
以外にもMozilla独自の拡張があったら教えてYO!
275 名前： Name_Not_Found 投稿日： 02/01/28 21:17 ID:fmAc9MMD: >>274
英語だけど
http://www.xulplanet.com/tutorials/xultu/elemref/ref_StyleProperties.html

あとpiro氏んとこでダウソできるtipsにも載ってる
276 名前： Name_Not_Found 投稿日： 02/01/28 21:17 ID:fmAc9MMD: 埋もれage
277 名前： Name_Not_Found 投稿日： 02/01/28 21:18 ID:fmAc9MMD: 埋もれてなかったsage
278 名前： Name_Not_Found 投稿日： 02/01/28 21:20 ID:fwzX3tMv: >>274
Mozillaの独自拡張CSS
http://www.inter-cool.net/~phantasm/wdzone/lab/exmoz.html
Mozilla 独自プロパティ
http://www.alib.jp/mozilla/chrome/extra_properties.html
279 名前： Name_Not_Found 投稿日： 02/01/28 21:52 ID:WJ8rWO4M: >>274
効き目は全く解らんが参考 URL:
http://lxr.mozilla.org/seamonkey/source/content/shared/public/nsCSSAtomList.h
http://lxr.mozilla.org/seamonkey/source/content/shared/public/nsCSSKeywordList.h
http://lxr.mozilla.org/seamonkey/source/content/shared/public/nsCSSPropList.h
280 名前： Name_Not_Found 投稿日： 02/01/28 22:59 ID:v0Ap056o: <style type="text/css">

</style>

と、リンクの色を指定するパターンを、同じhtmlページ内で２種類使えるんでしょうか？

具体的には、上記のパターンと、
a:link { color: #ffffff; text-decoration: underline}
a:visited { color: #ffffff; text-decoration: underline}
a:active { color: #ffffff ; text-decoration: none}
a:hover { color: #ffffff ; text-decoration: none}
というパターンを使いたいのですが。
281 名前：投稿日： 02/01/28 23:06 ID:QQNiwM+3: >280
class で分ければ万事問題なし．
282 名前： 281 投稿日： 02/01/28 23:07 ID:QQNiwM+3: >281 補足
同じページ内でリンクパターンが複数あると見るほうが混乱するかも
しれないのであまりお勧めはしない．
283 名前： Name_Not_Found 投稿日： 02/01/28 23:12 ID:XHclFiUW: >>280
セレクタを使い分ければ何種類でも使える。
例えばulの中のリンクだけ別のスタイルを適用したい場合、

ul a:link{ ～ }
（以下略）
とする。

あとは>>281の言うようにclassを使っても良い

>>282
まあ背景色との兼ね合いもあるだろうから。
284 名前： Name_Not_Found 投稿日： 02/01/28 23:13 ID:lY9q6snN: まぁ、メニュー部と地の文とで分けるくらいなら問題ないんじゃないの。
285 名前： 281 投稿日： 02/01/28 23:16 ID:QQNiwM+3: うむ，僕の考えが浅かった．ごめん．
286 名前： 280 投稿日： 02/01/28 23:21 ID:v0Ap056o: >>281
classの使い方を散々調べて、単純なことはできるようになったんですが、
自分が一番したい>>280のことができないんです。

.test { color:#ffffff; text-decoration : none }
として、<a href="xxx.html" class="test">としても思ってるのと違うし。

>>282
バックの色が違うところにリンクを置きたいのです。
わかり辛いでしょうかねぇ。
287 名前： Name_Not_Found 投稿日： 02/01/28 23:29 ID:x2ZtcH0p: a:link.test { color: #ffffff; text-decoration: underline}
288 名前： Name_Not_Found 投稿日： 02/01/28 23:35 ID:/xG46J9R: a:hover { color: red; }
a.hogehoge:hover { color: green; }

こうすればいいということ。

a:hover { color: red; }
ul a:hover { color: green; }

こういうこともできる。
289 名前： (･∀･) 投稿日： 02/01/28 23:36 ID:LSoe37kL: a:hover.test2 { color: #ffffff; background:#000000; font-size:xx-large;underline overline line-through; text-decoration: none;}
290 名前： 274 投稿日： 02/01/28 23:36 ID:mOnJ4TGl: 参考になりました。
291 名前： 280 投稿日： 02/01/28 23:42 ID:v0Ap056o: >>287 >>288
できました！めっちゃ嬉しい。
ありがとうございます！
292 名前： Name_Not_Found 投稿日： 02/01/29 16:16 ID:FpLj8eXj: あんま関係ないけどTopStyleってやつ
C:\Program Files\Bradbury\TopStyle2.5\user\elements.dat
をいじれば要素増やせるんだ。初めて知った
293 名前： Name_Not_Found 投稿日： 02/01/29 16:22 ID:3g2oAG+J: TopStyleって窓使いの憂鬱と相性悪い? いっしょに使うと落ちまくるんで消したわ。
294 名前： 280 投稿日： 02/01/29 16:40 ID:KR4sA2/L: >>280から、>>287 >>288 >>289 と教えていただき、
>>291と解決したかに思えたのですが、
ネスケでこの技は効かないんでしょうか？

a:link { color: #0000ff }
a:link.test { color: #ffffff }
と一番シンプルな形で試したところ、IEでは期待どおりなのですが
NN（4.5）では最初に指定した色で表示されてしまうんです。

あきらめるしかないんでしょうか。
295 名前： Name_Not_Found 投稿日： 02/01/29 16:59 ID:3CjkbdDr: >>294 a.test:link もだめだった？
296 名前：投稿日： 02/01/29 17:14 ID:uSMZ7m8D: >295
WinNN4.7 ならそれでうまくいくね．

ところで >294 さんが本当にやりたいのは
<div class="another">
<p><a ...>foo</a></p>
<p><a ...>bar</a></p>
</div>
で .another a{color: black;} とかそういう方向じゃないのかなあと思った．
297 名前： 294 投稿日： 02/01/29 17:33 ID:KR4sA2/L: >>295
見事にできました！　ありがとうございます。
ってことは・・・
NN4.7だったのか、使ってるの。

>>296
勉強不足で違いがわかりません。ごめんなさい。
でも、ここで教えてもらった方法で期待通りの表示はできるようになりました。

バックが白のページで、基本的なリンク表示パターンを一つ、
同ページ内でバックの色が違う場所では別のパターンを、としたかったのです。

たぶん僕の使ってる単語がおかしかったりして、混乱させてしまってましたら
ごめんなさい。
298 名前： Name_Not_Found 投稿日： 02/01/29 18:02 ID:6lIem5xs: >>297
296じゃないけど、
その違う背景色を設定したブロック要素の中のAタグの話だから
文脈セレクタが使えるな、という指摘でしょ。
299 名前： 294 投稿日： 02/01/29 19:00 ID:KR4sA2/L: >>298
わかりやすい説明ありがとうございます。
おかげさまで理解することができました。

CSSは勉強し始めたところなので、
今のところは>>295でいってみます。
300 名前： Name_Not_Found 投稿日： 02/01/29 23:10 ID:3nQvp5ou: .htaccess を使って UA 毎のスタイルシート切り変えをしてる人っていないのかな。
301 名前： Name_Not_Found 投稿日： 02/01/30 00:50 ID:X+fmQZZD: floatで画像の右側にテキストを書くと、
その文の長さによって下のマージンがおかしい。
たまに上のボックスと下のボックスがくっついたりする。
これどう？
302 名前： Name_Not_Found 投稿日： 02/01/30 00:59 ID:e2PoMswu: もう少し状況を具体的に。>>301
303 名前： Name_Not_Found 投稿日： 02/01/30 01:33 ID:BFtTYxYs: はいはーい質問！

<img src="a.gif" style="float:left;">
<div>aa</div>

ってありですか？
floatの後にボックス要素もってくると、NN6とかちゃんとしない気がします。
304 名前： Name_Not_Found 投稿日： 02/01/30 01:35 ID:BFtTYxYs: あ、ちなみに>>301ではないです
305 名前： Name_Not_Found 投稿日： 02/01/30 01:42 ID:pVbBOP+3: >>301
これのことかな？
http://pc.2ch.net/test/read.cgi/hp/997305601/367-368
http://pc.2ch.net/test/read.cgi/hp/997305601/378

仕様どおりだけど何か釈然としないよな、という話です。

>>303
OK。
306 名前： 301 投稿日： 02/01/30 02:03 ID:X+fmQZZD: >>305
過去ログ見逃してたようですんません。
でも、ありがとございました。

floatってマジ信用できん…。
307 名前： Name_Not_Found 投稿日： 02/01/30 02:12 ID:pVbBOP+3: >>306
いや、そのスレ「Netscape6.1の評価」だから。埋もれてるし。
308 名前： Name_Not_Found 投稿日： 02/01/30 03:07 ID:CvW0rF8T: 疲れた…ブラウザ自体が違うならまだしも，ブラウザの
マイナーバージョンが違うだけでCSSの動作が変わってくる…

テーブルごちゃで全ページのデザイン固めるのはアレだし．
(デザインとデータを分離させたいので論外)

CGIでデータだけ読み込ませてテーブルに突っ込むのも，
サーバ負荷を考えると非現実的．

はぁ…オラ，もう疲れたよ．
309 名前： Name_Not_Found 投稿日： 02/01/30 04:02 ID:VHzX0pWb: >>308
君だけじゃない。みんなそう思ってる。

何も知らずに font 要素とか使ってた厨のころは幸せだったなぁ。
でももう知ってしまったから後戻りは出来ないね。
310 名前： Name_Not_Found 投稿日： 02/01/30 09:23 ID:k4wa4W5J: a:visited{ color : blue; }
a:hover{ color : red; }

ってやると、リンクの上にマウスやってもredにならないです。
311 名前： Name_Not_Found 投稿日： 02/01/30 11:53 ID:5NGyl/Pr: body要素にmargin:0を指定してもN4.xだときかないので

body{
margin:0;top:0px;left:0px;position:absolute}

にしたら効くようになったのですが、これってまずいやりかたですか？
312 名前： Name_Not_Found 投稿日： 02/01/30 13:23 ID:k4wa4W5J: age
313 名前： Name_Not_Found 投稿日： 02/01/30 13:40 ID:asNsIu5s: >>311
今手元に N4 が無いのでちょっと自信無いですが
margin だけでなく padding: 0 も指定してみては?
314 名前： Name_Not_Found 投稿日： 02/01/30 13:46 ID:en1S8p7T: >>310
なりますけど？　ブラウザ名とバージョンは？　何か他に変な指定入れてない？
315 名前： Name_Not_Found 投稿日： 02/01/30 14:34 ID:g8HAFXaH: 前に fj かどこかで見たような気もするんですが、
css が有効な時だけ画像を表示するってのはどうやったらいいんでしょう？
css が無効な時にはテキストを表示させたいのですが...
できれば、無駄な要素(空 span とか)は入れたくないです。
316 名前： Name_Not_Found 投稿日： 02/01/30 14:41 ID:5NGyl/Pr: >>313
margin:0;padding:0だけでは駄目だったんです。で、positionとtop,leftを
追加したらN4でも寄せることが出来たんだけれど、なんだか気持ち悪くて、
こんなスタイル定義は仕様書的にOKなのかと思いまして。
317 名前： Name_Not_Found 投稿日： 02/01/30 14:42 ID:en1S8p7T: >>315
background-imageとvisibility:hiddenの組合せでなんとかならないか。
318 名前： Name_Not_Found 投稿日： 02/01/30 14:45 ID:en1S8p7T: >>316
別に間違ったスタイル指定ではない。
但し絶対位置指定（position:absolute;）には弊害もあるのでご用心。
319 名前： Name_Not_Found 投稿日： 02/01/30 18:59 ID:uA6+AeNb: >>317
なるほど。ありがとうございました。
320 名前： Name_Not_Found 投稿日： 02/01/30 19:16 ID:CvW0rF8T: 絶対位置指定の弊害って?
気になる...
321 名前： Name_Not_Found 投稿日： 02/01/30 19:20 ID:uA6+AeNb: スクロールが重くなったりとか。
あとは、バグの温床だってあたり？
詳しくないので..
322 名前： Name_Not_Found 投稿日： 02/01/30 22:39 ID:X+fmQZZD: >>320
環境によって位置が微妙に異なる、とかかな？

ついでに質問。
addressにmarginを指定しても無視される時ない？
paddingだと大丈夫なんだけど。
誰か教えてくだせぇ。
323 名前： Name_Not_Found 投稿日： 02/01/30 23:01 ID:gu1htgJK: ポジション指定のright bottomはオペラじゃ厳しい。
つか全然ダメだった。

>322
普通に効くけど？
marginは確か他の要素に指定したのと被るんじゃなかったっけ？
324 名前： Name_Not_Found 投稿日： 02/01/31 08:54 ID:GLZiOsXn: >>322
垂直方向の margin は一定の条件で相殺される。
http://www.y-adagio.com/public/standards/tr_css2/box.html#collapsing-margins
325 名前： 322 投稿日： 02/01/31 12:24 ID:rU0zq/xI: >>324
サンクス！
326 名前： Name_Not_Found 投稿日： 02/01/31 13:03 ID:ZHkg1PqR: >>323
Opera6だが、positioningのrightやbottomも一応有効ですよ。
「全然ダメ」ってことはない。
327 名前： Name_Not_Found 投稿日： 02/01/31 14:39 ID:QWlmlzMc: つまんない質問ですいません。
cssでイケてるスレッドで紹介されたサイトを順番に見ていたんですが、
どうしてみんなオタクのかほりがするんですか？
・サイト持ち→多かれ少なかれオタク
・２ちゃねら→多かれ少なかれオタク
・css使い→多かれ少なかれオタク
正解はどれですか？まじれすお願いします。
というか
・cssを使用する→オタクだとばれる
・cssを使用する→２ちゃねらだとばれる
はありえますか？我ながら馬鹿っぽい質問で恐縮ですがまじれすお願いします。
328 名前： Name_Not_Found 投稿日： 02/01/31 14:50 ID:Y+ybkjcx: どうやったらそんなに視野が狭くなるのか。
2ちゃんねるばっかり見てるせいだぞ。
329 名前： Name_Not_Found 投稿日： 02/01/31 14:59 ID:QWlmlzMc: スイマセン。
330 名前： Name_Not_Found 投稿日： 02/01/31 15:24 ID:V7wHe22B: 確かに、ライトユーザで CSS ばりばり、HTML は Strict なんて人は少ないね。
それに、コンピュータおたくは通常2、3種類の他ジャンルのおたくを兼ねてるものです。
331 名前： Name_Not_Found 投稿日： 02/01/31 15:39 ID:lQTRtQrg: class名がomaemonaとかitteyosiとかだと2ちゃんねらーだとバレるが，
そりゃCSSの問題っーより，使ってる人間がアレなだけだ．

個人的に，お洒落なページ作るためにCSS使うというのより，
データとスタイルの完全なる分離を目論み，CSSを使ってるという
ページのほうがCoolだと思う．

そういうページのHTMLって綺麗なんだわ，タグ少なくてデータが詰まってる．
332 名前： Name_Not_Found 投稿日： 02/01/31 16:28 ID:V7wHe22B: >>331
これこそはってサイト、紹介してくれると嬉しい。
CSS の為に HTML を書く、的なとこばっかり見てしまったので
このままでは間違った方向に進んでしまいそうです。
333 名前： Name_Not_Found 投稿日： 02/01/31 16:32 ID:3qIn20XG: >>332
のざきﾀﾝのとこはどうよ？
至る所でｶﾞｲｼｭﾂなのでURLは略。
334 名前： 323 投稿日： 02/01/31 19:16 ID:8/GSyzbz: >326
ホント？
じゃぁ、ある条件下でのバグかなぁ？
親要素に position: relative; top: 0; left: 0; を指定して、
子要素に position: absolute: bottom: 5px; right: 10px; を指定。
子要素にはボーダーも指定したんだが、
そのボーダーが何故かウインドウ縦幅100%と解釈されてた感じ。

>331
オイラはindex以外、全ページに同じスタイルを
指定してるからリニューアルとか簡単っていう理由が大きいかも。

# リニューアルよりサイト更新しろってのは置いといて
335 名前： Name_Not_Found 投稿日： 02/01/31 19:31 ID:V7wHe22B: >>334
リニューアルって、
サイトの内容を見なおして、構成を変えてみるとか obsolete な情報を隔離するとか
そういうのも含まない？

>>333
言葉 seek でしたっけ？
336 名前： Name_Not_Found 投稿日： 02/01/31 22:41 ID:up+A9UQw: 質問です。
border: solid 1px #000;
border-bottom: solid 2px #000;
っていう指定は別に問題ないですよね？
337 名前： Name_Not_Found 投稿日： 02/01/31 23:06 ID:2e9WMfC0: >>336
無いと言えば無いしあると言えばある。

border-top:solid 1px #000;
border-right:solid 1px #000;
border-bottom:solid 1px #000;
border-left:solid 1px #000;
border-bottom: solid 2px #000;

という記述と同じなので、W3Cのバリデータでは
「border-bottomが重複指定されている」という警告が出る。

もっとも、単に注意程度の意味の警告なので、
放って置いても問題はないといえばない。
338 名前： Name_Not_Found 投稿日： 02/01/31 23:22 ID:up+A9UQw: >>337
なるほど。ありがとうございます。
やはり、重複は警告モノなんですね。
339 名前： Name_Not_Found 投稿日： 02/01/31 23:35 ID:M/OyxG7j: >>336
かぶった分はより詳細な指定が優先と決まってるからそれで正しいぞ。
340 名前： Name_Not_Found 投稿日： 02/01/31 23:43 ID:V7wHe22B: >>338
まあ、気が付かないうちに重複しちゃってることがないよう
注意してくれてるだけなんでしょう。きっと。
341 名前： Name_Not_Found 投稿日： 02/02/01 02:12 ID:T8pMeCCd: ttp://www.ah.wakwak.com/~osyare/sozai/kabe/kabe2/ky-grade-vw.htm
というようなグラデーションの背景にしたいんですけど
スタイルシートで表示させるにはどう記述したらいいのでしょうか。
342 名前： Name_Not_Found 投稿日： 02/02/01 02:14 ID:pGmB0/8v: >>341
body {background-image:URL(ここに指定)}
343 名前： 341 投稿日： 02/02/01 02:17 ID:T8pMeCCd: >>342
画像を使わないでスタイルシートでグラデーションを
だすには