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

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

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

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

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

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

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

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

1 名前： ちょっと早いですが 投稿日： 02/04/27 13:26 ID:l9maZG/b: Cascading Style Sheetsの事で尋ねたいことがあったらこちらへどうぞ。
関連スレやリンクは>>2-5あたりに。
【過去ログ】
　http://mentai.2ch.net/hp/kako/974/974934062.html
　http://natto.2ch.net/hp/kako/984/984113434.html
　http://natto.2ch.net/hp/kako/992/992992981.html
　http://pc.2ch.net/hp/kako/996/996828258.html
　http://pc.2ch.net/hp/kako/1005/10050/1005047493.html
http://pc.2ch.net/test/read.cgi/hp/1011358982/l50
http://pc.2ch.net/test/read.cgi/hp/1015474859/l3
http://www-user.interq.or.jp/~hedo/
2 名前： Name_Not_Found 投稿日： 02/04/27 13:26 ID:yzVxWqjB: 2
3 名前： 喫煙者は臭い 投稿日： 02/04/27 13:27 ID:l9maZG/b: 【関連スレ】
・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/
4 名前： Name_Not_Found 投稿日： 02/04/27 13:27 ID:yzVxWqjB: 4
5 名前： 喫煙者は臭い 投稿日： 02/04/27 13:27 ID:l9maZG/b: 【仕様書】
・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
6 名前： Name_Not_Found 投稿日： 02/04/27 13:27 ID:yzVxWqjB: 5
7 名前： 喫煙者は臭い 投稿日： 02/04/27 13:28 ID:l9maZG/b: 【その他資料など】
・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
8 名前： Name_Not_Found 投稿日： 02/04/27 13:32 ID:nzW8kIOD: >>1
乙ｶﾚｰ
9 名前： Name_Not_Found 投稿日： 02/04/27 13:34 ID:AOEtqAZE: >>1
まいどー。
10 名前： Name_Not_Found 投稿日： 02/04/27 14:18 ID:tNTbOymt: >>1
ご苦労さんです。
11 名前： Name_Not_Found 投稿日： 02/04/27 15:11 ID:eY9KyhUP: いくらなんでも早すぎないか。
ところでこれ何？ http://www-user.interq.or.jp/~hedo/
前スレの http://www.hayariki.com/ とか。
12 名前： Name_Not_Found 投稿日： 02/04/28 05:42 ID:suMZIDM6: うん、早過ぎる。も少し使えるよ。
13 名前： Name_Not_Found 投稿日： 02/04/28 10:51 ID:vZwZyUAw: あちらが終わったらこちらにうつりましょう。
14 名前： Name_Not_Found 投稿日： 02/04/28 10:57 ID:3Nkg0vxX: >>13
その言葉を書き込んでageる君の精神に乾杯。
15 名前：　投稿日： 02/04/28 23:17 ID:ui4RFazZ: スタイルシートを外部ファイルとしてます。
サイトをテーブルで三分割にしていて、左を白、右を黒ってかんじに
してるので、リンク色をそれぞれ別にしたいわけです。
全体は下のような感じで指定していて、これを白地に適用してます。
a:link {
font-weight: bold;
text-decoration:none;
color: #003399
}

a:visited {
font-weight: bold;
text-decoration:none;
color: #9966CC
}

黒地背景は違う色にしたいんだけど、どうしたらいいですかね？
16 名前： Name_Not_Found 投稿日： 02/04/28 23:28 ID:qjBEs6aA: >>15
基礎は >>1-8で眞鍋。
17 名前：投稿日： 02/04/28 23:29 ID:emIkIiY2: >15
本当はまだ前スレッドに書いてほしいんだが，まあ仕方ないわな．誘導する意味もないし．
で，idやclassというものを調べてみると幸せになれると思います．
18 名前： 張り忘れたの？ 投稿日： 02/04/29 15:05 ID:BIl9kIIe: 【その他資料など】
・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
19 名前： 張り忘れたの？ 投稿日： 02/04/29 15:06 ID:BIl9kIIe: ごめん、ログが古かった・・・
>>18をあぼ～んしといて。
20 名前： Name_Not_Found 投稿日： 02/04/29 15:07 ID:n+RFagVH: >>19
二つあっても困るもので無し。
こんなことで削除依頼が通る訳なし。
あきらめるとよろし。
21 名前： Name_Not_Found 投稿日： 02/04/29 15:15 ID:BIl9kIIe: 「あぼーん」はなくて「あぼ～ん」。
かちゅ～しゃとかのやつね。

間違ってageてたし。ｺﾞﾒｿ...
22 名前： 質問がないので 投稿日： 02/04/30 03:03 ID:Y2A3tna3: http://www.geocities.co.jp/Playtown/6290/
スタイルシートオフ機能があるIEタブブラウザ。
ソフト板では静かなもんだが。
23 名前： Name_Not_Found 投稿日： 02/04/30 14:30 ID:Z6wNQe5n: W3C CSS Validatorでのエラーくらいは許されるよね？
警告は直そうかと思うのだが。みなさんのCSSはﾄﾞｩ??
24 名前： Name_Not_Found 投稿日： 02/04/30 14:32 ID:0p87H+Zn: なんでcssで画像とかを入れる場合
相対urlが推奨されるの？
あちこちのフォルダで使うなら
絶対URIの方がいいと思うけど
まあ/~hoge/count.pngみたいにルートディレクトリから
の相対なら同じだけど。
25 名前： Name_Not_Found 投稿日： 02/04/30 14:35 ID:eki+ZsGm: >>24
>まあ/~hoge/count.pngみたいにルートディレクトリから
>の相対なら同じだけど。

逝ってよし
26 名前： Name_Not_Found 投稿日： 02/04/30 14:39 ID:CNVZ7UPn: >>24はstyle属性を使っているに1票。
外部cssファイルにすれ。
27 名前： Name_Not_Found 投稿日： 02/04/30 14:59 ID:2xHNhg8r: <html>
<head>
<title>style sheet sample</title>
<style type="text/css">

