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

1 名前：Name_Not_Found ：03/09/26 00:06 ID:SUY575M+: 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

http://fake_lint.tripod.co.jp/css.html
【FAQ】　http://fake_lint.tripod.co.jp/css.html#faq
【過去ログ】　http://fake_lint.tripod.co.jp/css.html#log
【関連リンク】　http://fake_lint.tripod.co.jp/css.html#related
2 名前：Name_Not_Found ：03/09/26 00:07 ID:SUY575M+: 【過去ログ】
　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
　http://pc2.2ch.net/test/read.cgi/hp/1057860130/l50
【前スレッド】
　http://pc2.2ch.net/test/read.cgi/hp/1060869440/
3 名前：Name_Not_Found ：03/09/26 00:07 ID:SUY575M+: 【関連スレッド】
・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/09/26 00:08 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/
・『スタイルシートWebデザイン』ボランティアHTML化版。
　http://www.asahi-net.or.jp/~jy3k-sm/css1/2003maki/
・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/
5 名前：Name_Not_Found ：03/09/26 00:09 ID:SUY575M+: 【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
6 名前：Name_Not_Found ：03/09/26 00:15 ID:SUY575M+: 【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/
7 名前：Name_Not_Found ：03/09/26 00:16 ID:SUY575M+: 【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/09/26 00:18 ID:???: >>1
乙彼
9 名前：kai- ◆8w08fC42ew ：03/09/26 00:23 ID:???: >>1
お疲れ様。
10 名前：Name_Not_Found ：03/09/26 00:43 ID:???: >>1
もつかれ
11 名前：Name_Not_Found ：03/09/26 02:43 ID:???: 前から思っていたんだけど、CSSでイケてるデザインサイトリンク集（2じゃないほう）が
関連スレには行っていないのはなんで？
12 名前：Name_Not_Found ：03/09/26 05:41 ID:???: >>1 http://fake_lint.tripod.co.jp/css.html はとっくにサイト移転なんだよ。
cf. http://web2ch.s31.xrea.com:8080/index.php?CSSFAQ
　　http://nira.s25.xrea.com/FAQCSS/ls_00.html

>>6
A3のリンク先を http://alt.s31.xrea.com/overflow.html から http://alt.s31.xrea.com/tips/overflow.html に変更。

>>7
A5のリンク先は http://cssbug.at.infoseek.co.jp/detail/winie/b079.html に移転。

（前スレッドの923で注意しておいたのを無駄にしないでくれよ。）
13 名前：Name_Not_Found ：03/09/26 05:53 ID:???: >>11
「関連スレ」でなく【解説など】だから――ってのは揚げ足取りだな。

リンク集２から元祖へのリンクは張ってあるが、元祖からリンク集２へのリンクは張ってないから。
14 名前：Name_Not_Found ：03/09/26 05:59 ID:???: >>3
・CSSでイケてるデザインサイト　15
↓
・CSSでイケてるデザインサイト　16
　http://pc2.2ch.net/test/read.cgi/hp/1061107594/l50
15 名前：1 ：03/09/26 06:58 ID:???: 立ててやったのに煩いな
16 名前：Name_Not_Found ：03/09/26 07:09 ID:???: >>1はちと古いな。どこからコピー＆ペーストしたんだ？　
17 名前：Name_Not_Found ：03/09/26 07:14 ID:???: >>4
・CSSバグリスト＠CSSバグ辞典スレッド
　http://cssbug.tripod.co.jp/index.html
移転→http://cssbug.at.infoseek.co.jp/index.html
18 名前：Name_Not_Found ：03/09/26 07:14 ID:???: >>1
糞スレたてんな
19 名前：Name_Not_Found ：03/09/26 07:23 ID:???: 仕様書原文へのリンク（>>3）は、更新されたCSS2.1にしなくていいのかな？
http://www.w3.org/TR/2003/WD-CSS21-20030915/

結局、どの辺が変更点だったんですかね。
20 名前：Name_Not_Found ：03/09/26 08:00 ID:???: >>3
CSSでイケてるデザインサイト 17
http://pc2.2ch.net/test/read.cgi/hp/1064529812/l50
21 名前：Name_Not_Found ：03/09/26 12:37 ID:???: >19
まだCSS2.1はワーキングドラフトだよん
勧告はまだまだ先。
22 名前：Name_Not_Found ：03/09/26 15:24 ID:HEn+oL/w: <DIV>
　<DIV style="position: absolute ">
　</DIV>
</DIV>

にした場合で、親要素も文字サイズの拡大縮小に連動させるにはどうすればいいでしょうか？
23 名前：Name_Not_Found ：03/09/26 15:26 ID:???: >>22
親要素で font-size 指定するってことではなくて？
24 名前：Name_Not_Found ：03/09/26 15:31 ID:???: >>23
ブラウザの側でフォントを拡大させてもそれに応じて大きくなるようにしたいんです。
25 名前：Name_Not_Found ：03/09/26 15:33 ID:DFslwn/E: ソファーに座って豪快に大股開き。
オナニーはもちろんタップリ時間をかけて愛撫されてます。
おいおい大丈夫か、というくらい奥まで指を入れられ気持ち良さそう！
挿入シーンでは色んなアングルから結合部分が楽しめますよ。
僕はセーラー服が大好きです。無料動画でヌキまくり！
http://www.pinkschool.com/
26 名前：Name_Not_Found ：03/09/26 15:35 ID:???: あ、あのきちんと詳しく書くと、今はこのように記述しているんですが、
文字サイズを思いっきり拡大すると折り返しが多くなって６2行を超えてしまった場合に親要素が拡大しないので、
次の要素と重なってしまうんです。

<DIV class="a">
　<DIV class="b">
　文章
　</DIV>
</DIV>

DIV.b{
height: 62em ;
overflow: hidden ; /* Netscapeバグ対策 */
overflow-x: hidden ;
overflow-y: auto ;
position: absolute ;
}
DIV.a {
position: static ;
height: 64em ;
}
27 名前：Name_Not_Found ：03/09/26 16:18 ID:RgzCufO0: CSS使ったページを試行錯誤しながら作っていく際、
いつのまにか使っていないクラスがたくさんできちゃったりしますよね。
これを整理するのがまたけっこう面倒だったりするんですよね。
使ってるのだけ示してくれるようなソフトとかありますか？？
28 名前：Name_Not_Found ：03/09/26 16:44 ID:???: >>27
板違い
29 名前：Name_Not_Found ：03/09/26 16:46 ID:???: >>26
heightを指定してるんだからそれが当然の反応では。
cf. http://cssbug.at.infoseek.co.jp/detail/winie/b052.html
30 名前：Name_Not_Found ：03/09/26 16:50 ID:???: >>26
子要素 position: relative で妥協してもらえば、
親要素 min-height: 64em; でどうにか？（Moz1.0.1）

他にもあるかな。
31 名前：Name_Not_Found ：03/09/26 18:27 ID:pmTYnDVQ: >>30
Netscape7.02で、
position: absolute ; にしている要素内にあるリンクが、ウィンドウより大きい位置にあるとリンクが機能しないという問題があるんです。

で、
overflow-x: hidden ;
overflow-y: auto ;
の指定だけだと、文字の折り返しが発生してもスクロールバーがあらわれて、次の要素が重ならないのですが、

Netscapeのバグを回避しようとして、
overflow: hidden ;
も追加で設定すると、NetscapeとOpera7では文字だけはみ出してしまってスクロールバーが出ないんです。

両者を両立させる回避方法がないものかといろいろさがしまわってはいるのですが。
32 名前：Name_Not_Found ：03/09/26 18:35 ID:???: >>31
overflow-x:だのoverflow-y:だのは、MSIEだけの独自拡張プロパティーであって、
それが他のブラウザで効かないのはバグでも何でもない、当然のことです。
overflow:hidden;にすればスクロールが提供されないのもこれまた当り前。
overflow:svroll;と間違ってないかい？　下記参照。
http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/visufx.html#overflow
33 名前：Name_Not_Found ：03/09/26 18:46 ID:???: Mozilla/Netscapeでは、overflow-x:やoverflow-y:の代りに
-moz-scrollbars-vertical
-moz-scrollbars-horizontal
-moz-scrollbars-none
といった独自拡張がある。
http://deztec.jp/site/tips/page/p0032.html
もっとも、Operaには当然ながら効かないわけだから、無意味。
34 名前：Name_Not_Found ：03/09/26 19:13 ID:???: 厨房且つ説明が難しく恐縮ですが
Mac OSX→クラシック（9起動でも）NN4.7で

<span class="A">あああああああ</span>のサイズが激しくバグるときがある
具体的にはスクロールすると下から現れる文字がどんどんでかくなる
またページによってサイズが1段回大きくなる箇所が有るときがある。
とするとそのページのコーディングに問題あるはずなんだが分からん。
正常なところと同じように作ってるのに。

"A"のフォントサイズは95%行間130％
（サイズを変更しても同一ページにて同一症状だった）
しかしclass="B"（フォントサイズ86％行間130％）に異常はなかった
そして太字設定<b class="Abold">ううううう</b> の場合のサイズはOK
bodyでの文字指定は特になし（css は外部指定で）

これがNN4XのCSSの不具合っていう奴？
35 名前：Name_Not_Found ：03/09/26 19:16 ID:???: >>34
報告ならこちらで。

CSS/DHTMLバグ辞典スレッド第３版
http://pc2.2ch.net/test/read.cgi/hp/1050844510/l50

確認ならこちらで。
http://cssbug.at.infoseek.co.jp/detail/nn4x.html
36 名前：Name_Not_Found ：03/09/26 19:52 ID:???: >>32
おっしゃる通り、overflow-x,overflow-yはIE用の設定です。

Netscape7.02の場合、overflow: hidden の場合は問題ないのですが、
autoやscrollを設定すると、ウィンドウからはみ出した部分にあるリンクが機能しないんです。
はみ出した部分にあるリンクをクリックすると、要素の頭に移動するだけでリンク先には移動しません。

それで、
行数を固定しない方法はないだろうかと思ったのですが、そのままでは親要素には反映されないので、
次の要素に重なってしまうという問題があって......

＞http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/visufx.html#overflow
リンク先は読みました。
自分の理解で間違っていないようです。
37 名前：Name_Not_Found ：03/09/26 23:02 ID:57WX6i16: .a {
float : left;
}
.b {
text-align : right;
}
---------------------------------
<div id="top">
<p class="a">10字程度の文</p>
<p class="b">15字程度の文</p>
</div>

これは適切な書き方じゃないですか？
玄人な方々、ご指摘下さい。
38 名前：Name_Not_Found ：03/09/26 23:12 ID:???: >>37
・id名やclass名は簡易表現にしているだけだと思うけど、それはやめたほうが。
・divを何故使ってるか不明。
39 名前：37 ：03/09/26 23:28 ID:57WX6i16: div#top {
background-color : #a09890;
border : 1px solid #000030;
}
.now {
float : left;
}
.counter {
text-align : right;
}
---------------------------------
<div id="top">
<p class="now">トップ＞メモ＞09/26</p>
<p class="counter">合計000159</p>
</div>