</style>
</head>
<body>
<table><tr>
<td class ="t1">
sample text 1
<table><tr><td>
sample text 2
</td></tr></table>
</td>
</tr></table>
</body>
</html>
28 名前： Name_Not_Found 投稿日： 02/04/30 15:02 ID:2xHNhg8r: >>27みたいな場合にsample text 1に適用されるスタイルがsample text 2まで継承されない
（IE5,NN4）これって仕様どおりなんですか？
リファレンス本なんかではcolorとかは継承されるスタイルになってるんだけど。
29 名前： Name_Not_Found 投稿日： 02/04/30 15:53 ID:4aalAdMj: 仕様どおりじゃないです。
DOCTYPE switchで仕様どおりの動作に変わります。
30 名前： Name_Not_Found 投稿日： 02/04/30 16:42 ID:YFP+pxoQ: そういやさ、クラス名に「_（アンダースコア）」って使えるよね？
W3C CSS Validatorでエラーでるよヽ(`Д´)ノ
もしかして使えない？
31 名前： 28 投稿日： 02/04/30 16:56 ID:2xHNhg8r: NN6だと

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

ってつけたら期待通りになった。IE5 WinとかNN4では回避できない？
32 名前： Name_Not_Found 投稿日： 02/04/30 17:09 ID:nRnUcKiY: >>30
数字・記号は使えるけど、先頭につけちゃダメ。
33 名前： Name_Not_Found 投稿日： 02/04/30 17:13 ID:4aalAdMj: >>31
内側のtdにも同じclassを付ける。
34 名前： 28 投稿日： 02/04/30 17:27 ID:2xHNhg8r: それも考えたんだけどborderのスタイルも内側のtdに適用されちゃうから
継承してくれたほうがいいんだよね。
35 名前：投稿日： 02/04/30 17:33 ID:uPu0Q114: >30
ttp://www.kanzaki.com/docs/html/htminfo17.html#selector-chars
そのうち修正予定らしいが，現状では対応してない可能性が高い．
36 名前： Name_Not_Found 投稿日： 02/04/30 22:38 ID:8z4yj/dp: >>32
そうだよね。先頭にはつけてなかたのだが。

>>35
ありゃ・・・。
書き直す・・・の・・・か・・・。
ま、IE5とMozillaで動くから・・・放置(/o＼)
37 名前： Name_Not_Found 投稿日： 02/05/01 00:05 ID:LuFxerBH: ul{
list-style : disc;
}
ulli{
display : inline;
}

これが上手く表示されません。なぜですか？
38 名前： Name_Not_Found 投稿日： 02/05/01 00:09 ID:Eit3PJRe: ulliなんて要素はないから。
39 名前： Name_Not_Found 投稿日： 02/05/01 00:21 ID:LuFxerBH: >>38
す！すいませんでしたー！
40 名前： Name_Not_Found 投稿日： 02/05/01 00:26 ID:LuFxerBH: display : inline;にするとlist-style : disc;は適用されないんですね？
41 名前： Name_Not_Found 投稿日： 02/05/01 00:39 ID:Eit3PJRe: そうです。
display: list-item でない限りマーカーは表示されない。
42 名前： Name_Not_Found 投稿日： 02/05/01 00:45 ID:LuFxerBH: どうもありがとう！
43 名前： Name_Not_Found 投稿日： 02/05/01 01:15 ID:WCUsHSFj: 質問です。

margin-top:0.4em; margin-right:6%; margin-bottom:0.8em; margin-left:6%;

こういう風に、「em」と「%」を混在させた指定方法って有りですか？
44 名前： Name_Not_Found 投稿日： 02/05/01 01:24 ID:Eit3PJRe: 普通にアリです。
45 名前：４３投稿日： 02/05/01 01:28 ID:WCUsHSFj: >>44
ドモ
46 名前：投稿日： 02/05/01 01:43 ID:aW+wjtuz: とりあえず，前スレが950くらいになるまでは使いましょう．（現在912）
ttp://pc.2ch.net/test/read.cgi/hp/1015474859/l50
47 名前： Name_Not_Found 投稿日： 02/05/01 01:50 ID:lCZi2pJH: (´-`).。oO（>>46 別にいいじゃん…俺、両方見てるし…）
48 名前： Name_Not_Found 投稿日： 02/05/01 01:53 ID:4Vhurq3K: >>43
background-positionなどキーワードと数値を混在できないものがあるので、その点には注意して欲しい。
49 名前： Name_Not_Found 投稿日： 02/05/01 01:57 ID:I8nP8NYz: 外部ＣＳＳの利点って何ですか？
50 名前： Name_Not_Found 投稿日： 02/05/01 02:01 ID:cZGRDFQl: >>49
NN4.xでえらい事にならないためのため。
HTML自体のソースを重くするのがやなだけ。
外部の方が多数のHTMLからもを呼べるから。
あとは、メロンアイスを美味しく食べるため。
51 名前：投稿日： 02/05/01 02:07 ID:aW+wjtuz: (´-`).。oO（>47 答える側はそれでいいけど質問する側は…）
52 名前： Name_Not_Found 投稿日： 02/05/01 02:23 ID:Eit3PJRe: >>49
代替シートの概念はご存知で？
53 名前： Name_Not_Found 投稿日： 02/05/01 09:53 ID:YzODiFz1: >>49
あなたのサイトにはhtmlが何ファイルありますか?
54 名前： Name_Not_Found 投稿日： 02/05/01 22:22 ID:5BbDht5+: アンカーの擬似セレクタに設定したCSSルールを、
JavaScriptで変更できますか？
55 名前： Name_Not_Found 投稿日： 02/05/01 22:43 ID:pAM+yYxd: >>54
JSのスレで聞いた方がいいと思いますよ。
私も、以前に同じ質問をしたので(もちろん、JSスレで)、
過去ログにあると思います。
56 名前： Name_Not_Found 投稿日： 02/05/02 11:29 ID:n+wc8pAX: テーブルのひとつのセルに背景画像を指定すると
NNではみえないじゃないですか。
これをNN＆IE共に同じように見えるようにするのは
cssで出来ますか？
57 名前： 名称未設定 投稿日： 02/05/02 15:41 ID:y6679WKh: >56
テーブル自体の背景にダミーを指定．
っていうかこれはCSSではないけど．
58 名前： Name_Not_Found 投稿日： 02/05/02 18:24 ID:PNDx3vtX: 文章　画像　文章

大きな画像の両側に文章を回りこませるにはどの様にするのしょうか
文章はそれぞれ見出し、段落が数個ある組み合わせです
おながいします
59 名前： Name_Not_Found 投稿日： 02/05/02 22:25 ID:zbKNvVAE: あいう　画像画像画像　えお
かきく　画像画像画像　けこ
さしす　画像画像画像　せそ

にしたいなら無理。

あいう　画像画像画像　こさ
えおか　画像画像画像　しす
きくけ　画像画像画像　せそ

にしたいならfloatを駆使。
60 名前： 58 投稿日： 02/05/02 23:50 ID:CoGnXcRW: >>59
レスThanx
今の状況です、tableをやめてCSSにしたいのですが。
<table><tr><td>
<h1>見出し１</h1>
<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
<h1>見出し２</1>
<p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>
</td>
<td>
<img src="honge.png" alt="大きな画像">
</td>
<td>
<h1>見出し3</h1>
<p>ccccccccccccccccccccccccccccccccccccccccccc</p>
<h1>見出し4</1>
<p>ddddddddddddddddddddddddddddddddddddddddddd</p>
</td></tr></table>

floatのために、<div>画像</div>にして片側に流すのはできたのですが
両側に流す為には具体的にどのようにしますか？
おながいします
61 名前： Name_Not_Found 投稿日： 02/05/03 00:04 ID:Sfttsbku: >>60
それぞれの〔見出し＋文章〕と画像との関係はどうなってるの？
それが判れば具体的なソースを提示できる（かもしれない）けど。

テーブルの中身をそのまま使うなら
<div>一列目</div>
<div>画像</div>
<div>三列目</div>
として、最初のふたつにfloat: left; と width を指定する。

これだと構造的におかしくなりそう。
62 名前： 58 投稿日： 02/05/03 00:22 ID:ZfOSyvf9: Wordなどで言うところのいわゆる２段組みの文章で
洒落た画像を段組の間の仕切り線の役目として物理的に使っています

もっと正直に白状すると、実際のページは３段組みで画像仕切り線2本です
strictには程遠い画像の使い方なので無理ちゃあ、返す言葉無いです
63 名前： Name_Not_Found 投稿日： 02/05/03 01:00 ID:Sfttsbku: >>62
そういうのはbackground-imageでやるべきだと思うけど、
それでお望みどおりのレイアウトにするのは難しいかも。
空のdivでも使わない限り。
64 名前： Name_Not_Found 投稿日： 02/05/03 09:47 ID:YK3XpBv0: >>62
画像をbackground-imageにして
画像の幅の分だけpaddingをつければ出来そうな気もする。
<div style="position:absolute;width:200px;">
左段
</div>
<div style="background:...;pading-left:...;width:200px;margin-left:200px>
右段
</div>

ただwidthはIE5.xやIE6互換モードで間違った解釈になってしまうので、
CSSを振り分けないといけないかな。
65 名前： 58 投稿日： 02/05/03 18:20 ID:bKg5qcgj: ありがとうございました
66 名前： 66 投稿日： 02/05/03 18:33 ID:cIQgPtRh: どういたしまして
67 名前： Name_Not_Found 投稿日： 02/05/04 14:27 ID:bveG6V+Y: ageときます
68 名前： Name_Not_Found 投稿日： 02/05/04 23:42 ID:buElNTQr: 本スレage
69 名前： Name_Not_Found 投稿日： 02/05/05 08:25 ID:j7gOlZ5c: elementのhはいくつまで定義できるんでしたっけ？
70 名前： Name_Not_Found 投稿日： 02/05/05 08:47 ID:1SNsgutH: >>69　そのくらいは調べましょう。
71 名前： Name_Not_Found 投稿日： 02/05/05 20:24 ID:PiykHwmj: リンキングスタイルシートについて教えてください。
記述の順序によって表示のレイアウトが変化するのですが、
記述の順序は関係あるのでしょうか？
例えば

.〇〇{
AAA:*******;
BBB:*******;
CCC:*******;
DDD:*******;
EEE:*******;
}
と

.〇〇{
BBB:*******;
CCC:*******;
DDD:*******;
EEE:*******;
AAA:*******;
}

で、記述内容は同じで、順序を変えただけですが
レイアウトが変わってしまいます。
そういう現象は普通にあるのでしょうか？
私のPCが不安定になっているのかとも思うのですが。
WIN98で、IE5.5、NN6.2使用です。
わかる方、教えて下さい。
72 名前： Name_Not_Found 投稿日： 02/05/05 20:27 ID:0s3H5Jjj: >>71
順序は関係ないでしょ。
しいていえばz-indexの重なり方が変わるくらい
73 名前： Name_Not_Found 投稿日： 02/05/05 20:46 ID:CfS4S+td: >>71
位置指定系のプロパティなどで、その指定同士が競合する場合は
あとから指定されたものが優先されたはずだが、
ソースがないので再現しようもない。よってわからん。
74 名前：　投稿日： 02/05/05 20:58 ID:j7gOlZ5c: valign="top"これをインラインで書くとそのように表示されるんですが
外部から定義しようとすると上手くいきません。なぜでしょうか？
75 名前： Name_Not_Found 投稿日： 02/05/05 21:10 ID:CfS4S+td: >>74
ソースプリーズ
76 名前： Name_Not_Found 投稿日： 02/05/05 21:31 ID:55dqMGxo: >>75
http://www.otafuku.co.jp/
77 名前： Name_Not_Found 投稿日： 02/05/05 22:05 ID:dFo8Rek1: IEのCSSの初期設定が知りたいのですが？MSのHP探したんですが迷子になりました。

どなたか居場所ご存知の方お願いしますです。
78 名前：７４投稿日： 02/05/05 22:09 ID:j7gOlZ5c: すいません７５さん。
７６は偽物です。

<td valign="top">
<h1>あいうえお</h1>
</td>

これだと　あいうえお　がきちんと↑に表示されます。
tdではなくてh1のにvalign="top"を指定することはできないのでしょうか？
79 名前：７４投稿日： 02/05/05 22:10 ID:j7gOlZ5c: インラインで指定したくないです。
80 名前： Name_Not_Found 投稿日： 02/05/05 22:53 ID:CfS4S+td: valign属性はHTMLのものであって、CSSにんなモノはない・・・
とお決まりの回答をした上で。

78の説明でもいまいち意味がわかりませんが、
上付にすればいいんですか？

hoge.html
<html>
<body>
<table frame="border"><tr><td class="foo"><h1>あいうえお</h1></td></tr></table>
</body>
</html>

hoge.css
.foo{
margin-top:0;
padding-top:0;
}

他にもやり様はあると思うけど。
81 名前： Name_Not_Found 投稿日： 02/05/05 22:56 ID:phb9LXZx: HTMLのある部分について、CSSを切った状態の時に表示されないようにする
方法ってあるでしょうか？
逆のことは”display : none;”で出来るのですが。
82 名前： Name_Not_Found 投稿日： 02/05/05 23:03 ID:CfS4S+td: >>81

content
quotes
background
...
83 名前： Name_Not_Found 投稿日： 02/05/06 13:48 ID:QcOYXduP: >>81
その部分の文字色をHTMLではバックグラウンドと同じ、
CSSでは違う色にしておくというのはだめ？
84 名前： 71 投稿日： 02/05/06 16:22 ID:X6mws2+v: 72さん、23さん、まとめてお礼で失礼します。
ありがとうございました。
85 名前： Name_Not_Found 投稿日： 02/05/06 17:48 ID:DT2GISPQ: >>83
印刷するとばればれ。
86 名前： Name_Not_Found 投稿日： 02/05/06 19:29 ID:I7cf7I4l: 範囲選択でもばればれだな…
87 名前： Name_Not_Found 投稿日： 02/05/06 19:56 ID:Cq4QgNql: >>81-87折れも含めて（ｗ
どっかでみたと思ったら、
前スレhttp://pc.2ch.net/test/read.cgi/hp/1015474859/59-69で既出。
でも答えがないので、だれか・・・
88 名前： Name_Not_Found 投稿日： 02/05/06 19:58 ID:Cq4QgNql: 微妙に違った・・・ｺﾞﾒｿ。
でも前スレ64みたいなのがしたいんだろ？な？な？な（ｗ
89 名前： Name_Not_Found 投稿日： 02/05/06 20:02 ID:Cq4QgNql: ついでに（ｗ>>82IDｶｺｲｲ!!

CfS4S+td
￣￣￣￣￣￣
CSS+td＝テーブルレイアウトvsCSS
90 名前： Name_Not_Found 投稿日： 02/05/06 20:28 ID:I7cf7I4l: んー。HTMLとCSSだけを使うことが前提の場合、HTML側では「消す」ってことができないから
原理的に不可能じゃないのかねぇ？
91 名前： Name_Not_Found 投稿日： 02/05/06 22:39 ID:DT2GISPQ: noscript要素にdisplay:blockなら?
92 名前： Name_Not_Found 投稿日： 02/05/06 22:39 ID:DT2GISPQ: 意味ないな。css非対応ブラウザは大概script非対応ブラウザだ。
93 名前： Name_Not_Found 投稿日： 02/05/07 01:20 ID:rrohb0Dy: スペースでレイアウトを調整するのは邪道ですか？
94 名前： Name_Not_Found 投稿日： 02/05/07 01:22 ID:HSu1eD7X: >>93
邪道。
95 名前： 93 投稿日： 02/05/07 01:37 ID:rrohb0Dy: マ！マジですか！
じゃあどうすりゃいいんですか！
CSSってむずかしいなー。
96 名前： 93 投稿日： 02/05/07 01:38 ID:rrohb0Dy: というか
テーブルなら1分でできてしまう事を
あーでもないこーでもないと
試行錯誤してレイアウトするなんて
あなた達は暇人なんですか？
97 名前： Name_Not_Found 投稿日： 02/05/07 01:45 ID:BzhrMlFp: table で１分ならば、margin をつかえば30秒とか。
98 名前： Name_Not_Found 投稿日： 02/05/07 01:45 ID:pm49orTL: >>96
俺は頭使わずにHTML書きたいから、自然とCSS。
慣れればテーブルでやるもCSS使うも、かかる時間は同じだと思われ。
無駄な手間かけてる暇があったらサイトの内容を充（以下略）
99 名前： Name_Not_Found 投稿日： 02/05/07 01:45 ID:pjQT3dDv: 別に君みたいに時間かからないから。
100 名前：　投稿日： 02/05/07 01:46 ID:LEXAairP: >>95
レイアウトに凝るようなページにしなければいい
101 名前： 名称未設定 投稿日： 02/05/07 01:48 ID:02OP6Krt: >96
嫌ならやらなきゃいい．
けど，やってみるとわかるけどHTMLでレイアウトなサイトよりも
HTML+CSSの方が更新とかリニュとかが楽だと感じている．
かかる時間も大して変わらない．っていうかかえって速いけど？
CSSってむずかしいなー。って言ってる時点でこのスレには
来ないほうがいいかと．
102 名前： 96 投稿日： 02/05/07 01:56 ID:rrohb0Dy: わ！わぁ～～！
こんな短時間の間にこんなにレスが！
やはりみなさん相当お暇な様ですね☆
僕もみなさんみたいに時間があればよかったのに・・・
まあ僕もコツコツがんばります！
103 名前： Name_Not_Found 投稿日： 02/05/07 01:58 ID:FTk6HQea: 俺CSS使いだけど、質問ｽﾚなんてjsとか初心者ｽﾚとか別にここに限らず
（その時たまたま）暇人の溜まり場だろ、とか思った。

板違いsage
104 名前： Name_Not_Found 投稿日： 02/05/07 02:02 ID:pm49orTL: まあ、CSS使いは迫害されるという現実がある手前しょうがないか。
105 名前： Name_Not_Found 投稿日： 02/05/07 02:07 ID:EoZ2WvkX: すみません。
メニューをリストにして横に並べて左右中央に表示したいのですが、
左右中央がどうしてもできません。
どうすればできるのでしょうか。
106 名前： 名称未設定 投稿日： 02/05/07 02:10 ID:02OP6Krt: >96
そりゃCSSのスレに来て「CSS使いはみんな暇人」とか言ってたら
いっぱいレス返るって．
みんな善意でこのスレのぞいてくれてるのに．
とりあえず>96は人としてどうかと思う．
107 名前：　投稿日： 02/05/07 02:10 ID:LEXAairP: （´-`）.｡oO(質問スレは厨を叩いて寄り付かなくする場だろ・・・？)
108 名前：　投稿日： 02/05/07 02:12 ID:LEXAairP: >>105
ちょっと意味がわかりにくいのだが、リストってHTMLタグの？
左右中央ってどの位置のことだ？？
109 名前： もう見てないかもしれないけど 投稿日： 02/05/07 02:15 ID:gUtYN2Oz: >>93
「危険な全角スペースのレイアウト」
http://hp-design.net/design/basic3.html#dangerous_WhiteSpace
110 名前： 108 投稿日： 02/05/07 02:27 ID:LEXAairP: なぁ～んだ、釣られちゃったかなぁ？
111 名前： Name_Not_Found 投稿日： 02/05/07 02:32 ID:FTk6HQea: >>109
このサイト自体もどうかと思うけどな。
112 名前： Name_Not_Found 投稿日： 02/05/07 02:36 ID:aVhDteNM: >>105
滅茶苦茶簡単にしていいなら
ul { text-align: center; }
li { display: inline; }
でいかがでしょうか。
113 名前： Name_Not_Found 投稿日： 02/05/07 04:09 ID:4RwhL4TL: >>111
禿同。
114 名前： Name_Not_Found 投稿日： 02/05/07 04:11 ID:4RwhL4TL: >>113　　つづき。
字が小さいと抜かしときながらテメーのサイトの文字は小さくねーのかよと。
115 名前： Name_Not_Found 投稿日： 02/05/07 11:31 ID:NXiB7SII: 小さい文字で絶対指定。お客は帰っちゃうぞ(笑)。
しかも数値による指定はすべて絶対指定だと思いこんでいる。
かなり初歩。勉強不足。教える資格なし。
116 名前： Name_Not_Found 投稿日： 02/05/07 12:38 ID:UX53ztWn: >108
申しわけありません。
ulが常にウィンドウの中央にあるようにしたいということです…。
>112
ありがとうございます。
それはやってみたんですが、なぜかボーダーがとんでもない位置に
現れてしまったので何かまずいのかなーと…。
117 名前： 105 投稿日： 02/05/07 12:39 ID:UX53ztWn: 116=105でした
118 名前：　投稿日： 02/05/07 12:56 ID:LEXAairP: >>116
ボーダー？なんでリストでボーダーが出てくるんだ？

｜-これをページ中央-｜
●ああああああああああ
●いいい

｜-これをページ中央-｜
●ああああああああああ
　　　　●いいい

左右中央ってこんな意味で言ってるのか？
119 名前： 112 投稿日： 02/05/07 13:21 ID:MUI5q388: |　　　item1 item2　　　|
こんな風になるのがいやということ？
ul {
margin-left: auto;
margin-right: auto;
}
こうすればIE6とかだったら望みどおりの表示になると思う。
IE5.5以下にも対応させるなら、
margin-left: XX%;
margin-right: XX%;
と適当な値を左右に指定してやってください。
120 名前： Name_Not_Found 投稿日： 02/05/07 14:12 ID:mx945Qj0: 全体を画面中央も持ってくるとき、HTMLなら
縦横100％幅のテーブルのなかにいれて、align=centerでいけるんですけど、
CSSで同じことをするには、どのようにすればいいのでしょうか？
121 名前： Name_Not_Found 投稿日： 02/05/07 14:50 ID:2xCeRdNF: >>120
こんだけ。

body {
text-align: center;
}
122 名前： 120 投稿日： 02/05/07 15:21 ID:mx945Qj0: 縦位置も真ん中にしたいんですが。
123 名前： Name_Not_Found 投稿日： 02/05/07 15:41 ID:ZJP0YWvb: >122

融通が利かないなぁ…
左右が
margin-left: XX%;
margin-right: XX%;
で指定できるなら
上下は
margin-top: XX%;
margin-bottom: XX%;
で、出来そうとか考えられないの？
124 名前： Name_Not_Found 投稿日： 02/05/07 17:18 ID:saxvFyNI: >>123
上下マージンは親要素の横幅を参照するんで上下中央は難しい。

>>122
CSSだけでウィンドウの上下中央にはできない。
が、Windows版IEだけで良いならCSSで
height: 200px;
width: 100px;
position: absolute;
top: expression(document.body.clientHeight/2-100+"px");
left: expression(document.body.clientWidth/2-50+"px");

もしheightが300ならtopの-100の部分を-150というようにheightの半分にして使う。
幅も同様に。
また、もしIE6標準モードならdocument.bodyではなく
document.documentElementにすべし。

ただし、スクリプト有効に設定したWindows版のIE5以降でしか効かないので、
それで困る場合はJavascriptかテーブルでどうぞ。
125 名前： Name_Not_Found 投稿日： 02/05/07 19:38 ID:ytYlSKBE: 質問です。floatを使ってこんな風に段組風に表示したいのですが

■□□□
■□□□

■ブロック要素の幅はpx指定で固定に、
□ブロック要素の幅はウインドウ右端までで、
ウインドウ幅に応じて可変にしたいのですが、どのような指定が望ましいでしょうか。
IE5.5＠Win98で実験したところ
　黒{width:○○px; float:left;}
　白{width:100%;}
にしたらキレイにおさまったんですが、
これってほかの環境でも平気なんでしょうか…
白{float:left; width:100%;}
としたらwidthの基準値をウインドウ幅にしたらしく□要素は■の下に入っちまいました。
両方「float:left」を入れてwidthを％指定）にするのが
一般的で安全なようですが、左の要素の幅はできたら変化させたくないので。
126 名前：投稿日： 02/05/07 20:47 ID:OCWAkpqe: >125
白ブロックのwidthを指定しなければ，それで解決しない？
127 名前： Name_Not_Found 投稿日： 02/05/07 22:19 ID:rryrhMtn: position;fixed　はMacIEで暫定対応でしたっけ？
まだ使わないほうが無難ですかねぇ。
128 名前： Name_Not_Found 投稿日： 02/05/07 22:20 ID:rryrhMtn: うぉ…
○　;
×　:
129 名前： Name_Not_Found 投稿日： 02/05/07 22:29 ID:jLknqMuQ: widthは隣にfloatなボックスが有る無いに関わらず親要素が基準になるぞ。
そうならないのはそのブラウザがおかしい。

「CSS 段組み」で検索すべし。
130 名前： 125 投稿日： 02/05/07 22:32 ID:9Yw1j596: >126
白ブロックのWidthを指定しないと、ブロック内のテキストとかの量次第で
ウインドウの右端に届かないところに白ブロックの端がきちゃうんですよ
■□　|
■□　|こんな風に

できたら
■□□|
■□□|
こうしたいのです。…ﾃｰﾌﾞﾙﾂｶｳﾍﾞｷ?
131 名前： Name_Not_Found 投稿日： 02/05/07 22:33 ID:Az2N5bmu: position:fixedはMacIE5.14で暫定対応と思われ。
まだ詳しく検証してないけど、position:fixed内でa:hoverが効かなくなったりした。
この場合多分visited,activeも効かないと思う。
そのうち検証してみるけど、場合によってはバグ辞典行きかもしれない。
まあ、使わない方が無難ってとこかな。
上手くやればいけると思うんだけど・・・
132 名前： Name_Not_Found 投稿日： 02/05/07 23:18 ID:rryrhMtn: >131
ｻﾝｸｽ。やっぱそうでっか。

擬似クラス周りも不安定ですなぁ…。
133 名前： ◆kDDK6ugk 投稿日： 02/05/07 23:36 ID:kAFugSPy: >>125
黒 {
width:○○px;
float:left;
}
白 {
margin-left:○○px;
}

って感じでどうだろう。
134 名前： 125 投稿日： 02/05/08 00:13 ID:6N9qvuLv: >129 親要素が基準
調べた結果と違ってたのでなんでだろうと質問したのですが、
やはり親要素でなく、隣のfloatを除いた残りの幅を
基準にしたうちのIEがおかしいと見るべきということなのですね。

>133
おお！うまくいきました。ありがとうございます！
135 名前： Name_Not_Found 投稿日： 02/05/08 00:15 ID:mVSMEF5a: 背景画像のサイズを指定する事ってできないでしょうか。
イメージタグのように。
位置ならbackground-positionで指定できるんですが、
サイズはできないみたいで。
136 名前： Name_Not_Found 投稿日： 02/05/08 00:47 ID:h/e0stD6: 画像画像　あいうえお｜
画像画像　あいうえお｜
をfloatでやった場合、画面サイズを極端に小さくすると
画像画像　｜
画像画像　｜
あいうえお｜
あいうえお｜
こんなんなってしまうのですが、これを回避するにはどうすればよいのでしょうか
あいうえおの方は幅を固定させずにしたいのですが・・・
137 名前： Name_Not_Found 投稿日： 02/05/08 01:00 ID:FjTUUlQF: >>136
floatを使う限り無理。
縦に並んでもおかしくないようにデザインを考え直すのが肝要。
138 名前： Name_Not_Found 投稿日： 02/05/08 01:13 ID:h/e0stD6: あ、やっぱり無理ですか。
とりあえず今の設定だと600以下になるとズレ込んでしまいます
練り直してみます、ありがとうございました
139 名前： Name_Not_Found 投稿日： 02/05/08 01:17 ID:ftPI6yw7: 悪くても、

画像画像　｜
あいうえお｜
画像画像　｜
あいうえお｜

ならfloatでできるし、ずれこんでも支障ないのでは？
# それすらいやだって言うならtableｽﾚ行けよｳﾜｧｰﾝ!!ヽ（｀Д´）ﾉ
140 名前：投稿日： 02/05/08 01:41 ID:fwBiCIPL: 画像＋テキストで最低確保したい幅を body（か囲ってるブロック要素）の
min-width で指定すれば？あるいは上のほうにある margin-left 指定の方法か．

＃min-width は WinIE 未対応（のはず）
＃幅固定はあまり嬉しくないかも
＃つーか幅固定＋float って table レイアウトと精神的に同じかも
141 名前： Name_Not_Found 投稿日： 02/05/08 01:48 ID:h/e0stD6: あー、margin-leftで全解決しました。た、試してから発言すれば良かった・・
お手数かけてしまいました、ありがとうござりますー
142 名前： Name_Not_Found 投稿日： 02/05/08 10:03 ID:+Mxib5X0: >>136
解決したところ悪いが、
floatはウインドウ幅が狭くなったらズレ込ませるためのものだ。
おまえは何のためにfloatを使っているのかと問い(以下略)
143 名前： Name_Not_Found 投稿日： 02/05/08 16:08 ID:WZwP/3Op: htmlで
<hr size="1">
というのはCSSでなんて書けばいいんでしょうか？
144 名前： Name_Not_Found 投稿日： 02/05/08 16:12 ID:iTgLD0hW: hr { height: 1px; }

hrでCSS使うくらいならborderをおすすめする。
145 名前： 143 投稿日： 02/05/08 16:25 ID:WZwP/3Op: >>144

サンクスです。
borderでhrと同じようにできるほどスキルもないんで、
それはまたの機会にします。
146 名前： Name_Not_Found 投稿日： 02/05/08 17:12 ID:ZJbmupap: DWをインストールしようと
setupをクリックしたら
ファイル圧縮形式が違います
って出てインストールできないんですが
どういうことでしょうか?
147 名前： 146 投稿日： 02/05/08 17:15 ID:ZJbmupap: すいません板違いでした
148 名前： Name_Not_Found 投稿日： 02/05/08 18:57 ID:5IyQaW4c: http://pc.2ch.net/test/read.cgi/hp/1015474859/264

> 名前: Name_Not_Found age投稿日:02/03/22 (金) 09:50 ID:ejCY40nN
>
> ＦＡＱに段組のやり方の参考サイトを挙げておきたい。
> テーブル・レイアウトから卒業するには必須だし。
> http://dfj.cool.ne.jp/html/column.html
> http://www.skipup.com/~l-_-l/web/
> http://homepage.mac.com/csstyler/css-multicol.html
> http://www32.tok2.com/home/eyeeye/css001.html
> http://www.motchie.com/article/multicolumn.html
> http://members.jcom.home.ne.jp/pctips/www/faq/Dangumi.html
> http://www.remus.dti.ne.jp/~a-satomi/nikki/tmp/dangumi.html
> http://members.jcom.home.ne.jp/pctips/www/test/positiondangumi.html
なんかｴﾛい画像があったような（別サイトかな？
149 名前： Name_Not_Found 投稿日： 02/05/09 09:55 ID:/427VWfJ: おはよウンコーーーーーーー！！
今日はおまえらに質問があってやってきてやった！！
しかもかなりのご立腹でなーーーー！！

俺の怒りの質問はこれだ！！
http://www.occn.zaq.ne.jp/cuakx406/testtest/gifts.html

↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑の
<ul class="giftdate">がなんで反映されねえんだ！！
http://www.occn.zaq.ne.jp/cuakx406/testtest/style.css
マイネームエジソンの俺がわからないなんて生まれて初めてだ！！
カスケーディングスタイルシートぶっころす！！

それからもうひとつ！！
http://www.occn.zaq.ne.jp/cuakx406/testtest/links.html

↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑の
ウェッブリングのところ
しゃあなしにテーブルを使ってやってる！！
これをテーブル使わずに上手く表示する方法を考えろ！！
ばーーーーか！！俺がこんなこともわからないわけないだろ！！
ただ考える時間がねえだけだ！１
俺はウルトラビジースーパージゴロックライフなんだ！！
だからおまえらが考えろ！！わかったか！！
150 名前： ネットマフィア ◆4mrpMqxg 投稿日： 02/05/09 09:56 ID:/427VWfJ: 俺としたことが名前の入れ忘れなんてそうとうビジーだぜ！！
これで俺がどれだけビジーかってわかったろ！！
さっさとしろよさっさとーーーー！！
151 名前： Name_Not_Found 投稿日： 02/05/09 10:05 ID:U7Akvs7S: 岡やん規制知ってのこのこ出てきやがったな
152 名前： Name_Not_Found 投稿日： 02/05/09 10:10 ID:TIj7Xa/i: >>149
＞ただ考える時間がねえだけだ！１
考える時間は無いけど２ちゃんに書く時間はあるわけだｗ

上の質問は、
「HTMLの方でdl使うと幸せになれるかも」
と答えておくことにするよ。
153 名前： Name_Not_Found 投稿日： 02/05/09 10:18 ID:BxboAs+k: > マフィア
反映されないのは ul.giftdate li ですね？

ul li {
～
width: 590px;
}

この指定が原因で折り返されてるようです。
154 名前： Name_Not_Found 投稿日： 02/05/09 20:25 ID:x9DMDkec: CSSを使ってみようと思ってはいるのですが
CSS未対応で見たときのそっけなさが、とてもイヤで
なかなかふんぎりがつきません。
CSS使用サイトのみなさんは
そこのところの対処法はなにかされていますか？
未対応には諦めてもらってるんでしょうか？
155 名前： Name_Not_Found 投稿日： 02/05/09 20:38 ID:TIj7Xa/i: >>154
スタイルの適用/非適用はユーザーの権限で為されるものなので
見た目を必要以上に押し付けるのは余り良くないと言う考え。
ブラウザだけがHTMLを読むわけじゃないし。

よって対処法はなし。
156 名前： Name_Not_Found 投稿日： 02/05/09 20:46 ID:Q1x2C1rq: >>149-150
きえろ。
157 名前： Name_Not_Found 投稿日： 02/05/09 21:14 ID:tH07OeHu: >>154

CSS非対応でそっけないっての感じるのは、結局中身がないからなんです。
中身があればそれはそれで構造美があるもんです。

つーか、本当にちゃんとしたHTML&CSSで書いてれば、CSS非対応ブラウザは
むしろ救済される側なんだけどね。HTMLが簡潔になり、PDAなんかでも結構
いい感じでみれる。

あと、適当に画像をちりばめたり、区切りに hr を入れたり（cssではdisplay:none
すればいい）そういう現実的工夫を入れれば結構なんとかなるもんです。

たまに「CSSでイケてるデザインサイト」をNN3とかで見てみると、結構新鮮
な感じもします。
158 名前： Name_Not_Found 投稿日： 02/05/09 21:48 ID:A/DWXQry: ol li タグで左のスペースと数字から文字へのスペースを最小にし、改行しないで表示したいのですがどうか記述を教えてください。
159 名前： Name_Not_Found 投稿日： 02/05/09 22:01 ID:qckG3ous: inlineとpaddingもしくはmargin使ってなんとかしろ。
っつーかちょっと考えればわかんだろ？
160 名前： Name_Not_Found 投稿日： 02/05/09 22:37 ID:A/DWXQry: inline要素は危険とどこかで読みましたがどうでしょう。
161 名前： Name_Not_Found 投稿日： 02/05/09 22:44 ID:EGsBo12Y: 「 inline 要素」自体は危険ではない。
display:inline が危険という意味だろうけど。
162 名前： 161 投稿日： 02/05/09 22:47 ID:EGsBo12Y: それはともかく、
WinIE4.0 が対応してない以外に何があるんだろう。
WinIE は CSS をオフに出来ないからねえ．．．。
これ以外にあれば、私も教えて欲しい。
163 名前： Name_Not_Found 投稿日： 02/05/09 22:47 ID:TB1ROmrS: win対応機種で
CSSを表示させないようにするには
どうすればいいのですか？
おバカな質問ですみません。
164 名前： Name_Not_Found 投稿日： 02/05/09 23:08 ID:8ebvkiRn: >>159
ol { margin-left:3em; padding:0; }
li { white-space:nowrap; margin:0em; padding:0em; }
としてもどうも数字の両端に広い空白が。
margin-left:3em;を小さくするとIEで数字がみれなくなるし。
165 名前： Name_Not_Found 投稿日： 02/05/09 23:28 ID:jsZ81leE: >>164
CSS2のマーカーを使うしか手がないような。
マーカーをサポートしているレンダラは今のところないがな。
166 名前： Name_Not_Found 投稿日： 02/05/10 01:44 ID:wupJhgDn: そもそも何をどうしたいのかがイマイチ理解できないんだが・・。
俺がアホなのか？
　1　あひゃひゃひゃひゃひゃ
というのを
1あひゃひゃひゃひゃひゃひゃ
にしたいという事？？

>>161
display:inline;ってIE4で効かないの？ソースきぼん。
167 名前： Name_Not_Found 投稿日： 02/05/10 02:38 ID:TxfSYhFS: >>166
IE4はdisplay:noneのみ対応しています。FAQ。
168 名前： Name_Not_Found 投稿日： 02/05/10 03:20 ID:wupJhgDn: ｶﾞ━━(ﾟДﾟ;)━━━ﾝ!!!!!ホントだ・・。
メニュー表示にリストinlineにしてた。まぁストリクトなhtml書いてるから
さほど死んではいないだろうけど。なんか鬱だな。
169 名前： ネットマフィア ◆4mrpMqxg 投稿日： 02/05/10 04:54 ID:llc7F/HZ: おい！！>>152 >>153！！
気づいた！！今さら気づいたぜ！！
今のままでいいってことにな！！
テーブルでいいじゃねえかよ！！
なに考えてたんだ昨日の俺！！
昨日までの俺にグッバイだぜ！！
170 名前： Name_Not_Found 投稿日： 02/05/10 17:15 ID:NDlknvjN: >154
transitionalでbodyのbgcolorとtextだけ色付けとけば？
171 名前： Name_Not_Found 投稿日： 02/05/10 23:27 ID:HcJaVhhi: ┏━━━━━━━━┓　　　┏━━━━━━━━┓
┃┌──────┐┃　　　┃┌──────┐┃
┃└──────┘┃　　　┃└──────┘┃
┃┌─┐┌───┐┃　　　┃┌─┐┌───┐┃
┃└─┘│ 　　　│┃　→　┃│　 ││ 　　　│┃
┃ 　　　└───┘┃　　　┃│　 ││ 　　　│┃
┃ 　　　　　　　　┃　　　┃└─┘└───┘┃
┗━━━━━━━━┛　　　┗━━━━━━━━┛
ボーダーラインを用いて左図のようなレイアウトを作成したのですが、
このラインを右図のように、ブラウザのクライアント領域いっぱいまで広げたいと思っています。
この場合、どのように指定してやれば良いのでしょうか。ご教授ください。
172 名前： Name_Not_Found 投稿日： 02/05/10 23:59 ID:wupJhgDn: >>171
padding:bottom;
でも使ってみたら？勿論計算してだけどね。%で。
173 名前： 171 投稿日： 02/05/11 02:19 ID:janyy/B4: >>172
ありがとうございます。で、ちょっと試してみたのですが、
下2つの枠は、positionをabsoluteに指定して配置していて、
しかも、中には当然文字列などが入っています。
それなので、フォントサイズを変更されることを想定すると、
ちょっと一般性に欠くのでは、などと思ったのですが、どうでしょう。
何か言葉足らずなところ、解決法などございましたら、お願いします。
174 名前： 171 投稿日： 02/05/11 02:25 ID:janyy/B4: 追記
現状だとウィンドウサイズ変更にさえ対応できてません(´д｀；)
175 名前： Name_Not_Found 投稿日： 02/05/11 08:04 ID:6k2n6oX3: 順当な手段では実現不可能だと思うな。
position:fixedで仕様書で提示されている様な
疑似フレームならそれっぽい事出来るんだけど、
そもそもIEが対応していないし。

横書きの場合、tanleと違ってCSSは
「表示領域の縦側」って概念が無いに等しいから。
176 名前： Name_Not_Found 投稿日： 02/05/11 08:51 ID:JzNEaeXv: テーブルから抜け切れてないな。
CSS使うならグリッドレイアウトに拘らないこった。
177 名前： Name_Not_Found 投稿日： 02/05/11 08:55 ID:5DmKyMia: >>171
<div style="height:100%">
<div style="height:30%">段1</div>
<div style="height:70%">　
<div style="position:absolute;width:50%;height:100%;background-color:blue">段2-1</div>
<div style="position:absolute;left:50%;width:50%;height:100%;background-color:yellow">段2-1</div>
</div>
</div>

例えばこんなんではどう？
178 名前： Name_Not_Found 投稿日： 02/05/11 10:13 ID:jMfWoJSU: >>171
上の領域のborder-bottom
右下の領域のborder-left
３つの領域の親要素のborder

じゃ、ダメか？
179 名前： 178 投稿日： 02/05/11 10:14 ID:jMfWoJSU: まあ、線を引くのにこだわらない、と言うのも一つの手だと思うが。
180 名前： 171 投稿日： 02/05/11 12:24 ID:janyy/B4: 何か思ったよりも大変なことになってしまって狼狽。
レスくださった方々、ありがとうございます。
>>177
┏━━━━━━━━━━━┓
┃段1　　　　　　　　　　　　┃
┃　.段2-1====　段2-1;;;;;;;;;;;;;┃
┃　　　　　　　　　　　 ┃
～　　　　　　　　　　　～
いっぱいまで広がってくれず、こんな感じになってしまいました。

>>178
ちょっと、おっしゃることが理解できないのですが、
大きな1領域内に3つ領域を作って、特定の側のボーダーのみ表示すれば良いのでしょうか。

えー、諦めるというのが一番の近道なのは理解しておりますが、
手段に制限されて目的を達せないというのは、ちょっと(´･ω･｀)です。
なので、何とかなれば何とかしたいのですが、何分CSSかじりたての者ですので、
そんなﾔｼにゃ不可能なほど高等テクニックを要するというのであれば、おっしゃってください。
頑張って諦めます。
181 名前： 178 投稿日： 02/05/11 12:52 ID:jMfWoJSU: >>180
＞大きな1領域内に3つ領域を作って、特定の側のボーダーのみ表示すれば良いのでしょうか。
それでOK

でも、>>171を見てたらなんか違う気がしてきたな。
JavaScriptでウィンドウの大きさを取得して、
各領域のwidth,heightを書き換えるのが適当な気がしてきた。

でも、表示する中身がないのに枠だけ広げても
頭悪そうなんで俺はお勧めしない。
182 名前： 177 投稿日： 02/05/11 13:05 ID:5DmKyMia: ぬあ？ライン引きたいだけなのか？
>>177は解りやすいかなとbackground-color:blueと書いたが
これをborder-style:solidに変えたらそれっぽく見えないか？
って言うか数字は適当に変えてね

いや、根本的に間違えてるんだったらごめんなさいだけれども
183 名前： overflowプロパティ 投稿日： 02/05/11 14:19 ID:2aZ8R797: 俺を使ってくれよ。
184 名前： Opera 投稿日： 02/05/11 14:33 ID:GdWIjX83: >>183
やめてくれ
185 名前： Name_Not_Found 投稿日： 02/05/11 14:34 ID:2aZ8R797: ver 1.0(MSIE不可 Mozilla表示確認)
<div style="position:absolute;top:5%;right:5%;bottom:60%;left:5%;border:solid 0.1em #000">
=上===============================================================================
</div>
<div style="position:absolute;top:45%;right:60%;bottom:5%;left:5%;overflow:scroll;border:solid 0.1em #000">
=左下=============================================================================
</div>
<div style="position:absolute;top:45%;right:10%;bottom:5%;left:45%;overflow:scroll;border:solid 0.1em #000">
=右下=============================================================================
</div>
186 名前： Name_Not_Found 投稿日： 02/05/11 14:36 ID:4zS9ahCN: height指定+overflowﾌﾟﾛﾊﾟﾃｨでなんとかならんか？
187 名前： 185 投稿日： 02/05/11 14:37 ID:2aZ8R797: ちょっと待ってください。今改良しています。
188 名前： 183=185 投稿日： 02/05/11 14:46 ID:2aZ8R797: ver 1.1(MSIE6およびMozilla1で表示確認)

<div style="position:absolute;top:5%;left:5%;padding:0;padding:0;border:solid 0.1em #000;width:90%;height:35%;overflow:scroll">
=上===============================================================================
</div>
<div style="position:absolute;top:45%;left:5%;padding:0;border:solid 0.1em #000;width:40%;height:40%;overflow:scroll">
=左下=============================================================================
</div>
<div style="position:absolute;top:45%;left:45%;padding:0;border:solid 0.1em #000;width:50%;height:40%;overflow:scroll">
=右下=============================================================================
</div>

---
しかし、なぜ185がMSIEでうまく表示されないのかは謎だな。
189 名前： 183=185 投稿日： 02/05/11 15:17 ID:2aZ8R797: 185が表示されないのは
* topプロパティとbottomプロパティを同時に指定しても、bottomプロパティは無視されてしまう
* leftプロパティとrightプロパティを同時に指定しても、rightプロパティは無視されてしまう
というMSIE6の不具合のためです。同様の不具合はOpera6にもあるようです。

情報仕入れ元:ttp://www.inter-cool.net/~phantasm/wdzone/note/visuren/index.html

Opera6ではoverflowプロパティの値scrollをhiddenと解釈してしまうようです。Opera日本語版は評価版なのでこれはかまう必要はないでしょう。
190 名前：女陰投稿日： 02/05/11 19:35 ID:4MAeLJ1d: ＣＳＳを書くときには
ジャバスクリプトみたいにコメントタグで囲むのでしょうか？
191 名前： Name_Not_Found 投稿日： 02/05/11 19:40 ID:yICVHQYD: >>190
そう言われてるけど、コメントしなかったからといって表示してしてしまう
ブラウザはほとんど無いらしいよ。

まあ、囲んどけば安全じゃない？
192 名前： Name_Not_Found 投稿日： 02/05/11 19:43 ID:2aZ8R797: >>191
XHTMLではコメントするとエラーになります。linkでファイルを指定するのがもっとも安全。XHTML™ Basicでも使える。
193 名前：女陰投稿日： 02/05/11 19:45 ID:4MAeLJ1d: >>191&192
ありがとうございました。
ＣＳＳファイルを外において指定する事にします。
194 名前： Name_Not_Found 投稿日： 02/05/11 20:42 ID:LZe8gr5f: >>193
192 は解りやすさを優先して「エラー」と言ったのだと思うけど、一応。
正確には XHTML の場合、コメント部分は例外なく注釈として扱われるために
中身が解析されなくなる、ということっす。
195 名前： Name_Not_Found 投稿日： 02/05/11 22:31 ID:exlVPdLf: ちょっと理由があってソースの全貌が記述出来ないんですが、

<span id="mn' style="position:relative; top:5px; left;10px; height:25px; visibility:visible; z-index:15">
<a href="javascript:void(0);" onmouseover"onMenu(); EnterFlag=false;" onmouseout="offMenu()" onfocus="this.blue()">
<img src="hoge.gif" border="0" width="58" height="58"></a><br>
</span>

こう記述すると、Netscape6でhoge.gifの上半分が切れて表示されなくなって
しまうんですが、回避方法ってありますか？position:relativeをabsoluteに変更
するとNetscape6では表示はちゃんとされるんですが、Netscape4.xで意図した
動作をしてくれないので、出来ればposition:relativeのままで使いたいんですが。
196 名前： 171 投稿日： 02/05/11 22:46 ID:janyy/B4: 思ったより長く居座ってしまって心苦しいです。
しかし残念ながら、皆様の考えて下さったソースは、
どれも私の考えているものと異なっているように私には見えまして、
そこでようやく、私のほうからの説明が不足している状態だと気付きました。
まず動作確認はIEの6で行っております。
次に、どのような記述をしたかですが、以下です。
<div style="border-style:solid">上</div>
<div style="margin:2% 0px 0px 25%;border-style:solid;position:absolute;width:75%">右</div>
<div style="margin-top:2%;border-style:solid;position:absolute;width:20%">左</div>
この左右のボーダーを縦幅いっぱいに広げたい、ということです。
これらの情報が欠けている状態で、皆様の手を煩わせてしまいまして、申し訳ありません。
なんか>>181の言っている事も、もっともな気がしてきたのですが、まだ諦めません。
どうかよろしくお願いします。
197 名前： Name_Not_Found 投稿日： 02/05/12 00:37 ID:5cv/gAKk: width:100%って指定すると変な横スクロールが出現してしまいます。
何がいけないのでしょうか？
198 名前： Name_Not_Found 投稿日： 02/05/12 00:41 ID:hW1ChWxG: 指定した要素やその親要素に余計な margin や padding が指定されてるとか。
199 名前： Name_Not_Found 投稿日： 02/05/12 00:42 ID:FQBU1ENM: （´-`）.｡oO(変じゃない横スクロールってあるのかなぁ)
200 名前： Name_Not_Found 投稿日： 02/05/12 00:42 ID:0zVzQWw1: >>197
何に対してWidthを指定しましたか？
201 名前： 197 投稿日： 02/05/12 00:44 ID:UHMdvSHC: margin や paddingを0にしても出るんです。
h１とか、addressとかに指定してます。
202 名前： Name_Not_Found 投稿日： 02/05/12 00:57 ID:KizwtWta: h1とかを他の要素で囲んでないか？body直下か？
ボックス周りの計算はIEとNNで異なるぞ。
確かこのスレのどっかに説明してるサイトがあったな。
203 名前： Name_Not_Found 投稿日： 02/05/12 00:59 ID:wf0INYT4: >>201
bodyのmarginを0でもダメ？
204 名前： Name_Not_Found 投稿日： 02/05/12 01:00 ID:KizwtWta: ｵｰｲｴｪｰ、ここだ。

http://dfj.cool.ne.jp/html/column.html
205 名前： Name_Not_Found 投稿日： 02/05/12 01:01 ID:UHMdvSHC: 何も…
<body>
<h1>
だけで出ます…。
えと、すいません、もうちょっと自分で調べてみますね。
ちなみにMacIE5です。
206 名前： Name_Not_Found 投稿日： 02/05/12 04:19 ID:3zUJRcvE: 妥協で100％を95％にするとか言う事は許されない状況ですか
207 名前： まかー@MacIE5 投稿日： 02/05/12 09:38 ID:V6z46Kph: <h1 style="width:100%">あ</h1>

にしたけど何も出ないよ。他の指定が絡んでいるはず。
208 名前： Name_Not_Found 投稿日： 02/05/12 12:42 ID:tSWWR/mQ: ちょっとお聞きしたい。

MacIEではfloatにwidth指定をしないと駄目らしいですが、
width:auto;でも良いのですか？
emだとブラウザとかで違ってくるのでなかなか難しいものがありまする。
209 名前： Name_Not_Found 投稿日： 02/05/12 13:38 ID:nrqxwHOP: >208
color:#000　と　同:black で検査値通過するってことは、それでもいけんじゃないのかな？
ちょっと意味がちがうのか。
210 名前： Name_Not_Found 投稿日： 02/05/12 14:10 ID:QepYI5Pu: >>208
width:autoは結果はUA任せだから
>>208にとってあまりよろしくない結果になりような予感。
211 名前： Name_Not_Found 投稿日： 02/05/12 16:43 ID:TD2JsOBM: >>208
幅を「明確に」しなくてはならないので auto は不可。
emで特に実害はないと思う。
212 名前： Name_Not_Found 投稿日： 02/05/12 17:13 ID:nrqxwHOP: ところで、

div{ background-color : white }
a:hover div{ background-color : black }

みたいのがネスケで動かないのは何故なんですかね…。
213 名前： Name_Not_Found 投稿日： 02/05/12 17:38 ID:V6z46Kph: aの中にdiv入れちゃ駄目よん
214 名前： Name_Not_Found 投稿日： 02/05/12 18:35 ID:nrqxwHOP: …(;ﾟдﾟ)…ブロックにリンクは貼るな、と。でもIEだとキビキビ動くんです…。
ボーダーくっつけるとメニューがちょびっと格好良くなるんでつかってるんですが、だめですか。
215 名前： Name_Not_Found 投稿日： 02/05/12 18:42 ID:7uQ6zAmI: divにクラスつけて、子要素のaをブロックにしれ。
div.hoge a{ background-color:white; display:block }
div.hoge a:lhover{ background-color:black; }
216 名前： Name_Not_Found 投稿日： 02/05/12 18:44 ID:7uQ6zAmI: ×a:lhover
○a:hover
217 名前： Name_Not_Found 投稿日： 02/05/12 19:21 ID:fqIxxBz3: 似たようなもんだよ、aにブロック含めるのもaをブロックにするのも。

違いが出るのはlintだけか(w
218 名前： Name_Not_Found 投稿日： 02/05/12 19:26 ID:TD2JsOBM: どう似てるのか教えてくれ。
219 名前： Name_Not_Found 投稿日： 02/05/12 19:30 ID:ZnxjiH4L: >>217
仕様には従っとかないと、ちゃんとした結果が得られないことは多々あるよ。
220 名前： Name_Not_Found 投稿日： 02/05/12 19:40 ID:nrqxwHOP: あー、そっか。displayがあるんだった。ありがとう。やってみるよ。
221 名前： Name_Not_Found 投稿日： 02/05/12 19:41 ID:fqIxxBz3: 「仕様に合わせる」だけのために、本来の目的にそぐわない
利用法をすることの方がもっと大問題。

ここはStrictスレじゃないんだろ？俺はStrictスレｦﾁｬｰだが。
222 名前： Name_Not_Found 投稿日： 02/05/12 19:47 ID:o2CxMtoD: CSSファイルだけで12ｋｂいったんですけど、
やっぱりCSSファイルの大きさも表示速度に関係ありますよね？
223 名前： Name_Not_Found 投稿日： 02/05/12 19:52 ID:SdcQi5dE: １２ｋｂは異常だね。
ソースみてみたい。
224 名前： Name_Not_Found 投稿日： 02/05/12 19:53 ID:fqIxxBz3: >>222
画像やtable同様、落ちてくるまでレンダリングされないか
落ちてきてからされ直すか。キャッシュがなく、positionなどが
多用されている場合、若干重いと感じたことがある。

重いイメージマップよりはましだけどね。
225 名前： 222 投稿日： 02/05/12 19:59 ID:o2CxMtoD: あのCSS切り替えスクリプト使いたくて、一つに無理やりまとめたんですが、
やっぱ問題ありですか・・・。
226 名前： Name_Not_Found 投稿日： 02/05/12 20:03 ID:fqIxxBz3: >>225
別にファイルを1つにする必要はないと思われ
http://www.google.co.jp/search?hl=ja&q=CSS%90%D8%82%E8%91%D6%82%A6%83X%83N%83%8A%83v%83g&btnG=Google+%8C%9F%8D%F5&lr=lang_ja
227 名前： 222　投稿日： 02/05/12 20:09 ID:o2CxMtoD: >>226
どうもです。たしかにスクリプトを変えればいいだけですね。
ありがとうございました。　
228 名前： Name_Not_Found 投稿日： 02/05/13 16:33 ID:KbJFwwEg: 教えてちゃんですみません。
winxpになってからフォームの中のテキストと
パスワードのボックスの大きさが違って表示されるんですが
CSSで同じ大きさにすることはできますか。
よろしくお願いします。
229 名前： Name_Not_Found 投稿日： 02/05/13 17:19 ID:tcIXiH/H: >>228
input {
height: 12px;
width: 40px;
font-size: 12px;
}
みたいにheight,width,font-size指定すれば出来ないかな。
# OS関係あるの？
230 名前： 228 投稿日： 02/05/13 17:34 ID:KbJFwwEg: >>229
今までのテキストとパスワードのボックスは
デフォルトで同じ高さ・フォントサイズで表示されていたんですが
xpだけパスワードのフォントが大きく表示されて
それに伴って高さも高くなるんです。
231 名前： Name_Not_Found 投稿日： 02/05/13 17:40 ID:P3JgZcm4: >>230
XPというか、XPに入ってるバージョンのIEで、だろ？
まあ、>>229に書いてあるプロパティを変更しる。
232 名前： 228 投稿日： 02/05/13 17:57 ID:KbJFwwEg: >>229さんの方法でできました！
ありがとうございます。
>>231そうですIEで、ですすみません逝ってきます･･･
233 名前： 播磨屋の文頭 投稿日： 02/05/13 18:04 ID:klVwzgVO: くだらない質問と思われそうだけど、きいてください。

文頭字下げのために
p:first-letter{margin-left:1em;}
としてページを作ってみた。
ところが、これが曲者だった。

というのは、p要素の途中で<br>が入ると、次の行は
字下げされない。
というわけで<br>は使わずに１つの文ごとに１つのp要素と
して区切る。
これをやると一般的なブラウザでは行間がスカスカなので
p {margin:0em;} とする
そうすると今度は行間を空けたいときに適切な方法が見当たらない。
HTMLとして正しくても、ブラウザで読みづらいようなら、
そもそもCSSなんか使う意味がない。

対策１：行間を空けるようなところでdivを使う。

つまり
div.paragraph {margin-bottom:1em;}
として

<div class="paragraph">
<p>今日はさくらたんに会えてはにゃーんでした(´▽｀)</p>
<p>また会えるかなあ</p>
</div>
<div class="paragraph">
<p>で、話はかわるけど・・・

とする。
こうすると行間の制御はうまくいくが、意味的にはpこそが
段落であり、div.paragraphはおかしな具合になる。

対策２：段落の頭にクラス定義

p.top {margin:1em 0em;}

として

<p class="top">今日はさくらたんに会えてはにゃーんでした(´▽｀)</p>
<p>また会えるかなあ</p>
<p class="top">で、話はかわるけど・・・

これは構造的にスマートとはいえないだろう。

というわけで、文頭字下げスタイルの合理的な使用法はないでしょうか？
234 名前：投稿日： 02/05/13 18:10 ID:fMecb5ll: >233
text-indent
235 名前： Name_Not_Found 投稿日： 02/05/13 18:13 ID:2gyHa5MM: >>233
何だか大いに勘違いされてるようだけど、
字下げは text-indent です。

p {
text-indent: 1em;
line-height: 1.2; /* ～1.5*/
margin: 0.5em 0;
}

こんな感じで問題ないと思うけど。
236 名前： Name_Not_Found 投稿日： 02/05/13 18:13 ID:2gyHa5MM: ﾊｲｶﾌﾞﾘﾏｼﾀ。ﾄﾞﾝｸｻ。
237 名前： Name_Not_Found 投稿日： 02/05/13 18:18 ID:1j4PGWFi: >233
<P>今日はさくらたんに会えてはにゃーんでした(´▽｀)<BR>
また会えるかなあ</P>
<p>で、話はかわるけど・・・

じゃダメなのか？
238 名前： Name_Not_Found 投稿日： 02/05/13 18:20 ID:6Y1CRski: こんなことがしたいんじゃないかと思った。

p span { margin-left:1em; }
<p>
<span>今日はさくらたんに会えてはにゃーんでした(´▽｀)</span><br />
<span>また会えるかなあ</span>
</p>
<p>
<span>で、話はかわるけど・・・
239 名前： 播磨屋の文頭 投稿日： 02/05/13 18:34 ID:klVwzgVO: あぁ・・・
text-indentって知らなかった、鬱。
さっそくかきなおします＞＿＜
ありがとうございました >>234-238

first-letterは英字新聞みたいに段落の１文字目を
大きくするときに使うのかなぁ。
240 名前： Name_Not_Found 投稿日： 02/05/13 20:51 ID:s5Px7Aeb: >>239
失敬。わらった。
でも、まあ、最初は、どうすりゃいいのか、よくわからんものだから、
仕方ないやーね。
241 名前： Name_Not_Found 投稿日： 02/05/13 22:51 ID:Wy3QHMmP: first-letterってちゃんと動くのか？
242 名前： Name_Not_Found 投稿日： 02/05/13 22:53 ID:Wy3QHMmP: ああ、すまん。:before :afterと勘違いしてた。無視してくれ。
243 名前： Name_Not_Found 投稿日： 02/05/14 22:07 ID:6IpN+fJr: NN 4.7 で <span id="idx"> に

.idx {
border-style: solid;
border: 1px;
border-color: #333333;
background-image: url(cssbg.gif);
}

と属性設定するのですが、どうしてもボーダーと画像の間に僅かな隙間が開いてしまいますが
これはモウどうやっても CSS では回避不可能なのでしょうか？

1 日中これで詰まりまくって鬱...
244 名前： Name_Not_Found 投稿日： 02/05/14 23:03 ID:YT2/SEP8: >>243
無理です。
245 名前： 243 投稿日： 02/05/14 23:58 ID:6IpN+fJr: >>244

そ、ソデスカ...
回答サンクスです
246 名前： Name_Not_Found 投稿日： 02/05/15 00:10 ID:fFAYmmgw: li { list-style-image : url(～)}
li.hoge { 略-image : none; 略-type : disc }

NN、IEはこれでいけるが…Operaだと<li class=hoge>に
<li>のimageが継承されるのはバグなのかねぇ？
247 名前： Name_Not_Found 投稿日： 02/05/15 00:22 ID:kDIR1mu5: >>243
実際に試せないので一言だけ。

border: 1px;→border-width:1px;

はどうよ？

# ただのtypoだったのかな・・・
248 名前： 244 投稿日： 02/05/15 03:21 ID:e4LfQZLS: >>245
これに懲りずにいろいろチャレンジしてくれ。
NN4系では、要素に背景色、背景画像を指定しても
要素内にあるテキスト部分にしか反映されないと思います。
パッディングを0pxにしても無理っぽいです。
前に、いろいろ試したけどダメでした。
NN4系は、このほかにも基本的なところでCSSを拒絶するかのような
挙動をするので、かなり厳しいっす。
249 名前： Name_Not_Found 投稿日： 02/05/15 11:14 ID:Kj6AXtWO: IEで<select disabled>ってした時に背景色を指定する方法ないでしょうか？
disabled指定するとbackground-color:属性が効かなくなって白くなっちゃうんです・・
250 名前： Name_Not_Found 投稿日： 02/05/15 11:57 ID:vfBtu263: レベルってバージョンとどう違うのでしょうか？
CSSにはレベルがあってバージョンは無いですけど、
DOMはレベル2のバージョン1ってありますよね？
レベル1の扱いはどうなるんですか？
251 名前： Name_Not_Found 投稿日： 02/05/15 12:27 ID:nvbDaWc9: version は「版」だと思えばいいよ。
英語版、日本語版、勧告版、WD版、第一版、改訂版、テキスト版、HTML版、etc.
各バージョン間の内容差は大きいこともあるけれど、必ずしもそうではない。
バージョン2の方がバージョン1よりより洗練されて簡素になる、なんてこともざらにある。

一方 level は「水準」。
JIS第1水準漢字と第2水準漢字とか考えるとピンと来るかな。
レベルの場合は1よりも2の方が確実に多くの機能を要求される側面がある。

おおざっぱにかついーかげんに言うとそんな感じ。
252 名前： 250 投稿日： 02/05/15 18:44 ID:zIf4cCoG: >>251
ありがとうございます
253 名前： Name_Not_Found 投稿日： 02/05/15 20:40 ID:PPEsN6fl: 簡単なことを聞くようで申し訳ないのですが
ボックスの幅を決めて使っていました。
winのIE、NSともに確認して大丈夫だったんですが
macで見ると文字がボックスからはみ出していると言われてしまいました。
これはボックスの幅をmac用に広げなければ
解決しないのでしょうか？
テーブルみたいに高さでのびてくれると思っていたのですが。
ちなみにfontサイズ１２pxです。
254 名前： Name_Not_Found 投稿日： 02/05/15 20:43 ID:PPEsN6fl: あ。ごめんなさい。間違えました。NN6です。
255 名前： Name_Not_Found 投稿日： 02/05/15 20:54 ID:FVDabpbF: ＞これはボックスの幅をmac用に広げなければ
＞解決しないのでしょうか？

多分そうなんじゃないかなぁ…？

特に意味が無いなら幅固定を止めるのが吉
256 名前： Name_Not_Found 投稿日： 02/05/15 21:32 ID:YKFBUdKk: %で指定したりねぇ。
257 名前： まかー 投稿日： 02/05/16 09:22 ID:5RLDHeOs: ブラウザはMacの何で？

聞いている限りではtext-align:justifyの問題に思えるけど。
指定してる？
258 名前： 253 投稿日： 02/05/16 20:49 ID:Am8fgE1m: %指定だったら大丈夫でしょうか？
実は教えてくださったかたは知らない人で
通りすがりに「はみ出してる」とのチュウイをうけたのです。
なので何がどうなのかさっぱり。
text-alignの指定はしていないです。
divにmarginとpaddingはとっています。heightはとってないです。
なにが問題なんでしょう？
259 名前： Name_Not_Found 投稿日： 02/05/16 21:38 ID:KIyG3wIk: >>253
letter-spacingでは？
260 名前： Name_Not_Found 投稿日： 02/05/16 22:14 ID:v0omG9pf: (´-`).。oO（>>253 は相対単位と絶対単位の事理解しているのか？…）
261 名前： 253 投稿日： 02/05/16 23:30 ID:Q+qp7ZRF: あ、letter-spacingとってます。
それが原因ですか？
262 名前： Name_Not_Found 投稿日： 02/05/16 23:32 ID:M4y24xua: >>261
http://www.zspc.com/documents/css2/text/letterspacing.html
263 名前： Name_Not_Found 投稿日： 02/05/17 00:48 ID:m6ba9rSU: 　　MENU　　　　　　　　　本文
　プロフィール　　　　　ああああああああああああああああああ
　・・・・・　　　　　　ああああああああああああああああああ　　　　　
　・・・・・

　　　　　　　　　メールアドレス

こう表示させたいんです。
下のソースでは上手く表示できません。

ソース

.menu{
margin-top : 30px;
　　margin-left : 200px;
　　position : absolute;
}
.main{
margin-top : 30px;
margin-left : 250px;
padding-right : 50px;
}
.mail{
text-align : center;
}

気が狂いそうです、どうにかしてください。
264 名前： Name_Not_Found 投稿日： 02/05/17 00:54 ID:m6ba9rSU: .menuのソース間違えました。

.menu{
margin-top : 30px;
position : absolute;
}
265 名前： Name_Not_Found 投稿日： 02/05/17 00:54 ID:qRAqsl5i: .menuにfloat設定すれば良いのでは？
等と提案してみるテスト。
266 名前： Name_Not_Found 投稿日： 02/05/17 00:55 ID:Jm95SYS6: >>263
http://www.google.com/search?q=%92%69%91%67&hl=ja&lr=
267 名前： 263 投稿日： 02/05/17 03:39 ID:m6ba9rSU: ありがとうございます解決しました。
268 名前： Name_Not_Found 投稿日： 02/05/18 00:17 ID:xIDl95mA: すいません。お尋ねしたいことが。

IE5.xあるいは6.0で要素の固定、って可能なんでしょうか。
position: fixed;
だとNetscape6.xやMozzilaしか効かないですよね。