要は、
┏━━━┳━━┓
┃　　　　┃　　　　┃
┗━━━┻━━┛
ってしたいのです。
40 名前：Name_Not_Found ：03/09/26 23:31 ID:zt0MMhrC: >>38
> ・divを何故使ってるか不明。
うるせーな、div使うのに意味なんかないわ。
とりあえずくくっておくためだろ？
どんどんdiv使おうぜ。こんな便利なもの無いわ。
ボールドだけのクラス。
文字に色をつけるだけのクラス。
背景色をつけるだけのクラス。
ボーダーだけのクラス。
スペーサーだけのクラス。
マージンだけのクラス。
インデントだけのクラス。
divと組み合わせればもう最強。
もちろんテーブルもどんどん使う。
41 名前：Name_Not_Found ：03/09/26 23:34 ID:???: >>40
馬鹿丸出しですな！ｗｗｗｗｗｗｗｗｗｗ
42 名前：Name_Not_Found ：03/09/26 23:38 ID:???: >>37 >>39
>>7
43 名前：Name_Not_Found ：03/09/26 23:39 ID:???: 反面教師
44 名前：Name_Not_Found ：03/09/26 23:42 ID:???: >>40
喪前は仕様書すら読めないのか？馬鹿よ
45 名前：Name_Not_Found ：03/09/26 23:45 ID:???: >>40
中卒の書くことはおもしれーなーーーぷぷぷ
46 名前：Name_Not_Found ：03/09/26 23:46 ID:???: おいおい知恵遅れをいじめるなよ。
47 名前：Name_Not_Found ：03/09/26 23:55 ID:???: >>31で「ウィンドウ」て言ってるのが意味不明だったが、>>36でやっとわかったよ。
“ボックス”のことなんだね？

このバグとはまた別なのかな？

overflow:auto;を使用した要素内のページ内リンクが効かない(N6)
http://cssbug.at.infoseek.co.jp/detail/mozilla/b011.html
48 名前：Name_Not_Found ：03/09/27 00:01 ID:???: >>36
>Netscape7.02の場合、overflow: hidden の場合は問題ないのですが、
>autoやscrollを設定すると、ウィンドウからはみ出した部分にあるリンクが機能しないんです。

んなこたぁない。下記の例で、Netscape7.1では機能したぞ。

<div class="example">
<div style="overflow:auto; height:6em; border:2px solid blue;">
<p>１行目</p>
<p>↓</p><p>↓</p><p>↓</p><p>↓</p><p>↓</p>
<p><a href="http://pc2.2ch.net/hp/">このリンクが機能するか？</a></p>
</div>
</div>
49 名前：Name_Not_Found ：03/09/27 00:14 ID:???: >>36
そもそもなんで>>26はposition:absolute;にする必要があるのかワカラン。

>>37
floatさせる要素にはwidth指定が必須だっての。
50 名前：Name_Not_Found ：03/09/27 01:35 ID:w55iu6l5: >>48
Netscapeの表示領域が縦500ピクセルあったとして、
子要素の縦の長さが500ピクセル以上あると、500ピクセルを超えた位置にあるリンクが機能しないんです。

>>37
このリンクは機能します。
Netscape自体のウィンドウサイズを縦800ピクセルくらいにして、以下を表示させた場合、
リンクは機能しません。

<div class="example">
<div style="overflow:auto; height:1200px; border:2px solid blue; padding: 1000px 0px 0px 0px;">
<p>１行目</p>
<p>↓</p><p>↓</p><p>↓</p><p>↓</p><p>↓</p>
<p><a href="http://pc2.2ch.net/hp/">このリンクが機能するか？</a></p>
</div>
</div>
51 名前：Name_Not_Found ：03/09/27 01:41 ID:???: >>50
あなたは誰ですか。番号でいいから名乗って下さい。
52 名前：26 ：03/09/27 01:45 ID:???: >>51
すみません。>>26 >>31 >>36 >>50です。

>>49
TABLEでレイアウトするかわりに３つDIVを横に並べています。
53 名前：Name_Not_Found ：03/09/27 01:49 ID:???: >>50の通りのソースをそのままコピーして試したが、ちゃんとリンクは機能した。
Win98SE・Netscape7.1にて確認。

ところで、ウィンドウの高さより高いブロックにして、それでoverflow:auto;なんて、
意味無くないか？
54 名前：Name_Not_Found ：03/09/27 01:55 ID:???: >>52　divを横に並べるだけなら、float:left;とmargin-leftを使った方がいいんでない？
55 名前：26 ：03/09/27 02:18 ID:???: >>53
じゃあ、7.02以前の問題みたいですね。特別に対応させなくても良さそう。
トップページのメニューをずらずらと並べるのに使いたいもので。

>>54
それだと左右が等間隔で３つ並ばずに、左詰めで３つ並んじゃいますよね。
56 名前：Name_Not_Found ：03/09/27 02:22 ID:???: >>55
バグなら整理して下記へ報告して下さい。
　CSS/DHTMLバグ辞典スレッド第３版
　http://pc2.2ch.net/test/read.cgi/hp/1050844510/l50

＞左詰めで３つ並んじゃいますよね。
いや、そこは二つ目以降のdivに指定するmargin-leftの値次第です。
57 名前：Name_Not_Found ：03/09/27 02:22 ID:???: >>55
> それだと左右が等間隔で３つ並ばずに、左詰めで３つ並んじゃいますよね。
パーセント使えばいけるやろ
58 名前：40 ：03/09/27 02:33 ID:bOOffrGO: >>44
これだけ不具合見ててまだわかんねーかよ。
そんなものの仕様書見てなんになるよ？
もっと楽に確実に表示する方法があるのに
わざわざcssでわけの解らん事やって藻前らマゾか？

>>52
> TABLEでレイアウトするかわりに３つDIVを横に並べています。
だからテーブルでやれっての。
崩れるぞ。
59 名前：Name_Not_Found ：03/09/27 02:37 ID:???: 41 ：Name_Not_Found ：03/09/26 23:34 ID:???
>>40
馬鹿丸出しですな！ｗｗｗｗｗｗｗｗｗｗ

43 ：Name_Not_Found ：03/09/26 23:39 ID:???
反面教師

44 ：Name_Not_Found ：03/09/26 23:42 ID:???
>>40
喪前は仕様書すら読めないのか？馬鹿よ

45 ：Name_Not_Found ：03/09/26 23:45 ID:???
>>40
中卒の書くことはおもしれーなーーーぷぷぷ
60 名前：Name_Not_Found ：03/09/27 04:29 ID:???: <h1>のつぎに<h2>をとばして
<h3>とかがくるのはW3c的には良くないのでしょうか？
61 名前：Name_Not_Found ：03/09/27 04:43 ID:???: >>60
うん、だめ
62 名前：Name_Not_Found ：03/09/27 04:47 ID:???: つうかそれスタイルシートじゃないし
63 名前：Name_Not_Found ：03/09/27 04:58 ID:???: そういうわれるとスレ違いですね
でもこういうことを聞くスレってないっぽいですよね。
ついでにもういっこ教えてください！
リストで
<dl><dt><dd>

ってのがありますが、
これを更新履歴のリストに使ってもいいと思いますか？
日付をdtで囲んで
交信内容をddで囲みたいのです。

やはり、dlリストは辞書的な使い方(?)
にしか使っちゃだめなんでしょうか？
(英単語の日本語訳とか）
64 名前：Name_Not_Found ：03/09/27 05:01 ID:???: >>63
確かにないね。
かといってスレたてるほどの需要もないね。
65 名前：Name_Not_Found ：03/09/27 05:02 ID:???: Webサイト制作初心者用スレ vol.69
http://pc2.2ch.net/test/read.cgi/hp/1064222645/

こっち
66 名前：Name_Not_Found ：03/09/27 05:03 ID:???: >>63
こっちの方がよいよ。
http://pc2.2ch.net/test/read.cgi/hp/1064222645/

くれぐれもこことあっちと両方にマルチポストなんてしないでね。
スタイルの話はこっち。
タグとか・その他はあっち。
67 名前：Name_Not_Found ：03/09/27 05:04 ID:???: >>65
式はフォーシーズンズでね♪

というのをどこかでみた。
68 名前：Name_Not_Found ：03/09/27 05:05 ID:???: あっちで聞いてきます
スレ汚してスマンカッタ
69 名前：Name_Not_Found ：03/09/27 05:20 ID:???: あくまでw3c的な見解がほしいならストリクトスレでもいいんじゃね？
70 名前：Name_Not_Found ：03/09/27 05:24 ID:???: まぁW3Cに直接聞くわけでもないんだから大差ないだろ。
71 名前：Name_Not_Found ：03/09/27 08:03 ID:???: >60
「見出しレベルを飛ばすのは悪い慣習だと考える人もいる。」
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/struct/global.html#h-7.5.5
この表現からも完全にダメとは言いがたい。しかし、しないに越したことはない。
フォントサイズなどが問題であれば、cssなどでいじるとよいのでは？
72 名前：Name_Not_Found ：03/09/27 09:25 ID:???: -----ここまでテンプレ------
73 名前：Name_Not_Found ：03/09/27 10:42 ID:nViEpxuq: メインページに、

<h1>あああ</h1>
<h2>かかか</h2>
<h3>さささ</h3>

とあって、
別ページに、

<h2>かかか</h2>
<h3>さささ</h3>

とゆーのは可笑しいのですか？

<h1>かかか</h1>
<h2>さささ</h2>

としなくてはいけないのですか？
74 名前：Name_Not_Found ：03/09/27 10:45 ID:???: >>73
lintとかだと「あんまりよろしくない」みたいに言われるけど
やりたきゃやれば
75 名前：Name_Not_Found ：03/09/27 11:47 ID:???: |･ω･`)<dl>タイプのリストで<dt>と<dd>の欄を改行させないようにするにはどうしたらいいんでしょう。display:inlineをつかうとこんどは<dt><dl>の後に<br>を入れなきゃならなくなっていまいちです。
76 名前：Name_Not_Found ：03/09/27 11:56 ID:???: >>75
無理ですが、横に並べることならできます
77 名前：Name_Not_Found ：03/09/27 13:09 ID:???: >>75
dt に float:left;clear:left; ってしとけば？
78 名前：Name_Not_Found ：03/09/27 13:40 ID:???: >>75
display:compact;

まあOpera7だけだがな。
79 名前：Name_Not_Found ：03/09/27 16:15 ID:???: >>75
これもFAQかねぇ。

<dl> の整形
http://www.remus.dti.ne.jp/~a-satomi/nikki/2001/12b.html#d18n03
80 名前：Name_Not_Found ：03/09/27 18:11 ID:???: <div>を横に並べるのにfloatを使う場合って、widthはpx指定じゃ駄目なんですか？

Mac IEは意図どおりに表示されるのですが、Mac NNだとfloatが無視されちゃいます。
％指定するとうまくいくんですけど。
81 名前：Name_Not_Found ：03/09/27 18:22 ID:???: >widthはpx指定じゃ駄目なんですか？
駄目ではない。

>Mac NNだとfloatが無視されちゃいます。
NN4なのかNN7（Mozilla）なのか。特に後者なら、無視される筈がない。
ウィンドウ幅を広げてみたら横に並ぶのもよくあること。
特にWinIE等ではwidthにボーダー領域やパディング領域まで含めるが、Mozillaは含めないので注意。
マ、少し餘裕を持たせて設計するがいいヨ。
82 名前：Name_Not_Found ：03/09/27 19:16 ID:???: 嗚呼width指定忘れてましたよ・・・
いつも忘れる・・
83 名前：Name_Not_Found ：03/09/27 23:16 ID:???: このサイトでお気に入りバーを一定まで引き伸ばしていると、
広告が改行されてしまいます。
http://hikky.s27.xrea.com/
ローカルで　white-space: nowrap を試してみても、
改行されてしまいます。
いったいどこがいけないのでしょうか？
ご指導お願いします。
84 名前：Name_Not_Found ：03/09/27 23:36 ID:???: もちっとソースを出してくれんと。
どこにnowrapを指定したって？
85 名前：Name_Not_Found ：03/09/27 23:36 ID:???: ***Strict-HTML スレッド16　　http://pc2.2ch.net/test/read.cgi/hp/1064061327/

1 ：Name_Not_Found ：03/09/20 21:35 ID:UuwajIg7
Strict な HTML について語るスレッド ver.16
W3C 信者もそうじゃない人も投稿歓迎。でもHTMLの基礎知識は欲しいね。
sage進行推奨。

* HTML 4.01 Strict, XHTML 1.0 Strict, XHTML Basic 1.0 (XHTML Basic),
* XHTML 1.1, XHTML 2.0, ISO/IEC 15445 (ISO-HTML), JIS X 4156 (JIS-HTML) など。

Strict-HTML スレッド15
http://pc2.2ch.net/test/read.cgi/hp/1059401790/l50

過去ログ・関連スレ >>2
勧告等・その他 >>3
86 名前：Name_Not_Found ：03/09/27 23:36 ID:???: 2 ：Name_Not_Found ：03/09/20 21:35 ID:???
■過去ログ
HTML1.0 http://pc.2ch.net/hp/kako/992/992708594.html
HTML2.0 http://pc.2ch.net/hp/kako/1008/10083/1008380243.html
HTML3.0 http://pc.2ch.net/hp/kako/1013/10138/1013818251.html
HTML3.2 http://pc.2ch.net/hp/kako/1018/10187/1018719800.html
HTML4.0 http://pc3.2ch.net/hp/kako/1022/10227/1022751972.html
HTML4.01 http://pc3.2ch.net/hp/kako/1028/10289/1028963710.html
XHTML1.0 http://pc3.2ch.net/hp/kako/1033/10332/1033282702.html
XHTML1.0 SE http://pc3.2ch.net/hp/kako/1037/10375/1037577389.html
Strict-HTML スレッド ver.9 http://pc2.2ch.net/hp/kako/1039/10399/1039974316.html
Strict-HTML スレッド 10 http://pc2.2ch.net/hp/kako/1045/10454/1045493217.html
Strict-HTML スレッド11 http://pc2.2ch.net/hp/kako/1048/10485/1048570237.html
Strict-HTML スレッド12 http://pc2.2ch.net/hp/kako/1048/10488/1048867117.html
Strict-HTML スレッド13 http://pc2.2ch.net/hp/kako/1050/10505/1050581113.html
Strict-HTML スレッド14 http://pc2.2ch.net/test/read.cgi/hp/1055148679/
Strict-HTML スレッド15 http://pc2.2ch.net/test/read.cgi/hp/1059401790/
87 名前：Name_Not_Found ：03/09/27 23:41 ID:???: >>84
h1の下、

<div style="white-space: nowrap;">
<a href="http://ad.xrea.com/ad_click.fcg?site=hikky.s27.xrea.com">
<img src="http://ad.xrea.com/ad_img.fcg?site=hikky.s27.xrea.com" height="60" width="468" alt="広告" id="pr">
</a>
</div>

ローカルでこのようにしました。
88 名前：83 ：03/09/27 23:44 ID:???: 外部CSSはこんな感じです。

IMG {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
#top {
FLOAT: left; MARGIN-RIGHT: 90px
}
#pr {
MARGIN-TOP: 45px
}
89 名前：Name_Not_Found ：03/09/28 00:03 ID:???: >>83
別に、改行されないが。どのブラウザでどうやって試したのか。

>>88
スタイル指定の意味わかってる？
img {border:0;} で済むものを、なんでそんなくどい指定してるの。
何かのソフトが吐いたソースなのかな。
90 名前：Name_Not_Found ：03/09/28 00:41 ID:???: ﾋﾞﾙﾀﾞｰっぽいソースだな
91 名前：83 ：03/09/28 00:43 ID:???: >>89
IE6でこのように改行されてしまいます。
http://v.isp.2ch.net/up/3395e9f3df9e.png
確認した方法は>>87に改編したhtmlが収まったフォルダから、
このhtmlをダブルクリックして、IE6で確認しました。
92 名前：Name_Not_Found ：03/09/28 00:46 ID:???: 広告に絶対指定付けて右上に固定でもしとけ
93 名前：Name_Not_Found ：03/09/28 00:56 ID:???: >>91
それは同じインライン要素内ではないから「改行」とは呼ばないよ……。したがってwhite-space: nowrap;の対象外だ。

タイトルの右横に位置させたいなら、広告画像を括ったアンカーかその親divにスタイル指定しなきゃ。
float:left;と、その右横に来る要素へのmargin-left指定をうまく組み合せてごらん。
あと、floatさせる要素にはwidth指定が必須だ。これ以上はFAQに当ってくれ。
94 名前：Name_Not_Found ：03/09/28 00:59 ID:???: >>93
早速試してみます！
ご質問に答えてくださった皆さんありがとうございました。
95 名前：Name_Not_Found ：03/09/28 01:00 ID:???: ↑なんで質問する前にFAQを見てくれないのかな……。
96 名前：Name_Not_Found ：03/09/28 01:15 ID:???: >>95
質問するやつはFAQ見ない・見てもﾜｶﾗﾅｲやつやつ 80%
FAQでは解決できない問題10%
電波10%
97 名前：Name_Not_Found ：03/09/28 01:45 ID:???: dlタイプのリストで
Apple りんご
　　　　あかい
　　　　甘い
Banana バナナ
　　　　　黄色
　　　　　甘い

みたいな感じにしたいのですが
どーしたらいいのでしょうか？

上の例で言う「あかい」や「甘い」
が左に寄ってしまうんです。
98 名前：Name_Not_Found ：03/09/28 01:49 ID:???: >>97

>>78-79

そしてdisplay :compactを実装してないブラウザをうらめ
99 名前：Name_Not_Found ：03/09/28 01:50 ID:???: >>97
そのリストは表であってはいけないのかを一度じっくり考えてみるのが良いかと。
100 名前：Name_Not_Found ：03/09/28 01:53 ID:???: 例文みる限りでは、どう考えても dl にすべき内容だけどな
101 名前：97 ：03/09/28 02:13 ID:???: |･ω･`)レスどうも。

実際には、これは掲示板の送信フォームで、
<dt>には、名前、メールアドレス等
<dd>にはテキストボックス等が入ります。
102 名前：Name_Not_Found ：03/09/28 02:16 ID:???: >>101
で、>>79のリンク先読んで、やり方はわかったのかい？
103 名前：Name_Not_Found ：03/09/28 05:51 ID:???: >>97
うちはこれでやってる。改良案、ある？
dl {padding:0;}/*デフォルト値を消しておく*/
dt {
clear:both;
float:left;
min-width:4em;/* WinIE無効、widthで指定すべきか */
font-weight:600;
margin:0;
padding:0;
}
dd {
margin-left:4.5em;/* dtのwidth値＋α、で */
}
104 名前：Name_Not_Found ：03/09/28 09:07 ID:???: >>101
<dl>
<dt>名前
<dd>テキストボックス
<dd>テキストボックス
<dd>テキストボックス
<dt>メールアドレス
<dd>テキストボックス
<dd>テキストボックス
<dd>テキストボックス

無問題
105 名前：Name_Not_Found ：03/09/28 11:28 ID:???: は？　>>104
106 名前：97 ：03/09/28 11:44 ID:???: >>102
>>79のやり方だと左に寄ってしまいます。
>>103
W3C勧告に沿っていないと思うので別のやり方を探しています。

>>104
テキストボックスが名前のとなりにこないです。
107 名前：Name_Not_Found ：03/09/28 12:11 ID:???: >>106
>W3C勧告に沿っていないと思うので