調べた限りではheightを調節して擬似的にそれっぽく見せかける
ことくらいしか無いかな、という感じなのですが。

どなたか、ご存知の方おられましたらご教授願います。
269 名前： Name_Not_Found 投稿日： 02/05/18 01:33 ID:fLMdcpAV: position:absoluteで書いてjavascriptで位置を変えるしかないのではなかろうか。
270 名前： 253 投稿日： 02/05/18 02:27 ID:57J4a3RY: 262さん、ありがとうございました。
解決はしなかったけど納得はしました。
271 名前： Name_Not_Found 投稿日： 02/05/18 15:34 ID:o1LCAJOC: >>268
こことか参考にしてみたら？
http://www17.u-page.so-net.ne.jp/qb4/chiharu-/overflow.html#frame
うまくやれば見た目Mozillaと同じように固定できるよ。
272 名前： Name_Not_Found 投稿日： 02/05/18 17:11 ID:eldfm3u3: 別のページにリンクしている画像の上をマウスで通過したときに枠線を変えるようにしようと、

--HTML--

<div class="imgbox">
<a href="***.html"><img src="***.jpg" border="0" width="0" height="0"></a>
</div>

--CSS--

.imgbox a:link,.imgbox a:visited{
border:solid 1px #FCFCFC;
}