どのへんが？　>>103のmin-widthが気になるならwidthにすれば済む話だし。
108 名前：Name_Not_Found ：03/09/28 12:13 ID:???: >>106
いや、>>103も「>>79のやり方」の筈なんだけど。なんか誤解してます？
109 名前：Name_Not_Found ：03/09/28 12:35 ID:???: floatさせたdivブロックの左マージンがIE6だと
指定した値の2倍になってしまいます。
operaだと期待した表示になってくれるんですが
110 名前：97 ：03/09/28 12:36 ID:???: |･ω･`)ｽﾏｿ

>>107-108
よくみずに、勘違いしてますた。
111 名前：Name_Not_Found ：03/09/28 12:39 ID:???: >>109
バグ報告のつもりなら、バグ辞典スレッドで既出ですよ。↓

フロートの左右マージンが指定値より大きくなる(5.x/6.0)
http://cssbug.at.infoseek.co.jp/detail/winie/b107.html
112 名前：Name_Not_Found ：03/09/28 13:02 ID:???: バグだったんですか・・・・・・・
113 名前：Name_Not_Found ：03/09/28 15:14 ID:???: CSSを使ってフレームのような機能を実現するにはどうすれば良いですか？
サイトメニューを常に表示した状態でサイト内を見て回れる様にしたいのですが、
一つ一つのＨＴＭＬファイルにメニューのソースを書かないといけないのでしょうか。
114 名前：Name_Not_Found ：03/09/28 15:21 ID:???: >>113
うん。
ｊｓで書き出したりしない限りはね
115 名前：Name_Not_Found ：03/09/28 15:22 ID:???: >>113　>一つ一つのＨＴＭＬファイルにメニューのソースを書かないといけないのでしょうか。
いけません。
まあscriptで自働埋め込みにしてもいいけど。
疑似フレームについてはFAQ（>>6・>>12）を見て下さい。
116 名前：Name_Not_Found ：03/09/28 15:50 ID:???: >>114,115
レスthx
コンテンツの多いサイトだとかなり困りますね・・。
擬似フレームだとユーザビリティ捨てる事になるみたいだし。
フレーム無いと不便だし。

この問題の解決法って他には無いんですか？
ＨＴＭＬに一々メニューのソース書くか、
対応ブラウザを限定してでも擬似フレームを使うか、
フレームを諦めるか
この３択だけなのでしょうか。
117 名前：Name_Not_Found ：03/09/28 15:52 ID:???: 外部cssファイルを参照するみたいに
外部htmlファイルを参照する事って出来ないのかな。
118 名前：Name_Not_Found ：03/09/28 15:57 ID:???: SSI使うとか。

TextSSとか使って一括書き換えという手もある。
119 名前：Name_Not_Found ：03/09/28 16:06 ID:???: >>118
ちょっと検索して見たのですが、SSiってＰＨＰのような物ですかね？
現在ＰＨＰも勉強中なのでPHPでも出来るのならPHPを使いたいのですが。
120 名前：Name_Not_Found ：03/09/28 16:07 ID:???: include
121 名前：Name_Not_Found ：03/09/28 16:40 ID:???: ＳＳＩってひょっとしてデバッグするのに専用ソフト入れる必要ありますか？
apacheとか。
うまく反映されないんだけど記述ミスかな・・・
122 名前：Name_Not_Found ：03/09/28 16:43 ID:???: >>121
HTMLをブラウザで表示した際にエラーが出るのなら記述ミス
あとは、Apacheの設定はどうよ？
SSI許可にしてあるか？SSIを用いる際のファイル拡張子は？
123 名前：Name_Not_Found ：03/09/28 16:46 ID:???: SSIのお話やサーバの設定のお話はスレ違い、板違いなので
それぞれの板で聞いたほうがいいと思われ
124 名前：121 ：03/09/28 16:47 ID:???: >>122
今使ってるＰＣにApache入れてないんです・・・_no
拡張子shtmlにするとメモ帳で開かれるし。
とりあえずapacheｲﾝｽｺしてみます。
125 名前：121 ：03/09/28 16:48 ID:???: >>123
失礼しました。
そうします。
126 名前：Name_Not_Found ：03/09/28 16:51 ID:???: >121
というか、何処でテストしてる？
普通にHTMLをブラウザで開くだけじゃSSIは使えんよ。
ローカルでテストするならサーバを、レンタル鯖とかプロバスペースだったらSSIを許可してるかどうか確かめれ。
127 名前：Name_Not_Found ：03/09/28 16:55 ID:???: ホップ＝HOP＝Health Oriented Programming＝健康指向プログラミング
128 名前：1111111 ：03/09/28 16:56 ID:???: ｺﾞﾊﾞｰｸしました。
129 名前：Name_Not_Found ：03/09/28 17:11 ID:???: だから、includeだって。
ほんとにphp勉強してるのかい？
130 名前：○ ：03/09/28 17:28 ID:pLv/CupY: フォームボタンのサイズや背景色、その他もろもろ
を変更したくてググってみたんですが

サイズ変更だけ見付かりませんでした。
識者の皆様、ご教示頂けませんか？
131 名前：● ：03/09/28 17:29 ID:???: >>130
width
132 名前：Name_Not_Found ：03/09/28 17:30 ID:???: >>130
font-size:

px
%
smaller
larger
xx-small
x-small
small
medium
large
x-large
xx-large
133 名前：132 ：03/09/28 17:31 ID:???: しまった、これは違うな。スマソ
134 名前：121 ：03/09/28 17:38 ID:???: >>129

ですよね？

PHPは簡単な掲示板を自作出来た程度で、
まだ始めたばかりの初心者です。
135 名前：121 ：03/09/28 17:42 ID:???: >>134

でした。
136 名前：Name_Not_Found ：03/09/28 17:45 ID:???: >>134
PHPはスレ違いです。
このスレでいえることは「CSSではできない。」ということだけ。
ほかの事はよそでやってください。
137 名前：121 ：03/09/28 17:46 ID:???: >>136
分かってますがレスをされたもので・・・以降この話題はやめますね。
138 名前：130 ：03/09/28 18:17 ID:???: ﾚｽくれた皆さん出来ました～(･∀･)
どうもありがとうございましたm(_ _)m
139 名前：Name_Not_Found ：03/09/28 18:29 ID:???: ｺｺ･･･(;´Д｀)ﾊｧﾊｧ
http://navi-on.jp/0.php?p=19
140 名前：Name_Not_Found ：03/09/28 18:41 ID:???: >>113
.htaccessでheader若しくはfooterで指定する手もある。
141 名前：Name_Not_Found ：03/09/28 18:48 ID:???: 疑似フレームを使っているんですが、
スクロールバーを出さないようにするにはどうすればいいですか？
142 名前：Name_Not_Found ：03/09/28 19:09 ID:???: >>97と逆のパターンで

画像1画像1　　名前
画像1画像1　　メール
画像1画像1　　URL
画像1画像1

画像2画像2　　名前
画像2画像2　　メール
画像2画像2　　URL
画像2画像2

みたいにしたいんですが

opera7だと、

画像1画像1　　名前
画像1画像1　　メール
画像1画像1　　URL
画像1画像1　　名前
　　　　　　　　　　メール
画像2画像2　　URL
画像2画像2　　
画像2画像2　　
画像2画像2

みたいになってしまいます。
どなたか、解決策を教えてください。
143 名前：Name_Not_Found ：03/09/28 20:27 ID:ITYstW9B: >>142
ふと思ったんだけど画像１の最後に</dl>を置いてその次からまた<dl>を置けばいいんじゃない？
144 名前：Name_Not_Found ：03/09/28 21:05 ID:PCE2KkQL: tableの中の文字の位置の指定の仕方は分かるのですが、
ページのなかのテーブル自体の位置の指定はどうやって、
CSSで書き込めばいいのでしょうか？
具体的にはセンターに持って来たいのですが、
教えてください。お願いします。

それと、全部のページで決まった部分に同じロゴを置きたいのですが、
そういうのはCSSで設定できるのでしょうか？
145 名前：Name_Not_Found ：03/09/28 21:15 ID:???: >>144
ＦＡＱのＡ５を見ようね。>>5だよ。
146 名前：144 ：03/09/28 21:22 ID:???: すいません。言い方が悪かったかもしれません。
<table align="center">を
外部CSSで一括で指定したいのですが、
どういう風に記述すればいいのか分からないのです。
教えてください。お願いします。
147 名前：Name_Not_Found ：03/09/28 21:26 ID:???: >>146
ＦＡＱのＡ２の４を見てもわからない？ >>5にある。
148 名前：Name_Not_Found ：03/09/28 21:26 ID:???: >>146
>>5に挙げられているサイトに書いてあるかと。
149 名前：144 ：03/09/28 21:34 ID:???: >147-148
えっと、
table {
margin-left:auto;
margin-right:auto;
text-align:justify;
}
とやっても反映されなくて、質問してみたんですが･･･
何かもっと必要な物とかがあるんですか？
150 名前：Name_Not_Found ：03/09/28 21:42 ID:???: http://www.scottandrew.com/
http://www.hssh.jp/~hssh/
http://www.1point.jp/~book_2ch/index.html
http://thefool.fc2web.com/
http://www.aquaplace.com/
http://red.ciao.jp/fantasy/
http://starry.night.nu/
http://www.macintoybox.com/
http://www.d1.dion.ne.jp/~hirosi_s/index.html
http://www.annie.ne.jp/~sheepers/komain.html
http://3110.sunnyday.jp/
http://cheser25.hp.infoseek.co.jp/
http://phoenity.com/
http://www.users.yun.co.jp/~souichi/
http://radicli.net/rr/
http://d-o-b.ciao.jp/^o^/
http://www.windfarm.co.jp/
http://www.deadbydesign.com/
http://www006.upp.so-net.ne.jp/Initialz/index.html
http://chankaz.cside4.jp/
http://raku-gaki.com/
http://akiko.kuhndesign.com/
http://apc.dip.jp/takaya/index.htm
http://www1.odn.ne.jp/~cce60200/
http://www2.ocn.ne.jp/~u.kenji/
http://www.muffy.jp/
http://www.ritsumei.ac.jp/kic/~tyv07679/index-j.html
http://www.interq.or.jp/orange/nori/
http://www.kapowaz.net/?showarticle=13032003
http://tr.vis.ne.jp/
http://www.clagnut.com/
151 名前：Name_Not_Found ：03/09/28 22:24 ID:???: >>149
width
152 名前：Name_Not_Found ：03/09/28 23:35 ID:???: インラインスタイルで
margin-left:auto;
margin-right:auto;
width:***;
を指定するとセンタリングされるのに外部スタイルで指定するとされないのはIEのバグ？
153 名前：Name_Not_Found ：03/09/29 00:38 ID:???: >>149
読めばわかるっつってんのに、
無駄な質問重ねてレス消費すんなハゲ。
154 名前：Name_Not_Found ：03/09/29 06:56 ID:???: tableをセンタリングしたいのですが・・・
http://members.jcom.home.ne.jp/jintrick/Personal/css_miss_table.html
155 名前：Name_Not_Found ：03/09/29 07:48 ID:???: >>152
外部へのリンク、間違ってんでないの？　
156 名前：Name_Not_Found ：03/09/29 09:17 ID:???: >>155
>>154
157 名前：Name_Not_Found ：03/09/29 09:32 ID:???: 最初にページを開いたときは正常に動くのですが、
IEの戻る・進むボタンでそのページに移ると、
ページ全体のmarginが上手く反映されません。

別のmargin 0のCSSファイルを参照しているページから
戻る・進むで来た時におかしくなるようなのですが・・・
これは何か設定ミスをしていると言う事なのでしょうか？
それともIEのバグ？
158 名前：Name_Not_Found ：03/09/29 10:10 ID:???: ページ全体のmargin、って何を指してんの
って言うか、ソース
159 名前：Name_Not_Found ：03/09/29 14:56 ID:???: IE6未満の話だったら、その指定では駄目。
text-align を使わねばならんバグがある。
リンク先よめよ。
160 名前：Name_Not_Found ：03/09/29 21:05 ID:0kmk8bY3: a {
color : #e70008;
text-decoration : none;
}
a:link {
color : #e70008;
}
a:visited {
color : #e70008;
}
a:hover {
color : #ff7777;
text-decoration : underline;
}
a:active {
color : #ff7777;
text-decoration : underline;
}

コレを省略して各方法はありますか？
（hoverとactiveをまとめるとか）
161 名前：Name_Not_Found ：03/09/29 21:06 ID:0kmk8bY3: コレを省略して、まとめる方法はありますか？
（hoverとactiveをまとめるとか）
162 名前：Name_Not_Found ：03/09/29 21:16 ID:???: >>160-161
基本的なんで>>4まで
163 名前：Name_Not_Found ：03/09/29 21:16 ID:???: >>160
a:link,a:visited

のようにまとめる。
164 名前：Name_Not_Found ：03/09/29 22:45 ID:???: em {　font-style: normal;
　　　　font-weight: bold;　}

強調{　フォントの形:普通;
　　　　フォントの太さ:太い;}
165 名前：Name_Not_Found ：03/09/30 01:05 ID:???: 質問です。
float で、表を二つ横に並べようと書いたソースが下記です。
http://v.isp.2ch.net/up/79656dc3f936.html

ブラウザは
Win 版 MSIE 5～6 , NN 7
Mac 版 MSIE 5.0～5.1 , NN 7

で確認しているのですが、Win 版 MSIE 5～6 のとき、
右側の表の左にスキマができます。なぜなんでしょうか。

よろしくお願いします。
166 名前：Name_Not_Found ：03/09/30 01:12 ID:???: そんなことより、Opera7.20で凄いことになってる。
167 名前：Name_Not_Found ：03/09/30 01:23 ID:???: >>166
ほんまやな。
もうちっとずれてたら逆に気付かないかもな。
168 名前：165 ：03/09/30 01:25 ID:???: >>166
>>165 で書いた以外のブラウザでは、スタイルを別ファイルに
書いて、読み込まない方向で対応しようと思います。
169 名前：Name_Not_Found ：03/09/30 01:30 ID:???: それでOperaをどうやって避けるんだ？
170 名前：165 ：03/09/30 01:32 ID:???: >>169
ブラウザを判別するスクリプトを書いて、
ターゲットとするブラウザとそうでない場合を振り分けて、
上記が真の場合のみ、<link>を書き出して、スタイルを記述した
ファイルを読み込みます。
171 名前：Name_Not_Found ：03/09/30 01:46 ID:???: >>170
div#shift{ width: 163px; float: left;}とか
172 名前：165 ：03/09/30 01:48 ID:???: >>171
おおお。
ちょっと、本番のファイルに組み込んで試してみます。
ありがとう。
173 名前：Name_Not_Found ：03/09/30 02:50 ID:???: div#shift {margin-left:125px;}とか
174 名前：Name_Not_Found ：03/09/30 14:35 ID:???: >>165-166
＃左列にだけfloat:leftを指定すると、右列（になるべき）要素が重なるのが本当。
ただし、要素は重なるが右列要素中の文字列だけは回り込むはず。
この点、文字列まで重なるOperaは失格。バグですね。
http://pc2.2ch.net/test/read.cgi/hp/1050844510/478
175 名前：165 ：03/09/30 14:55 ID:???: >>174
>この点、文字列まで重なるOperaは失格。バグですね。

情報ありがとう。
176 名前：Name_Not_Found ：03/09/30 15:29 ID:???: 文字列を括る枠を作りたいのですが、どうすればいいのでしょうか？
css始めたばかりで、よく分からなくて困ってます。
よろしくお願いします。
177 名前：Name_Not_Found ：03/09/30 15:31 ID:???: border
178 名前：176 ：03/09/30 16:00 ID:???: >>177
ｽﾏｿ、できました。(;´д`)
もっと勉強します。