.imgbox a:hover,.imgbox a:active{
border:solid 1px #00BFFF;
}

としたんですが、上の線だけ表示されません。
なぜでしょうか？あと、解決策お願いします。
273 名前： Name_Not_Found 投稿日： 02/05/18 17:12 ID:eldfm3u3: width="0" height="0"は間違いです。本題と関係ないので、気にしないでください。
274 名前： 272-273 投稿日： 02/05/18 17:35 ID:eldfm3u3: お騒がせしました。
imgboxにpaddingを加えたら表示されました。
275 名前： Name_Not_Found 投稿日： 02/05/19 01:35 ID:Y1KgJcv1: cssファイルって、リロードしても再読み込みしてない気がするんですけど、
なぜですか？
直してうpしなおしても、キャッシュに古いのがあると、そっちを使われて
しまうような…。気のせいですか？
どうしたら更新が反映されますか？
276 名前： Name_Not_Found 投稿日： 02/05/19 01:43 ID:ecUlGlkT: >>275
サーバの問題じゃないだろうか
277 名前： 275 投稿日： 02/05/19 02:28 ID:Y1KgJcv1: そうですか？ローカルでも同じなので
「そういうもん？」と思ってたのですが…。
278 名前： Name_Not_Found 投稿日： 02/05/19 03:07 ID:8DFK5BcG: 普通はリロードでcssも再読み込みされます。
279 名前： 275 投稿日： 02/05/19 03:12 ID:Y1KgJcv1: そうですか…私の気のせいだったのでしょうか。失礼しました。
280 名前： Name_Not_Found 投稿日： 02/05/19 03:19 ID:Sh4kAoDd: >>275
mozillaのデフォルトは良くそうなったような．．．。
今、mozillaがないので、どこをイジったら良いかがわからんけど。
281 名前： Name_Not_Found 投稿日： 02/05/19 11:37 ID:CE4w7EHn: Mozillaだったかはわからんけど、一度tempを空にしないと更新が反映されないのがあったな…。
めんどくさくてテスト環境から抜いちまった。
282 名前： Name_Not_Found 投稿日： 02/05/19 12:56 ID:ecUlGlkT: Opera じゃない？
283 名前： 268 投稿日： 02/05/19 15:06 ID:IUXQidZY: >>271
ありがとうございます。
頑張ってみます。
284 名前： Name_Not_Found 投稿日： 02/05/19 15:21 ID:CE4w7EHn: >282　いや、Operaはできる。
このブラウザはリスト周りが変（仕様か？）なの以外、特に問題にあたったことないな。