・・・といいつつまた質問で申し訳ないんですけど、
このborderで作られた枠と文字列の間にスペースをとるにはどうすればいいのでしょうか？
marginではborderの外側にマージンが出来てしまって・・・・
179 名前：Name_Not_Found ：03/09/30 16:07 ID:???: padding、って言うかお前は死ね
180 名前：Name_Not_Found ：03/09/30 16:08 ID:???: >>178
この図見ればわかる？
http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp#cssenhancements_topic3

という本当に勉強しなさい
181 名前：176 ：03/09/30 16:25 ID:???: >>179-180
本当にありがとうございます。
勉強してきます・・・。
182 名前：Name_Not_Found ：03/09/30 22:41 ID:???: 最近cssの事がある程度分かってきて、divの便利さに気付いたんですが、
divを沢山使うとdiv厨って呼ばれるのはなぜなのでしょうか？
divを多く使用することによって何か弊害があるのでしょうか？
183 名前：Name_Not_Found ：03/09/30 22:53 ID:???: >>182
div厨でググれ。いろんな人が書いてるぞ。
184 名前：Name_Not_Found ：03/10/01 00:13 ID:???: >>182
それはＣＳＳってよりHTMLの問題ですな。

Strict-HTML スレッド16
http://pc2.2ch.net/test/read.cgi/hp/1064061327/l50
185 名前：Name_Not_Found ：03/10/01 00:48 ID:???: >>182
初心者スレからコピペ

--

右寄せにしたいから<div align="right">と書くわけじゃない。
div.right { text-align : right; } <div class="right"> も同様。

文書にマークアップをして、
<div>でブロックにされた個所があって、そこの見た目を右寄せ
にする場合に、
div { text-align: right; } とするわけ。

そして、すべての<div>が右寄せになっては困る場合は、
<div id="hoge"> div#hoge { text-align: right; }

というように id でそのブロックを識別することになる。
いくつか同様に右寄せにしたい（つまり同じスタイル）ブロックがあるなら、
それらのブロックにクラスを設定（クラスに所属）し、
<div class="fuga"> div.fuga { text-align: right; }