噂のユーザースタイルシートは、みんなが”堅実”にマークアップしてかないと使い物にならん。
漏れのとこ？…今更むりぽ。。
285 名前： Name_Not_Found 投稿日： 02/05/19 16:58 ID:yWoPFthD: 仕様書を見て勉強してるんですけど
text-shadowのところに

>Each shadow effect must specify a shadow offset
と書いてあります。

しかし、Value:の部分を見ると
none | [<color> || <length> <length> <length>? ,]* [<color> || <length> <length> <length>?] | inherit
となってます。
これだと省略可能に見えるんですが、どうなってるんでしょうか？
W3CのValidatorでも色さえ指定してあれば警告はされないようです。
286 名前： Name_Not_Found 投稿日： 02/05/19 17:26 ID:9k5N2xDv: >>285
省略してもinvalidではないが、指定すべきだぞ
なんて曖昧な解釈じゃだめなのか、そうなのか。
287 名前： Name_Not_Found 投稿日： 02/05/19 21:42 ID:TeDHonxD: acronymみたいな効果をcssでやるにはどのように記述したらいいのでしょうか？
カーソルを上にのせると語句が小さくでるのが、やりたいのですが
288 名前： Name_Not_Found 投稿日： 02/05/19 21:45 ID:9k5N2xDv: >>287
IEなどなら
<span title="ふー">foo</span>
289 名前： Name_Not_Found 投稿日： 02/05/19 22:53 ID:75Z/r0FQ
290 名前： Name_Not_Found 投稿日： 02/05/20 15:08 ID:UGiMlcMC: letter-spacingで文字幅を設定してるんですが
<br><br>みたいな一つ空白をあけるような改行ってできなくなりますよね？

普段は<br>を使った改行は使わないからいいんですが
掲示板だと空白を自動的に<br><br>に変換されるので
letter-spacingを使ってると空白が空かなくなります。
letter-spacingを使ったまま<br>による空白をあけたりすることってできるんでしょうか？
291 名前： Name_Not_Found 投稿日： 02/05/20 15:17 ID:OFE/jGzw: letter-spacingと改行がどう関係するのかは謎だが、
line-heightを使うといいことがあるかも。
292 名前： Name_Not_Found 投稿日： 02/05/20 18:07 ID:LHxbA9Vv: >>290
WinIEのバグ
letter-spacingを諦めるか
<br>を余分に吐かせるとか。
IE以外で1行余計に開くけど。
293 名前： ◆T6ZbIG7M 投稿日： 02/05/20 22:42 ID:xqf9wSk8: >>290
br { letter-spacing: 0 }
で解決しますよ。
294 名前： 292 投稿日： 02/05/21 10:03 ID:rnsC6r1v: >>293
そーだったのか。知らなかったよ。ありが㌧
295 名前： Name_Not_Found 投稿日： 02/05/21 19:49 ID:WpxX6BnD: おい、お前ら。フォントファミリーは何をどういう順番で指定してる？
特に日記とかで長文書く場合とか。教えて下さい。
296 名前： Name_Not_Found 投稿日： 02/05/21 22:54 ID:92GS30Ip: テーブルを画面の中央に配置するのはどうするんですか？
縦位置も指定したいです。
297 名前： Name_Not_Found 投稿日： 02/05/21 23:13 ID:EKk8bgy0: auto
298 名前： Name_Not_Found 投稿日： 02/05/21 23:17 ID:mTo4VqMt: Mozilla5以降は
margin-right:auto;
margin-left:auto;
IE5以前はtableの外から
text-align:center;
IE6もどっちかでいけるはず。
299 名前： Name_Not_Found 投稿日： 02/05/21 23:53 ID:rfF4f9+X: サイトで小説を発表してるのですが、スタイルシートをオフにすると
<p>の１行あきが大変間抜けな感じです。

回避策はないでしょうか？
300 名前： Name_Not_Found 投稿日： 02/05/21 23:59 ID:u0V9W4Yc: >>299
どんな使い方をすれば気になるんだろう。
小説サイトなんだろ？わからん。
301 名前： 299 投稿日： 02/05/22 00:02 ID:1B+jKFlx: え？すいません、変なこといいました？
ブラウザが勝手に小説を段落ごとに一行あけてくれるので、
小説の体裁に見えなくてトホホってことです…。
普通は一字下げで段落をあらわすので…。
302 名前： 299 投稿日： 02/05/22 00:06 ID:1B+jKFlx: 全然cssの質問じゃないですね。すいませんでした。
303 名前： Name_Not_Found 投稿日： 02/05/22 00:10 ID:bcPuttgk: >>301
つうかそのためのスタイルシートだろ。
オフにしたらブラウザデフォルトのスタイルになって当たり前。
そんなに体裁を変えたくないのならpre要素でも使え。
304 名前： Name_Not_Found 投稿日： 02/05/22 00:16 ID:uTcnOGUY: 新鮮な質問だなあ。「スタイルシート切ったときの表示がおかしい」て。
デフォルトでスタイルシートつけるビルダーもあるんだろうな最近は…。
305 名前：投稿日： 02/05/22 00:21 ID:ZdNA/19c: >295
指定しない．長文を読ませるなら特に．個々人で見慣れたフォントで読みたいだろうから．
306 名前： Name_Not_Found 投稿日： 02/05/22 00:22 ID:IyoSMnaP: テーブルは縦位置を中央に出来ないの?
307 名前： Name_Not_Found 投稿日： 02/05/22 00:38 ID:9TCZiW68: >>299
スタイルシートオフの場合だと、
行間を広くする指定が利いていないはず（多分）だから、
段落の間で多少空間がないと、全体に文字がびっしり詰まってしまい
文を読む気が失せてしまうはず。
∴間抜けな感じになっても<p>のところで間があいた方がよい。

スタイルシートがオンになっているなら行間が空いているはず（指定出来てるはず）だから
普通の書籍のように、
段落の頭で一字下がるだけで行間は一定なのが気持ちがいい。
308 名前： Name_Not_Found 投稿日： 02/05/22 00:55 ID:kQegBRC4: >>306
閲覧側の画面解像度なんて知らねぇよ、と仰せられるなら、絶対配置でどうぞ。
309 名前： Name_Not_Found 投稿日： 02/05/22 00:58 ID:WrdDEfGb: >>306
縦も横も中央なんて、窓サイズに依存するWebページでやることじゃない。
水平位置を中央にすると、窓サイズ次第で中身が縦方向に伸縮するでしょう。

そんなんお構いなしで、且つ重くなってもいいならテーブルネストね。
是非やめてほしいけど。
310 名前： Name_Not_Found 投稿日： 02/05/22 04:35 ID:EDmPYSyb: フォントサイズをptにすると
文字サイズ設定でユーザーの好みに
かえられるって伺ったんですけど
指定する場合やっぱしptのほうがいいんですか？
今は12pxと14px指定にしてるのですが。
311 名前： 名称未設定 投稿日： 02/05/22 04:54 ID:TMBatFZ/: >310
せっかくそんなこと考えているのなら
初めからユーザーの好みを尊重してあげて%指定にして下さい．
ちなみにpxもptも絶対指定ですので
UAによっては大きさを変えることはできません．
312 名前： Name_Not_Found 投稿日： 02/05/22 12:04 ID:GuarefXm: 複数フォームのradioボタンの一番左をチェック済みにするのってスタイルシートで作れますか?
例えばradioAグループ、radioBグループがあった場合両方の一番左がチェック済みにしておきたいのです。
タグでの指定は避けたいところなのですが・・・・。
313 名前： Name_Not_Found 投稿日： 02/05/22 12:42 ID:8dw8V7+6: >>312
タグでやってください。何故避けたいのかわからん
314 名前： Name_Not_Found 投稿日： 02/05/22 13:14 ID:GuarefXm: いくつかランダム生成するradioフォームがあるためタグだと対応しきれない場合があるのです。
315 名前： 名称未設定 投稿日： 02/05/22 13:38 ID:TMBatFZ/: >314
ランダム生成って事はCGIとかでしょ？
簡単にできそうなんだけど．
316 名前： Name_Not_Found 投稿日： 02/05/22 16:33 ID:7u5E5pRg: テーブルのカラム毎に、印刷（not表示）で網掛けするにはどうしたらいいのでしょうか？
IE5以降のみ対応で構いません。　やったことor情報をご存知の方、よろしくお願いします。

……ブラウザの印刷機能なんか使うなよな(T_T)
317 名前： ◆Mz2000PY 投稿日： 02/05/22 17:00 ID:f8oCIccl: background-image: url(網掛けの画像);

はだめなのか?
318 名前： 316 投稿日： 02/05/22 17:12 ID:7u5E5pRg: >>317
background-imageって、<TD>に設定できましたっけ？　手持ちの資料では<TABLE>のみなんですけど……
<TD>の中身一つ毎に<TABLE>切って見ようかなぁ(T_T)
319 名前： Name_Not_Found 投稿日： 02/05/22 17:27 ID:Shf9+hMd: >>318
どんな資料を持ってるのか教えてくれ。
320 名前： 316 投稿日： 02/05/22 17:27 ID:7u5E5pRg: >>318
自己Resです。
<TD>にbackground-image、設定できました。私の勘違いです（拝）

……が、印刷には出てきません(T_T)　少なくとも印刷プレビューには何も出てきませんでした(T_T)
321 名前： Name_Not_Found 投稿日： 02/05/22 17:32 ID:3GFnHQ+L: インターネットのプロパティ→詳細設定→印刷：背景の色とイメージを印刷する
322 名前： Name_Not_Found 投稿日： 02/05/22 17:33 ID:Shf9+hMd: >>320
@media Printは指定してるか？

あと、IEの設定(インターネットオプションの詳細設定)で
「背景の色とイメージを印刷する」のチェック入ってるか？
323 名前： Name_Not_Found 投稿日： 02/05/22 17:43 ID:weXnQp8M: 縦方向は出来ません、って何で素直に言えないんだこのスレの人達は。
324 名前： 316 投稿日： 02/05/22 17:44 ID:7u5E5pRg: >>321
難しいこと何にもしなくて、bgcolorで巧くいったっす……(T_T)

……逝って来ますね(;_;)

とりあえずアドバイス多謝（拝）
325 名前： Name_Not_Found 投稿日： 02/05/22 17:47 ID:YoCgKqNk: >>323
テーブルを縦方向も中央に置く話？出来ない事も無いよ。
>>309に書いてある。
326 名前： Name_Not_Found 投稿日： 02/05/22 18:53 ID:fjEEK/Y0: div要素を段組したいんだけど、N6でおかしな感じになります。
ソース書きますのでどなたかご教授あれ。

<div class="foo">
<h2></h2>
<dl><dt></dt><dd></dd></dl>
</div>

<div class="foo2">
<h2></h2><p></p>・・・<p></p>
</div>
<--ここまで-->


div.foo{
width : 60%;
float : left;
margin-left : 1%;
margin-right : 1%;
}
div.foo dt{
font-size : 130%;
margin-top : 3%;
}
div.foo dd{
font-size : 105%;
line-height : 170%;
}
div.foo2{
width : 100%;
margin-left : 1%;
margin-right : 1%;
}
div.foo2 p{
margin : 0.3em;
padding : 0.3em 0em 0.3em 0em;
font-size : 105%;
line-height : 170%;
}
327 名前： Name_Not_Found 投稿日： 02/05/22 18:58 ID:fjEEK/Y0: N6だと何故かh2が100%で横に広がるんですよね。
加えてdiv.fooの上にdiv.main{width : 100%}としたものを指定してるんですが
そのmain領域から縦がはみ出してしまいます。
うまい回避方法ないでしょうか。おながいします。
328 名前： Name_Not_Found 投稿日： 02/05/22 19:16 ID:Shf9+hMd: >>326-327
材料が足りん。

とりあえずwidth : 100%やったところのmargin,border,paddingを0に。
329 名前： Name_Not_Found 投稿日： 02/05/22 19:26 ID:fjEEK/Y0: 足りんかったですか。ｽﾏｿ。

こんな感じにしたいのです。
---------------------main領域---------------------

---------------foo--------- -----------foo2------
<h2></h2> <h2></h2>
<dl><dt></dt><dd></dd></dl> <p></p><p></p>

----------------------main終了-------------------
330 名前： Name_Not_Found 投稿日： 02/05/22 19:44 ID:Shf9+hMd: >>329
div.fooとdiv.foo2のwidthの合計が160%
331 名前： Name_Not_Found 投稿日： 02/05/22 19:59 ID:fjEEK/Y0: >>330
いや、それはわかってるんですよ。なのでN6用にwidth指定は
変えてるんです。fooを55%、foo2を35%みたいな。
最初はそこだけいじれば済むかと思ったらおかしな事になってるという罠。
バグじゃ・・・ないですよね？
332 名前： Name_Not_Found 投稿日： 02/05/22 20:00 ID:8dw8V7+6: foo2 にmargin-left: 60%
333 名前： Name_Not_Found 投稿日： 02/05/22 20:13 ID:Shf9+hMd: div.foo2にもfloat:left
334 名前： Name_Not_Found 投稿日： 02/05/22 21:10 ID:fjEEK/Y0: >>332-333
有り難う御座います。foo2にfloat:left指定する事で位置は決まりました。
が、fooの内容がmain領域からはみ出してしまいます。
IEではきっちりはまるんですが何が原因なんでしょう？
っつーか何でこんなにボックス周りはややこしいんでしょうか。激しく鬱です・・。
335 名前： 334 投稿日： 02/05/22 21:46 ID:fjEEK/Y0: 何度もｽﾏｿ。padding-bottomを設定する事で無理やりなんとかしました。
しかし腑に落ちない。operaで見たら死んでるんだろうなぁ・・。
336 名前： Name_Not_Found 投稿日： 02/05/22 23:15 ID:wk1BT0kT: 極力単純にすると
<body>

<div>…助けて(;´Д`)</div>
<div>(´Д`;)ください…</div>
<div>　　～以下続く

</body>　という感じにブロックが並んでます。