として、識別するようになるのです。
プチ講座でした。
186 名前：Name_Not_Found ：03/10/01 02:08 ID:???: >>185
text-align: right; はテキストの右揃であって、ブロックの右寄せではないぞ。
困るなぁ、初心者に嘘を教授しては。
187 名前：Name_Not_Found ：03/10/01 02:47 ID:???: でじゃぶった
188 名前：Name_Not_Found ：03/10/01 05:58 ID:???: >186
ブロックを右寄せするとは書いてないぞ。
（内容を）右寄せしたいブロック、とはあるが。
189 名前：Name_Not_Found ：03/10/01 06:00 ID:???: id、classの使い分けも微妙…
190 名前：Name_Not_Found ：03/10/01 06:21 ID:???: 構造に関して偉そうに講釈たれる割には、
CSSのためにHTML書くようなこと言うのな
191 名前：Name_Not_Found ：03/10/01 06:58 ID:???: どうせ貝あたりの解答なんだろ、ホットケーキ
192 名前：Name_Not_Found ：03/10/01 15:19 ID:z5HpE+vF: border-styleの、dotted と dashed って見た目違います？？
どー見ても同じにしか見えないのだが…
193 名前：Name_Not_Found ：03/10/01 15:55 ID:???: 1pxとかじゃなくて、10pxとか50pxに一度してみたらはっきり分かるぞ。
194 名前：Name_Not_Found ：03/10/01 16:03 ID:???: operaとかNetscapeで見てみるとか。
ちなみにMac IE5だとdotted 1pxは綺麗な点線に見える。
195 名前：Name_Not_Found ：03/10/01 22:27 ID:???: 先生。IE6.0とかで
Html4.01とかHtmlのDTD系で
:first-letter{　だと何書いても処理してくれないのは既出ですか。

XhtmlとDTD無しは処理してくれるのに。
更にh1:first-letter {←半角空白入り　だと処理してくれるのは既出ですか。
196 名前：Name_Not_Found ：03/10/01 22:47 ID:???: fontタグって好まれて無いんですか？
cssで代用するべきなのでしょうか？
197 名前：Name_Not_Found ：03/10/01 22:48 ID:???: >>196
好みとかではなくてね、「見栄えと構造は分離すべき」というのがhtmlとcssとの関係でして。
198 名前：Name_Not_Found ：03/10/01 22:50 ID:???: フォン・ド・ボーって好まれて無いんですか？
ボンカレーで代用するべきなのでしょうか？
199 名前：Name_Not_Found ：03/10/01 22:52 ID:???: >>198
好みとかではなくてね、「カレーとごはんは分離すべき」というのがルーとライスとの関係でして。
200 名前：Name_Not_Found ：03/10/01 22:53 ID:???: >>198
フォン・ド・ボーってのはね、「野菜と子牛のスープ」って意味で
ボンカレーと比較する関係ではないわけで。
201 名前：Name_Not_Found ：03/10/01 22:54 ID:???: ああ、ちきしょ。
下らんボケでかぶってしまった。
202 名前：Name_Not_Found ：03/10/01 22:54 ID:???: >>199
分離すべきなのかよ！
203 名前：Name_Not_Found ：03/10/01 23:03 ID:???: >>202
ぐちゃぐちゃ混ぜて食べるのは子供、ってのが定説でして。
204 名前：199 ：03/10/01 23:03 ID:???: >>201
>>200の方がね、面白いわけでして。
205 名前：Name_Not_Found ：03/10/01 23:21 ID:???: ところでオマイら本は買ったのか（w
206 名前：Name_Not_Found ：03/10/02 00:03 ID:???: カレーの本だろ、ちゃんと買ったよ
本場インドカレーが作れるようになった時は感動したね
207 名前：Name_Not_Found ：03/10/02 00:03 ID:???: >>205
本てなんの本や？
208 名前：Name_Not_Found ：03/10/02 00:13 ID:???: >195
CSSバグリスト＠CSSバグ辞典スレッド
「擬似要素名称の直後に空白類文字を置かないと擬似要素が認識されない」
ttp://cssbug.at.infoseek.co.jp/detail/winie/b055.html
でも確かに互換モードだと反映されるみたいね
上記ページ一番下の記述と違ってるな

できればこちらへ報告を
CSS/DHTMLバグ辞典スレッド第３版
ttp://pc2.2ch.net/test/read.cgi/hp/1050844510/
209 名前：Name_Not_Found ：03/10/02 20:59 ID:???: >>206
漏れも買ったよ
210 名前：Name_Not_Found ：03/10/03 15:06 ID:???: TD{ border : 1px;border-style : solid;border-color : #000000;}
<TABLE border="0" cellspacing="0">
と指定した場合、
セルが重なる部分の線が太くなってしまうのですが細くできませんか？
211 名前：Name_Not_Found ：03/10/03 15:09 ID:???: >>210
マルチポスト。
http://pc2.2ch.net/test/read.cgi/hp/1065065123/35
212 名前：Name_Not_Found ：03/10/03 17:22 ID:???: W3Cで漏れのCSSをチェックしてもらったら一発で満点だった。
うれすぃ。
あのバナー貼りたくなってきちゃった
213 名前：Name_Not_Found ：03/10/03 17:53 ID:???: CSSは簡単だからな。
214 名前：Name_Not_Found ：03/10/03 18:02 ID:???: CSS1・CSS2などの審査はないからな
215 名前：Name_Not_Found ：03/10/03 18:07 ID:???: 各ブラウザのデフォスタイルシートってどこで入手できます？
216 名前：Name_Not_Found ：03/10/03 18:07 ID:???: 各ブラウザのデフォスタイルシートってどこで入手できます？
217 名前：マルチポストはダメよ ：03/10/03 18:11 ID:MUNbmKC3: >>210
border-collapseをつかうとよい。

table { border-collapse: collapse; border: 1px #000000 solid }
218 名前：Name_Not_Found ：03/10/03 19:13 ID:hnO6qsUb: <li>にfloat:leftを指定して画像を横に並べるようにしたのですが、
IE6で表示させるとネスケ7で表示したときに比べ2pxほど上にズレてしまいます。
両方のブラウザで同様に表示させるにはどうすれば良いのでしょうか。

ul.contents-menu {
margin: 0;
padding: 0;
list-style-type: none;
list-style-position: inside;
}

ul.contents-menu li {float: left;}

<ul class="contents-menu">
<li><img src="***" width="***" height="***" alt="***" /></li>
<li><img src="***" width="***" height="***"alt="***" /></li>
...
</ul>
219 名前：Name_Not_Found ：03/10/03 19:27 ID:???: >>218
この要素より、前後の要素の margin padding を確認
あと、line-heightも確認
220 名前：Name_Not_Found ：03/10/03 20:17 ID:???: >>218
floatさせる要素にはwidthが必須だってば。この場合はli要素ね。
img要素だったら内在幅が決ってるから、width指定は無しでいいんだが。
221 名前：Name_Not_Found ：03/10/03 22:15 ID:4reos4JJ: ふと思ったんですが、
<dl>
<dt>サイトＡ</dt>
<dd>説明</dd>
<dt>サイトＢ</dt>
<dd>説明</dd>
</dl>

ってのを見かけるけど、これは正しいのですか？
222 名前：Name_Not_Found ：03/10/03 22:17 ID:???: 全然問題なし
223 名前：Name_Not_Found ：03/10/03 22:46 ID:???: >>221
<dl> = 定義リスト

「定義」の意味解る？
224 名前：Name_Not_Found ：03/10/03 22:52 ID:???: >>221
どうでもいいけど、その質問は
http://pc2.2ch.net/test/read.cgi/hp/1065065123/l50
で聞くべきでは？
225 名前：Name_Not_Found ：03/10/04 00:21 ID:???: max-width のような一部のブラウザが未対応のCSSを使用しても、
何か支障は無いでしょうか？
最大化しないで観る人や低解像度の人の為に幅固定はやめたいので……。

てかIE対応してくれ……。デフォルトの幅100%だと
余計なスペースが無様でしょうがありません。
226 名前：Name_Not_Found ：03/10/04 00:35 ID:???: >>225
仕様では対応していないプロパティが指定された場合は無視する事になってます。
227 名前：215 ：03/10/04 00:46 ID:???: 誰かご存知ありませぬか
228 名前：Name_Not_Found ：03/10/04 01:44 ID:???: >>227
MozillaやNNはインストールディレクトリ内のresフォルダにあるhtml.cssがデフォルトスタイルシート。

らしい。
229 名前：Name_Not_Found ：03/10/04 01:48 ID:???: >>215-216
それは>>4のリンク中にあります。
http://is.vis.ne.jp/lab/ua_default_css/index.xhtml
何度も訊く前に、ちゃんと検索したのかね？
230 名前：Name_Not_Found ：03/10/04 02:05 ID:???: >>228
html.css書き換えても反応ないんですが。なんでですかね。
231 名前：Name_Not_Found ：03/10/04 02:14 ID:???: >>229
それは一覧とは言わない
>>230
userChrome.css でやるんだよ（w
232 名前：231 ：03/10/04 02:22 ID:???: >>230
ｽﾏﾝ、userContent.cssだ
.../Mozilla/Profiles/default/ランダム.slt/chrome/
に userContent.css を作成してその中に任意のコードを書いて
再起動
233 名前：Name_Not_Found ：03/10/04 02:30 ID:???: ツールチップが出るようにするプロパティとかはないんですかね。
234 名前：Name_Not_Found ：03/10/04 02:31 ID:???: >>232
thx
僕が使ってるのはnn7なのでuserContent.cssなかったです。
235 名前：Name_Not_Found ：03/10/04 03:49 ID:???: >>233
titleとか?
236 名前：Name_Not_Found ：03/10/04 04:33 ID:???: >>233
「あれこれポップアップ」
http://www.remus.dti.ne.jp/~a-satomi/bunsyorou/ArekorePopup.html
http://www.remus.dti.ne.jp/~a-satomi/nikki/2003/10a.html#d02n01
237 名前：Name_Not_Found ：03/10/04 04:35 ID:???: >>231
一覧が見たいとも言ってない。少なくとも>>215-216は。
238 名前：Name_Not_Found ：03/10/04 04:37 ID:???: >>230
そもそもブラウザのデフォルト・スタイルシートとユーザー・スタイルシートとを区別してないのか？
239 名前：Name_Not_Found ：03/10/04 07:46 ID:???: >>238
>>230の言葉の意味が理解出来てない、ってことか？お前は
240 名前：Name_Not_Found ：03/10/04 07:49 ID:???: >>235
タイトルなんですが、IEではacronym要素だとでるけど、abbr要素ではでない、とかありますよね？
そこで、
abbr{display : tooltip;}とかそんな感じのものないかなあ、と思いまして。
241 名前：Name_Not_Found ：03/10/04 09:44 ID:???: >240
つーかIEは6の時点でもabbr要素に対応してない。
IEの事を考えるならabbrは使わずacronymを使うしかない。
242 名前：Name_Not_Found ：03/10/04 10:05 ID:???: でもabbrはとacronym、微妙に意味が違うんだよなあ。
WinIEは、細かい事はどうでもいいから力技でも何でも
表示が実現できさえすればいいって実装が多いよね。セレクタとか、MIME関連とか。
243 名前：Name_Not_Found ：03/10/04 10:29 ID:???: >>242
そこから糞サイトが(以下略)
244 名前：Name_Not_Found ：03/10/04 14:42 ID:???: CSS書くときのこだわりってありますか？
例えば、
記述の順番は
color / background / padding / margin / border の順番じゃないと許せないとか
245 名前：Name_Not_Found ：03/10/04 14:43 ID:???: いや別に。
246 名前：Name_Not_Found ：03/10/04 14:50 ID:???: おれはdisplayが一番最初ならいい派。
あとmargin:★ ■ ▲; じゃなくて、margin:★ ■ ▲ ■; ってかく派。
247 名前：Name_Not_Found ：03/10/04 14:55 ID:???: >>229
答えになってない回答は手に負えないな
248 名前：Name_Not_Found ：03/10/04 14:59 ID:???: >>244
別ないけど、カスケーディングを考えて書くことかな
249 名前：215 ：03/10/04 15:43 ID:J+wpDBoW: >>229
shine
250 名前：Name_Not_Found ：03/10/04 16:13 ID:???: >>212
漏れもあれ張りたいよ、HTMLも満点なんだよ
でもHTMLの方はジオガイドが出てくると満点じゃなくてｼｮﾎﾞｰﾝ
251 名前：Name_Not_Found ：03/10/04 16:40 ID:???: あのだっさいバナーを貼りたいと思うセンスが理解できない。
252 名前：Name_Not_Found ：03/10/04 20:43 ID:???: >>230
なんでユーザー・スタイルシートでやらずに
デフォルト・スタイルシートを書換しようなんてするのさ？
253 名前：Name_Not_Found ：03/10/04 22:50 ID:???: >>244
ﾔﾊﾟｰﾘネスケ４のことを考えて書くことかな。
あとHTMLにclassを指定するのを減らしていることかな
254 名前：Name_Not_Found ：03/10/04 23:28 ID:???: >>253
（　´,_ゝ｀）ﾌﾟｯ
255 名前：Name_Not_Found ：03/10/04 23:48 ID:???: >>253
何故にクラスを減らすの？？？

ネスケ４は無視とゆう事で。
256 名前：Name_Not_Found ：03/10/05 00:32 ID:???: >>252
それがUAの見栄えを本当に指定しているファイルなのか知りたかったから試しただけだけど。
257 名前：Name_Not_Found ：03/10/05 00:58 ID:???: >>244
アルファベット順に。
background / border / color / margin / padding
258 名前：kai- ◆8w08fC42ew ：03/10/05 01:02 ID:???: >>244

display / margin / padding / color / background / font / border / text-** /

こんな順序で書いてます。
（何らかの規則に従っているというわけではないのですが。）
259 名前：Name_Not_Found ：03/10/05 01:31 ID:???: >>244
外側から。
display/position/float/margin/border/padding/color/background/text/font
260 名前：Name_Not_Found ：03/10/05 01:35 ID:???: 卵がさきか？鶏がさきか？ってことで。。。。。
261 名前：Name_Not_Found ：03/10/05 01:51 ID:???: >>260
ttp://www.rju666.com/schizo/c_13.html
262 名前：Name_Not_Found ：03/10/05 10:57 ID:???: >>244
やっぱり対になるものをまとめて書くくらいかな
color & background / margin & padding & border / ....
displayは一番最初かな
263 名前：Name_Not_Found ：03/10/05 13:19 ID:???: シツモンです。

｜-------------ブラウザの幅--------------|
┏━━━━━━━━━━━━┳━━━━━━┓
┃　　　　　　可変長　　　　　　　┃ 固定長　　 ┃
┗━━━━━━━━━━━━┻━━━━━━┛

このような二つのdivをdisplay: inline にして左右に並べたいんですが、綺麗に並んでくれません。
完成形として、ブラウザの幅を変えれば固定長divは一定の幅を保ちながら右寄せになって、可変長＋固定長の幅はつねにブラウザ幅になればokです。
tableを使えば一発なんですが、会社側からtableを使うなといわれてるんで使えないんです。

どなたか解決できる方法を知っていれば教えてください。お願いします。

strictスレでも同様のシツモンをして、回答は「float」処理すればいいとのことだったんですが、float処理でも問題は解決しませんでした。
264 名前：Name_Not_Found ：03/10/05 13:26 ID:???: >>263
>float処理でも問題は解決しませんでした。

どんな処理を実行してどんな失敗に終ったのか。
それを書いてくれないと、対処策が出せません。
265 名前：Name_Not_Found ：03/10/05 13:38 ID:???: >>263
真の教えて君への道はまだまだ遠い。
266 名前：Name_Not_Found ：03/10/05 13:43 ID:???: ＦＡＱの>>6-7を見て、それでもわからん？　>>263
ヒントはfloat:right;とmargin-rightだ。
267 名前：Name_Not_Found ：03/10/05 14:35 ID:???: ｽﾚ違いな質問かもしれないんですが、
CSSを多少勉強と言うか、少しは使えるようにしたいんですが、
ここの住人の方はCSSを始めるにあたってどう進めていったのでしょうか？
CSSの説明をしているサイトなんて多くありますが、本とか買った方がいいのかな、と思っています。
勉強方法なんて人それぞれだと思いますが、よろしければ教えて頂けないでしょうか。
268 名前：Name_Not_Found ：03/10/05 14:48 ID:???: >>267
参考サイト（>>4）で学んだ。下手な本より良い。
269 名前：Name_Not_Found ：03/10/05 16:39 ID:???: 267によく似た質問なんですけど

http://x51.org/
http://keepsurfing.net/

とか複雑になってくると>>4だけでは理解できないような
CSSの使い方があったりするんですが
>>4だけでもここまでのことができるでしょうか？
270 名前：Name_Not_Found ：03/10/05 17:18 ID:???: そんな時こそこのスレを活用しよう！！
271 名前：Name_Not_Found ：03/10/05 17:25 ID:???: >>4以前に、まず>>3の【仕様書】だな。
全部理解できなくても、必ず一通りは目を通す。
邦訳もちゃんと用意されているのだし。
で、解説サイトを見る。
仕様書と微妙にニュアンスの違うところにぶち当たる。
で、また仕様書を見る。
これの繰り返し。
272 名前：Name_Not_Found ：03/10/05 18:27 ID:8aJXRZMJ: 他人のサイトをぱくる！
自分なりにアレンジする！
これが一番覚える！

数学とかもそうだったろ？
最初は公式の意味など理解していなくても、例題に沿って解答したり。

ギターとかもそうだろ？
最初は誰でもコピーするさ。
273 名前：Name_Not_Found ：03/10/05 18:31 ID:???: ※HTML学習上の注意点
下手に他人の書いたサイトのソースを見ない、真似しない。
http://members.jcom.home.ne.jp/pctips/www/Advice.html
274 名前：Name_Not_Found ：03/10/05 20:19 ID:aqtf7LMo: http://www.yoshibo.com/cgi-bin/michikusa/ranklink/zone/ranklink.cgi?ssd=74KbN2pm&id=runtime
↑この先にあるCSSって大丈夫？
275 名前：Name_Not_Found ：03/10/05 20:27 ID:???: ranklink.cgi
276 名前：Name_Not_Found ：03/10/05 22:22 ID:???: >>269
どんな複雑高度なスタイルも、基本の組合せだから仕樣書に還元できる。
それができなければ>>272みたいに他人のソースを真似ても理解できぬままの猿真似で害がある。
他人のソースを真似ること自体は悪くないし、それを仕樣書に沿って理解すればタメにもなる。
277 名前：Name_Not_Found ：03/10/05 23:58 ID:B6Ey2/S7: このサイトの左側メニューにある、
マウスを乗せると文字でない部分も色が変化するのってどんなcssでやるん？
ttp://www9.ocn.ne.jp/~aki2nd/css/index.html#list
278 名前：Name_Not_Found ：03/10/06 00:01 ID:???: >>277
http://pc2.2ch.net/test/read.cgi/hp/1065065123/223n
223 ：Name_Not_Found ：03/10/05 16:08 ID:???
>>221
ソース読んでＤＨＴＭＬを勉強しようね。
http://pc2.2ch.net/test/read.cgi/hp/1065065123/239n
239 ：Name_Not_Found ：03/10/05 19:36 ID:???
>>221
DynamicHTMLという仕掛け。
このWebサイトで使われているのは、マウスカーソルがHTMLの要素の上にくるとJavaScriptの関数が呼ばれる。
その関数が要素の背景色や前景色(文字の色)を書き換えている。

……しかしこのJavaScript、わざと読みづらくしてあるんだな。愚かだ。
279 名前：Name_Not_Found ：03/10/06 00:11 ID:vbTZ+rXY: >>278
thx!
DHTMLやろうね。ってレスしかもらえなかったのかと・・・
んだよ。いいレスついてたのか・・・
280 名前：Name_Not_Found ：03/10/06 00:20 ID:???: ちったあ、自分でソース解読して勉強しなよ……　>>279
281 名前：Name_Not_Found ：03/10/06 00:20 ID:???: >>267,269
本買った方が良いよ
282 名前：Name_Not_Found ：03/10/06 00:26 ID:???: ウェブ制作に関する情報は、本よりウェブの方が詳しいし、最新だと思ふ。
まあ本もウェブも、仕樣書すら確かめない間違った入門書が多いんだけど。
283 名前：239 ：03/10/06 00:32 ID:???: >>280
しかし例のWebサイトのJavaScriptは彼(彼女)には読めないだろうしね。
まぁしょうがない。
284 名前：Name_Not_Found ：03/10/06 00:39 ID:???: onmouseoverと同じことをcssでもできるけど、
だれもやらないのはなにか不都合があるの？
285 名前：283 ：03/10/06 00:41 ID:???: うん。わからんかった。でも、ジャバスクってことはわかった。
Opera7.2でジャバスク切ったら表示されてなかったもん
286 名前：Name_Not_Found ：03/10/06 00:44 ID:???: >>285
JavaScriptだとわかって、なぜＣＳＳスレッドで質問する？
教へて君も大概にしませう。
287 名前：Name_Not_Found ：03/10/06 00:46 ID:vbTZ+rXY: >>286
言われて気づく愚か者です。スマソ。
288 名前：Name_Not_Found ：03/10/06 00:55 ID:???: >>284
ＩＥなど、:hover疑似クラスがa要素以外では効かないブラウザが多数だから、かな。
http://hp.vector.co.jp/authors/VA022006/css/corrbrwser/selector.html#pseudo-classes
289 名前：Name_Not_Found ：03/10/06 01:05 ID:???: >>288
仕様書を読んだ上で聞きたいんだが、
abbr:hoverとかも仕様の上では正しいのかな？
以前、このスレで「a要素以外に指定するな」となじられたことがあるんだが。
290 名前：昔の人 ：03/10/06 01:09 ID:???: >>289
仕様書讀んだなら、わかると思ふけど。
「a要素以外に指定するな」とは、Internet Explorerの實裝に配慮せよといふに過ぎないかと。
無視されるブラウザもあると承知で指定するなら、問題ありますまい。
291 名前：289 ：03/10/06 01:10 ID:???: >>290
なるほど。やはりそういう意味か。
いや、誤読しているのかと不安だったので。
なじられたタイミングでは聞ける状態でなかったしね。
292 名前：Name_Not_Found ：03/10/06 02:43 ID:???: htmlでは同じclass名を何個も使うのは駄目
xhtmlでは同じid名を何個も使うと駄目

何故？？
293 名前：Name_Not_Found ：03/10/06 02:58 ID:???: class名はいくつ使ってもいいような・・・。
294 名前：Name_Not_Found ：03/10/06 03:28 ID:???: idが複数つけるのはダメなのは解ると思うけど。
295 名前：Name_Not_Found ：03/10/06 07:37 ID:???: 同じclass名はいくつ使ってもいい
同じid名は文書中に複数出てきてはいけない
HTMLもXHTMLも関係ない
296 名前：Name_Not_Found ：03/10/06 11:10 ID:???: >>292
> htmlでは同じclass名を何個も使うのは駄目
> xhtmlでは同じid名を何個も使うと駄目
ソースきぼんぬ
297 名前：Name_Not_Found ：03/10/06 11:24 ID:???: >>296
考え方が逆だよ。
id は html のエレメントの識別子。
class はいくつかのエレメントを分類するときの識別子。
298 名前：２９６ ：03/10/06 11:26 ID:???: >>297
なんで俺に言うの？
299 名前：Name_Not_Found ：03/10/06 11:48 ID:???: ﾜﾗﾀ
300 名前：297 ：03/10/06 11:50 ID:???: >>298
まちがえたごめん。
301 名前：Name_Not_Found ：03/10/06 12:26 ID:???: formなどで使われるnameもidと同じ名前空間を使うから
重複ダメｄなんだよね？
302 名前：Name_Not_Found ：03/10/06 13:25 ID:???: >>301
なんで俺に言うの？
303 名前：Name_Not_Found ：03/10/06 14:12 ID:???: >>301
name 属性は将来的は廃止、id name を同一名で定義する
勿論、重複はダメだ
304 名前：Name_Not_Found ：03/10/06 14:32 ID:???: >>302
ﾂﾏﾝﾈ
305 名前：Name_Not_Found ：03/10/06 14:33 ID:???: a {
display: block;
height: ??; width: ??;
}

a:hover {
background: #xxx;
}

これでIEでもCSSだけで出来るよ。
306 名前：Name_Not_Found ：03/10/06 21:35 ID:???: >305
そういうことじゃないでしょうよ
307 名前：Name_Not_Found ：03/10/06 23:25 ID:???: CSS Validatorで、media="handheld"指定しているCSSが

margin doesn't exist for media h
padding doesn't exist for media h

こんなエラーが出て、marginやpaddingの指定がinvalidに
なってしまうんですけど、これって仕様上正しいのでしょうか。

CSS モバイルプロファイル 1.0の仕様書を見る限りは
問題ないと思うんですけど、理解が足りないのでしょうか。

http://www.w3.org/TR/css-mobile
308 名前：Name_Not_Found ：03/10/07 00:34 ID:???: >>307
CSS Validatorは挙動があやしいのであんまりあてにしないほうがいい。
handheldでmarginやpadding使っても問題ない。
309 名前：Name_Not_Found ：03/10/07 01:54 ID:???: >>308
ソースを見ないことには何とも言えないけど
310 名前：Name_Not_Found ：03/10/07 16:29 ID:ToFlbjXz: <BODY text="#8CC9FF" link="#8CC9FF" vlink="#8CC9FF" alink="#8CC9FF">
というようなタグをCSSで一括指定したいのですが、
どうすれば良いでしょうか？
どなたかお願い致します。
311 名前：Name_Not_Found ：03/10/07 16:43 ID:???: >>310
テキストの色に関しては、
body の color を、

リンク各種状態の色に関しては、
a の:link などの擬似要素で、color を

それぞれ設定すればよいです。
がんがれ。
312 名前：Name_Not_Found ：03/10/07 16:55 ID:???: 1px以下のborderを引く方法があったら教えてください。
いろいろ頑張ったんですが･･･。どなたかよろしくお願いします。
313 名前：310 ：03/10/07 16:56 ID:ToFlbjXz: a{link-color:#FFFFFF;
vlink-color:#FFFFFF;
alink-coror:#FFFFFF;}

body{text-color:#ffffff;}
こんな感じでしょうか？全くならないのですが…
314 名前：Name_Not_Found ：03/10/07 17:09 ID:???: >>313
「CSS リンク色」などでぐぐると簡単に解説してるページが沢山あるよ。
根本的に理解してないので、まずはそういうサイトから
コピペして試すと体感できていいかもしれない。
315 名前：Name_Not_Found ：03/10/07 17:10 ID:???: >>312
1px未満？引けたとしてもパソコンで描画できない
316 名前：313 ：03/10/07 17:22 ID:ToFlbjXz: >314
わかりました！
どうも有り難うございました。頑張ります。
317 名前：Name_Not_Found ：03/10/07 17:29 ID:???: がんがれ
BODY { color: #ffffff; }
A:link { color: #ffffff; }
A:visited { color: #ffffff; }
A:active { color: #ffffff; }
318 名前：312 ：03/10/07 17:34 ID:???: ＞315
どうもです。
説明が少なすぎました。すみません。細くしたいのは印刷時の太さです。
例えば印刷すると、リンクの下線なんかは1pxのborderよりも
細く印刷されているので、何か方法があるのかなと。
画像でも1pxが限界っぽいので、半ば諦めてはいるんですが･･･
ハードの変更無しに、細い線を印刷する方法があれば良いなぁと。
やっぱり無理でしょうか？
319 名前：Name_Not_Found ：03/10/07 18:17 ID:???: >>308
ありがとうございました。
気にしない方向で進めたいと思います。

ただ、この状態でValid CSSのバナーをつけているのは問題ですよね…。
320 名前：Name_Not_Found ：03/10/07 18:38 ID:???: >>318
色を薄くすると細く見えるんじゃない？
あと、IEだと 1px groove (色なし) だと少し細く見えた。
さらに、Mozillaの 1px solid はIEのそれよりずいぶん細い。
WinXPとキャノンPIXUS850で。
321 名前：Name_Not_Found ：03/10/07 19:58 ID:???: >>318
そのための @media print だと思うが、ブラウザの実装状況を
確認したことがない。人柱きぼんぬ。
322 名前：Name_Not_Found ：03/10/07 22:19 ID:???: media print にpxじゃなくてcm使えば？
mmって使えたっけ？
323 名前：Name_Not_Found ：03/10/07 22:35 ID:???: 使える。
324 名前：Name_Not_Found ：03/10/08 00:41 ID:???: 一番細いのはptか
1pt ~= 0.35mm
いやまあ .35mm と指定しても同じことだけど
あとはプリンタの解像度次第
325 名前：Name_Not_Found ：03/10/08 02:50 ID:???: 0.1mmは無理なの？
326 名前：312 ：03/10/08 11:45 ID:???: みなさんどうもありがとう。
mmは、表示は0.1mmm、印刷は0.25mmまで設定可能でしたが、
私のプリンタでは、1pxと同じ太さのラインしか出力できませんでした(^^;
これってプリンタドライバ次第って事なのかなぁ？って感じです。

ていうか、そっかぁ、@media print。
ただ出力属性を分けるものだと認識していたので設定したことありませんでした。
今からテストしてみまつ。
327 名前：312 ：03/10/08 13:09 ID:???: @media printで0.1mm設定･･･撃沈。
328 名前：Name_Not_Found ：03/10/08 14:05 ID:???: そこまやったら、あとはプリンタの解像度の問題だと思うよ
モニタより解像度低かったら印刷した時にモニタより線が細くなるわけがない
329 名前：Name_Not_Found ：03/10/08 15:28 ID:kKhG3UY1: li のマージンについて質問です。

<ul>
<li><img src ="hoge"></li>
<li><img src ="hoge"></li>
<li><img src ="hoge"></li>
</ul>

ul { margin: 0px; }
li { margin: 0px; }

上記のようにしたときに、IE5.0で、画像の間のマージンが0にならないのですが、
何か良い方法は無いでしょうか。
330 名前：Name_Not_Found ：03/10/08 16:02 ID:???: 素直にテーブル使う
331 名前：Name_Not_Found ：03/10/08 16:28 ID:???: >>329
paddingも指定しては？
332 名前：Name_Not_Found ：03/10/08 16:41 ID:???: 画像のマージンを設定するとかな
333 名前：Name_Not_Found ：03/10/08 16:56 ID:???: いまどきのプリンタで96or72dpi以下はないだろ
334 名前：Name_Not_Found ：03/10/08 17:23 ID:gWajNcrb: >>329
これ系の問題ってtext-hightでなんとかなったはず
335 名前：329 ：03/10/08 17:55 ID:???: いろいろありがたいです。

ul { margin: 0px; }
li { margin: 0px;
padding: 0px;
line-height: 1%;
font-size: 1px;
list-style-type: none;
}
li a,li img{
margin: 0px;
padding: 0px;
}

でも駄目ですた...
336 名前：Name_Not_Found ：03/10/08 18:03 ID:???: >>334
line-heightの間違い？
337 名前：Name_Not_Found ：03/10/08 18:05 ID:???: >>335
line-height:0%でも駄目？
338 名前：Name_Not_Found ：03/10/08 18:17 ID:???: ブロック要素をインライン要素のように振る舞いを変えるには
どうしたらよいでしょうか？
一応IE5,IE6で表現できれば問題ないのですが
339 名前：329 ：03/10/08 18:20 ID:???: >>335
今のところ駄目です。
ただ、ネストしている奴らは正常（期待通り）に表示されるので、
もう少しごにょごにょしてみます。
よろしこ。
340 名前：Name_Not_Found ：03/10/08 18:44 ID:???: >>338
display: inline;
341 名前：Name_Not_Found ：03/10/08 19:34 ID:???: >>329 >>335
まだいるか？
ソースの改行消してみ。
IEは6でもソースに改行があると意味不明なmargin(padding?)が空くことがある。
<ul>
<li><img src ="hoge"></li><li><img src ="hoge"></li><li><img src ="hoge"></li>
</ul>

ul { margin: 0; padding:0; }
li { margin: 0px; padding:0; }

これでだいじょうぶなはず。
342 名前：329 ：03/10/08 19:44 ID:???: >>341
どうもです。
改行を消す、margin と padding は試しました。単位なしも。駄目でしたが。
親要素の width が設定されているとか、position が absolute だとか、
その辺が影響して IE の li のバグに引っかかっているのかも、
と考えています。

最悪、li はあきらめようかな、と。
ありがとう。
343 名前：Name_Not_Found ：03/10/08 21:33 ID:???: #navi{
margin: -7pt 0pt 0pt 3pt;
width: 20%;
float: left;
border-top: 1px solid #2c2c2c;
background-color: #1a1a1a;
}
#navi ul{
list-style-type: none;
margin: 0pt;
padding: 0pt;
}
#navi li a{
padding: 3pt 0pt 3pt 5pt;
border-top: 1px solid #1A1A1A;
border-bottom: 1px solid #505050;
background-color: #2f2f2f;
text-decoration: none;
display: block;
}
<div id="navi">
<ul>
<li><a href="./" title="top" class="active">home</a></li>
<li><a href="./" title="about">about and prof</a></li>
<li><a href="./" title="bbs">board</a></li>
<li><a href="./" title="diary">logs</a></li>
diary.. </ul>
</div>
これだと、IEではリンクの上下空きが出来てしまいます・・・
operaやmozillaではOKなんですが。

widthの指定を%からptやpxの固定していするとIEでも大丈夫だけど、pxやptを使わずに正常に表示することは出来ますか？
344 名前：Name_Not_Found ：03/10/08 21:57 ID:???: >>343
　　　　　　　　　　　　　　　　　　　　　　　　　　　／⌒～Y⌒"""ヘ　　　ﾍ∨ ∨
　　　　　　　　　　　　　　　　　　　　　　　　　／⌒／　　　へ　　　　＼|＼
　　　　　　　　　　　／　　　　　　　　　　　/　 /　　 /( ∧　　）　ﾍ　ﾍ
　　　　　　　　　　く　　　　　　　　　　　／/　（　/| | V　)ﾉ（　(　（　　ﾍ＼　　お　て
　　　　┘／＾|　　　＼　　　　　　　　（　　|　|ﾍ|　ﾚ　　＿　ﾍ|ﾍ　)　＿ﾍ　　　し　め
　　　　/|　　 .|　　　　　　　　　　　　　　|　　）） )/⌒""～⌒""　　 iii＼　　　え　｜
　　　　 .|　　α　　＿　　　　　　　　　　ﾍ　ﾚﾚ　　"⌒""ﾍ～⌒"　　||||＞　　　て
　　　　　　　　　＿∠＿　　　　　　　ｲ　|　　|　 /⌒ｿi　　 |/⌒ﾍ　　＜　　　　や　に
　　　　　＿　　　　 (＿　　　　　　　　) ﾍ　　|　∥ （） ||　　|| （） ||　＿＼　　　ん　は
　　　　　／　　　　　　　　　　　　　　 (　 )　ﾍ |i,ﾍゝ=彳　入ゝ=彳,i|＼　　　　ね
　　　／ー　　　　　　　　　　　　　　　（　／　　"""/　　ー""""　　　＞　　　｜
　　　　　＿）　　｜　　　　　　　　　ﾍ（||ii　　　 ii|||iiii＿/iii)ノヘ|||iiiii＜　　　　
　　　　　　　　　　｜　　　　　　　　　 ( ﾍ|||||iiii∠;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;　　　ﾌ　　
　　　　/////　　　ﾍ＿／　　　　　　　) ﾍ|||""ﾍ===二二二===７ﾌ　/　ﾑ／∧　∧　∧
　　　 /////　　　　　　　　　　　　　　(　 | ii　 | |ＬＬ|＿|＿ＬＬＬ//　|　　）（　∨|　∨)
　　　・・・・・　　　　　　　　　　　　　　　 )　)| || | |||||||||||||||||||||||| |　|　　（　ﾍ |　ﾍ ) (
　　　　　　　　　　＿＿＿　　　　　　　　| | /|　.| |||/⌒／⌒ヘ | |　|　 iiiiﾍ　( |　（ | /
　　　　　　　　　　　　／　　　　　　　　　/　(|.|　| |　　　　　　　| |　|　 iii　 ) | ﾍ　）(　)
　　　　　　　　　　　（　　　　　　　　　　(　/..|　 | |＿＿＿＿_/ |　|　 iii　 ( ）（　// /
　　　　　　　　　　　　＼　　　　　　　　 )　）..|　　|ﾍＬ|＿|＿Ｌ/ / /　 ,,,,--（/Vﾍ）(／
　　　　　　　　　　　　　　　　　　　　　　　/　(　.|ﾍ＼＿ﾍ |＿/ /　／
345 名前：Name_Not_Found ：03/10/08 21:59 ID:???: >>343
http://cssbug.at.infoseek.co.jp/detail/winie/b071.html
346 名前：Name_Not_Found ：03/10/08 22:01 ID:???: >>343
>>5
347 名前：329 ：03/10/08 22:36 ID:kKhG3UY1: >>343
びっくり。
348 名前：Name_Not_Found ：03/10/08 22:50 ID:???: >345
ちょうど同じ現象で悩んでて display や block で検索してみたんだけど見つからなかったところ
全然違う方法でむりやり回避した

li に border 指定したら改行消えた
li {border: solid 1px 背景色}
＃border の幅が 0 ではNG
349 名前：Name_Not_Found ：03/10/08 23:29 ID:???: ネスケの６系だけ狙い撃ちしてCSSを読み込ませないようにすることはできますか？
ネスケ６では反映されず、OPERAやネスケ７、IEではそのままCSSが反映されるようなのを探したんですが
スクリプトで振り分ける方法やSSIを使う以外の方法がどうも見つかりません。
MAC IEのバックスラッシュハックのようなものがあれば教えてください
350 名前：Name_Not_Found ：03/10/09 00:00 ID:???: >>349
UA情報で振り分ける以外、できない。
Mozillaが読み込まないスタイル指定はOperaも読み込まない。
　http://east.portland.ne.jp/~sigekazu/css/boxm.htm#ua
351 名前：Name_Not_Found ：03/10/09 00:27 ID:???: >>350
そこはチェック済みでした･･･。
他にもここ数日いろいろ検索してみたんですが、やはりないですか･･･。
OPERA６だけ避ける方法などはあるようなんですが
MAC IEのように、バグ応用してNN6避けに使えたりしないかなぁと
最後の望みを持ってここに来てみましたが、ないとわかったことでキッパリあきらめることができました。
ありがとうございました。
352 名前：Name_Not_Found ：03/10/09 00:51 ID:???: なんでNN6だけ除けなければいけないのか、よくわからんな。
ver.6だけの重大なバグなんてありましたっけ？
あってもver.7で直してるはずだし、Mozilla系の利用者は大抵アップデートしてるだろ。
353 名前：Name_Not_Found ：03/10/09 01:56 ID:???: >>352
それらは自己満足の世界に生きる人達
354 名前：Name_Not_Found ：03/10/09 02:05 ID:???: >>352
文字間指定すると「ー」の前後が重なるバグです
355 名前：Name_Not_Found ：03/10/09 02:06 ID:???: >>352
NN6で、個人がアップデートできない環境からアクセスしてきてる常連さんがいるんです

連投ｽﾏｿ
356 名前：Name_Not_Found ：03/10/09 02:09 ID:???: document.writeでCSSの記述をして、
その人にはJAVASCRIPTオフ状態で来てもらってください。
357 名前：Name_Not_Found ：03/10/09 08:16 ID:???: >>352
N6は6.1, 6.2系はともかく6.0系はトラブル多かったような。

同じGecko系UAでもNetscapeはやっぱごく普通のユーザが多くて
アップデートにあまり関心がないことも多いよ。
358 名前：Name_Not_Found ：03/10/09 14:57 ID:SzQfzZiL: IE6で確認しています。
えと、

<div id="menu">
<h3>menu</h3>
</div>

<div id="contents">
<h3>contents</h3>
</div>

<div id="diary">
<h3>diary</h3>
</div>

とHTMLを記述し、CSSを

div#menu h3,div#contents h3,div#diary h3{
font-size : 140%;
}

としたら、id="menu"と id="contents"の h3 は140%になるんですが、 id="diary"の h3 は変わりません。
なぜでしょうか？
359 名前：Name_Not_Found ：03/10/09 15:02 ID:???: >>357
ヘンですね。
div#menu h3, div#contents h3, div#diary h3 {
font-size:140%;
}
で、どうか？
　cf. http://cssbug.at.infoseek.co.jp/detail/winie/b055.html
360 名前：Name_Not_Found ：03/10/09 15:02 ID:???: >>358
スペルミスなどはないですか？ないならちょっとわかりません。
361 名前：Name_Not_Found ：03/10/09 15:04 ID:???: でも、それって擬似要素だけだよね。
なんでかな。
362 名前：Name_Not_Found ：03/10/09 15:06 ID:???: http://cssbug.at.infoseek.co.jp/detail/winie/b055.html
>補足
>擬似要素を使う使わないに限らず、セレクタと左括弧の間には常に
>空白類文字を置くように心がけてください。
363 名前：Name_Not_Found ：03/10/09 15:07 ID:???: >>362
なーんと。サンクス。
364 名前：358 ：03/10/09 15:09 ID:???: みなさん、レスありがとうございました。大変お恥ずかしい限りですが
CSSファイルの始めのほうに
div#menu,div#contents{
font-size : 120%;
}
と記述されていました。お騒がせしました。
365 名前：Name_Not_Found ：03/10/09 15:09 ID:???: >>364
ウホッ！
作成がんがってね。
366 名前：Name_Not_Found ：03/10/09 17:30 ID:???: >>342

li img {
vertical-align: bottom;
}
367 名前：329 ：03/10/09 17:38 ID:???: >>342
神！
ありがとう！！！
368 名前：633 ：03/10/09 17:45 ID:n+1ObZD6: 

こういうCSSを使用しているのですが、
なぜかテーブル内しかフォントファミリーが適用されないのです…
テーブル外だとMS　Pゴシックになってるみたいです。
BODYではフォントカラーを変えるくらいしかタグを使ってないのですが…
369 名前：Name_Not_Found ：03/10/09 20:06 ID:???: >body,td,th{
>body{background…

ひとし～
おんなじタグを複数設定したらあかんよ～
370 名前：Name_Not_Found ：03/10/09 20:08 ID:???: >>369
「同じ要素」に「同じプロパティ」を複数指定してはいけない。
上記のOKだよ。

＃なんでもタグって言うな
371 名前：Name_Not_Found ：03/10/09 21:06 ID:???: あーそうなんや。
htmlの中にひとつしか出てこないbodyとかは複数指定しちゃいけないと思ってた。
372 名前：Name_Not_Found ：03/10/09 21:15 ID:???: >368
とにかくスゲェ色々突っ込みたいのだがぐっと堪えて。

フォント名を""で括ってみてはどうか
373 名前：Name_Not_Found ：03/10/09 21:50 ID:???: >>371
上書きされていくだけです。
374 名前：Name_Not_Found ：03/10/09 21:53 ID