で、ブロック間の間隔を空けたいのですが
div{margin : 5px}　だと親要素からの距離だから駄目ですし。。
何かよい方法はないでしょうか。　
337 名前： Name_Not_Found 投稿日： 02/05/22 23:18 ID:Pc/e3J8U: >336
div {margin-bottom: 1em;} でいいんじゃない？
で、最後のブロックにID振って　そのID {margin-bottom :0;}みたいに打ち消す感じで。
338 名前： Name_Not_Found 投稿日： 02/05/22 23:57 ID:wk1BT0kT: あんまし変わりませんでした…。混乱ぎみ…。
○<div class=見出しっぽいの>○
　　　　　　　　　　○
○<div class=内容とか>……</div>○
○<div class=内容とか>……</div>○
○<div class=内容とか>……</div>○
　　　　　　　　　　○
○<div class=見出しっぽいの>○
～以下続く

<div class=内容とか>間の間隔が空かないのです。○部分はいけますが。
ちなみに　div.内容{margin : 5px}　の指定はNN、Operaでは理想的に表示されてまふ。
339 名前： こんにちは＠お腹いっぱい 投稿日： 02/05/23 14:05 ID:n9TKAlpe: インラインフレームみたいに内容がおっぱいおっぱいのときに
スクロールするのをdiv要素で

div#outline { width:650px; height:400px;　overflow:auto;} とつくって

a要素　name属性でページ内の特定の場所にジャンプするやつ作って
擬似インラインフレーム　DIVをスクロールさせたいんですけど。

<div id="outline">

<ul>
<li><a name="shit" id="shit">スカトロ</a>
<ol>
<li>うんこ</li>
<li>うんこ１</li>
<li>昨日のウンコ</li>
<li>今日のウンコ</li>
<li>..........
</ol>
</li>
</ul>

</div>

<div class="navi">
<a href="unko.html#shit">うんこへジャンプ</a>
</div>
とすると。IEだとちゃんとDIV内がスクロールされてジャンプするんですけど、
NNは反応しません。　（OperaはOverflow効いてないので無視）

NNでも反応するやり方ってありますか？
340 名前： Name_Not_Found 投稿日： 02/05/23 14:07 ID:n9TKAlpe: しまった、CSSで聞いてしまった。すいません。擦れ違い
341 名前： Name_Not_Found 投稿日： 02/05/23 15:42 ID:RDLajreE: すみません。助けてください。

NN4でリサイズするとCSSが無視されてフォントのサイズが
でかくなってしまいます。
ただし、このページはフレームを使っている場合のみで、
単独1枚の場合だとリサイズしても大丈夫なのですが。。。

リサイズの度に再読み込みをさせるスクリプトも入れたの
ですが、フレームを合体するとダメになってしまいました。
　　　　　　　　。。。このままだと、しばかれますので。
　
342 名前： Name_Not_Found 投稿日： 02/05/23 18:00 ID:kfFD5eKv: >>341
NN4は無視しなさい
それがサッポロ一番
343 名前： Name_Not_Found 投稿日： 02/05/23 18:07 ID:KBiWphxE: >>341
CSSはフォントサイズを固定するものではありません。
指定法によって固定になるIEが馬鹿なの。
344 名前： Name_Not_Found 投稿日： 02/05/23 18:52 ID:Gt243kXV: かちゅスキン作ってるのですが、
ＡＡ（ブロック要素）［黒］とレス内容（ブロック要素）［白］を
下図のようにしたくて
■□□□
　 □□□

このようにしてみたんですが、
黒 {
width:○○px;
float:left;
}

こんな感じになってしまいます。
■ □□□
　 □□□
黒の高さだけ微妙に右にズレます。

白のwidthを指定すればいいのですが、そうすると
なぜか白もfloatになってしまうらしく
JavaScriptで白要素内のoffsetTopが利用できなくなります。
テーブルは重くなるので使いたくありません。

float以外にきっちりレイアウトできる方法ありますか？
345 名前： Name_Not_Found 投稿日： 02/05/23 19:59 ID:w5U0dVEA: 初めて質問させていただきまス

ＴＡＢＬＥデザインからＣＳＳに切り換えてまだ間もない若造でス。
現在段組みで手こずっており、色んなＨＰや本を参考にさせていただきまスて
なんとか段組みに成功しまスた。
が、漏レのやり方ではブラウザよっては下に横スクロールバーが出てしまうようです。
漏レの持ってるのはIE5.5、ネスケ6.1、NN4.7、Mozillaですが
IE5.5だけ、ちまちまとブラウザの幅を変えていくとスクロールバーが
出たり消えたりするという、けったいな現象がおきてます。
CSSを別ファイル(test.css)にして

DIV{ text-align : center; }
.gazou{ width : 50%; float : left; }
#chuou{ clear : left; }

で、HTMLのソースは

<DIV class="gazou">画像左上</DIV>
<DIV class="gazou">画像右上</DIV>
<DIV ID="chuou">画像中央</DIV>
<DIV class="gazou">画像左下</DIV>
<DIV class="gazou">画像右下</DIV>

で、
┌──┐┌──┐
└──┘└──┘
　　 ┌──┐
　　 └──┘
┌──┐┌──┐
└──┘└──┘
こんなカンジに表示されるようです。
なぜIE5.5だけ下にスクロールバーが出たり消えたりするのかｻｯﾊﾟｰﾘです
どなたか解る方教えてくｄふぁさい。おねがいします。
346 名前： Name_Not_Found 投稿日： 02/05/23 20:49 ID:hY1gK4CT: >>345
表示領域が奇数ピクセルか偶数ピクセルかでバーが出ちゃうんじゃないの？
気にすることもないかと。
347 名前： 341 投稿日： 02/05/23 21:09 ID:RDLajreE: >342さん、>343さん、
ありがとうございます。
NN4だとバグがあるので、と説明しても
「お前の勉強不足だから、言い訳すんな」と言われるんですよ。
WEBぜんぜん分からない人達に。
前は、ノートブックは横から見ると真っ暗やから明るい色に
変えろまで言われました。
あ、愚痴ってすいませんでした。ごめん。
348 名前： Name_Not_Found 投稿日： 02/05/23 21:20 ID:J/DSn+Kr: >>346
Σ（￣□￣ﾂﾞｶﾞｰﾝ
そんなことだたのｶﾖ･･･
.gazou　で　width : 49% ;　にしたら回避できまスた
よく考えたらｿｳﾀﾞﾖﾈ･･･
マジありがとうございまス。精進します
349 名前： Name_Not_Found 投稿日： 02/05/23 21:21 ID:yUp3IGmb: >>347
からかわれて遊ばれてるだけじゃ・・・
350 名前： Name_Not_Found 投稿日： 02/05/24 09:28 ID:Moo2uGwp: >>347
世の中にはもっとアホな事を言ってくるﾔｼがゴマンといるから
ノートブックは横から見ると真っ暗だから云々なんて言われたら
すぐに論理立てて反論して、納得させるように
ならなきゃやっていけないぜ。
351 名前： Name_Not_Found 投稿日： 02/05/24 10:31 ID:LxIc888l: >>344
白にmargin-left指定。(そのマージン内に黒が入る)
352 名前： 344 投稿日： 02/05/25 00:18 ID:+bQOWfo2: >>351
やってみたんですがやはりズレてしまいます。
<style type="text/css"></style>
<body>
<div class="aa">∧ ∧<br>(*ﾟーﾟ)</div>
<div class="res">逝<br>っ<br>て<br>よ<br>し</div>
<div class="aa">∧ ∧<br>(,,・д・)</div>
<div class="res">オ<br>マ<br>エ<br>モ<br>ナ<br>ー</div>

float要素の横に配置された文字はmarginと関係なしにズレるようです。
解決策としては.resにwidth: 100% ;を加えるとキッチリ配置されます。
しかしそれをやってしまうと>>344に書いたとおり、JavaScriptで白要素内の
offsetTopが利用できなくなるのでできれば避けたいなと。

応用としてfloatさせずに.resのmargin-topを-60くらいにしてみたのですが、
きちんとレイアウトされる代わりにレス数が800とかになるとスクロールがガクガクに
なってしまいます。これもあまり使いたくない･･･

なにかいい方法ないですか？
353 名前： Name_Not_Found 投稿日： 02/05/25 00:40 ID:b0QIl2F0: >>344
.aa {
position:absolute;
left0;
border: 1 solid gray ;
text-align: center ;
width: 50 ;
}
/*他は同じ*/

こんなんでどうよ？　一応お望みの結果にはなると思う。
ただ、positionを使っているからJavaScriptやらスクロールガクガクやら
バージョンごとの互換性やらでさらに問題が出るかもしれんが。
354 名前： 344 投稿日： 02/05/25 00:45 ID:+bQOWfo2: >>353
！なんかよさげですね。ちょっくらその方向で作ってみます。
355 名前： 344改めしぃファン 投稿日： 02/05/25 13:07 ID:Tb1zkII/: >>351 >>353
ありがとうございました！バッチリうまくいきました！
おかげでスムーズスクロールとハイライト検索のバグが一気に解決しました。
というわけでいち早く公開します。便利だと思うので使ってみてください。
３つのhtmlをかちゅ～しゃのフォルダに入れるだけでＯＫです。

しぃスキンLight ver5.5
http://members.tripod.co.jp/katjuskin/shi_light_ver5.5_katju.zip
356 名前： Name_Not_Found 投稿日： 02/05/25 13:40 ID:LXDWHmWv: しぃスキンLight
作ってる人だったのか。
357 名前： Name_Not_Found 投稿日： 02/05/25 14:44 ID:gsy47W82: >>355
Janesyrup_test用スキンでいつもお世話になっています。
358 名前： Name_Not_Found 投稿日： 02/05/25 19:05 ID:AK3Oryzu: body{text-align : center;}
にしたら
他の属性にマージン指定しても真ん中になるのかよ！
どうなってんだよ！
359 名前： Name_Not_Found 投稿日： 02/05/25 19:06 ID:KYP/yMcm: <h1>サイト名</h1>
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./infomation.html">Infomation</a></li>
<li><a href="./bbs.html">Bbs</a></li>
</ul>
<h2>なんかの題名</h2>

li{ float : left; }

って指定すると、<h2>が<li>の横に来てしまうのですが、<h2>が float の影響をまったく受けないように
するにはどうしたらいいんでしょうか？

サイト名
Home Infomation Bbs なんかの題名

↑このように表示されてしまうのを

サイト名
Home Infomation Bbs
なんかの題名

としたいということです。UAはNN6です。
なるべくHTMLの部分を変更せずにCSSのみで実現したいのですが。
360 名前： Name_Not_Found 投稿日： 02/05/25 19:11 ID:IkPd5m+A: >>359
h2にclear:leftでどですか？
361 名前： Name_Not_Found 投稿日： 02/05/25 19:15 ID:KYP/yMcm: >>360さん
で、出来ました！感激です。というか、気付けよ…私。
ありがとうございました。
362 名前： 358 投稿日： 02/05/25 19:15 ID:AK3Oryzu: 俺には答えてくれねえのかよ！
どうなってんだよ！
つーか
真ん中にしたくないやつに
floatを指定したら真ん中に表示されなくなったよ！
どうなってんだよ！
363 名前： そのキャラさむい 投稿日： 02/05/25 19:26 ID:dvZc7gEL: 　
364 名前： 358 投稿日： 02/05/25 19:27 ID:AK3Oryzu: うるせえよ！
365 名前：投稿日： 02/05/25 19:31 ID:ejlCovJB: >364
OSもブラウザもバージョンもソースもないのに答えろと言うほうがむちゃですが．
366 名前： 358 投稿日： 02/05/25 19:35 ID:AK3Oryzu: そ、そりゃそうですよね、あははは
367 名前： Name_Not_Found 投稿日： 02/05/25 20:15 ID:mpsYxtaT: >>359
とりあえず Infomation はアップロード前に直しておくことを進言いたします。
368 名前： 358 投稿日： 02/05/25 20:19 ID:AK3Oryzu: わははー
ホントだホントだー！
よく見りゃ>>359の奴infomationって書いてやんのー！（笑
え？それはお知らせって言いたいのかな？（笑
英語ペラペーラのミーにはなにがなんだかさっぱりわっかりましぇーん！（笑
369 名前： Name_Not_Found 投稿日： 02/05/25 20:24 ID:CRwzMzwC: ネスケ7、…どうよ？
なんかmarginがあちこちおかしいんだが…？
370 名前： Name_Not_Found 投稿日： 02/05/25 20:30 ID:pa2PqCkF: 知らん。
371 名前： Name_Not_Found 投稿日： 02/05/25 20:37 ID:YXvHMcxL: webサイト制作初心者スレから誘導されてきました。

「タグ<FONT>はHTML4.0以降非推奨だから使うなｺﾞﾙｧ(ﾟДﾟ)!!
と文法ﾁｪｯｶｰに言われます。どのように文字の装飾をすれば良いのですか？」

と質問したのですが、CSSを使いなさいと言われました。
で、私がやりたいのは見出し<H4>や段落<DIV><P>毎の装飾ではなく、
文中の特定の文字のみに装飾を施したいのですがどのように指定すれば良いのでしょうか？

例えば↑の文章で言えば【見出し】と【段落】という言葉を青字にして、
他はデフォルトにしたいといった感じです。

こんな説明で分かるでしょうか？
372 名前： Name_Not_Found 投稿日： 02/05/25 20:47 ID:pa2PqCkF: >>371
span
373 名前： Name_N