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

CSSに関する質問はこちらへどうぞ。 ※　議論はよそで　※

■■■■■　質問のしかた　■■■■■

●基礎は解説サイト（→【解説など】>>3-4）で勉強してください。
●質問の前に【FAQ】（>>5-9）を参照して、既出の再掲を避けて下さい。
●【FAQ】でもわからなかった場合、過去ログを検索すると載ってるかも。
　WinIEの場合は、[Ctrl+F]で検索できます。
●ブラウザによって対応していないプロパティーやバグがありますので、
　解説サイト（→【関連リンク】）の対応表や「CSSバグリスト」に目を通しておきませう。
●土台のHTMLが間違ってるとCSS指定も意図通りに効きません。
　正当(valid)なHTMLを心がけて下さい。validator（>>2）でチェックできます。

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

●OSやブラウザの種類とヴァージョンについては必ず明記してください。
　特にNetscapeは、ver.4までと6以降でまったく別物です。
●「環境を書け」とか「ソースは？」と求められたら応じませう。
　その方が回答が早く得られます。質問は具体的に。

【まとめサイト】　http://web2ch.s31.xrea.com/?CSS
【FAQ】　http://web2ch.s31.xrea.com/?CSSFAQ
【過去ログ】　http://web2ch.s31.xrea.com/?CSSLog
【関連リンク】　http://web2ch.s31.xrea.com/?CSSRelated
【前スレッド】　http://pc8.2ch.net/test/read.cgi/hp/1121926305/l50

関聯リンクは>>2-10
【関連スレ】【仕様書】【CSS検証】>>2
【解説など】>>3-4
【FAQ】>>5-9

【関聯スレッド】
CSS/DHTMLバグ辞典スレッド 第４版
　http://pc8.2ch.net/test/read.cgi/hp/1078463560/l50
代替スタイルシートに萌え〜
　http://pc8.2ch.net/test/read.cgi/hp/991400015/l50
独自拡張、草案段階のCSSについて語れ
　http://pc8.2ch.net/test/read.cgi/hp/1019912046/l50
* CSS[適用="2ch"]{ イケてるスタイルを："作れ"}
　http://pc8.2ch.net/test/read.cgi/hp/1038678267/l50
CSSでイケてるデザインサイト 26
http://pc8.2ch.net/test/read.cgi/hp/1120837682/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.it.okayama-u.ac.jp/man/rec-css1/rec-css1.html
CSS2の仕様書の邦訳（日本規格協会訳／個人訳）
　http://www.y-adagio.com/public/standards/tr_css2/toc.html
　http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/cover.html

【CSS検証】
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/
・ばけらの 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
・K@tsukun's PAGE! > 付録：CSS対応状況表
　http://hp.vector.co.jp/authors/VA022006/css/corrbrwser.html
・CSS Laboratory対応表・一覧
　http://is.vis.ne.jp/charts/index.xhtml
・ブラウザのHTML4/CSS対応度テスト
　http://homepage1.nifty.com/emk/moz/browsertest.html
・CSSバグリスト＠CSSバグ辞典スレッド
　http://cssbug.at.infoseek.co.jp/index.html

【解説など】
・Web標準化Tips（特に「HTML/CSSのよくある誤解・ミス」）
　http://www.mozilla.gr.jp/standards/webtips/index.html
・ブラウザによる振り分け（JavaScriptを使用しない方法）
　http://east.portland.ne.jp/~sigekazu/css/boxm.htm#ua
・Web Site 作成支援 - What is CSS?
　http://www.nextindex.net/web/CSS/index.html
・Academic HTML::CSS2
　http://www.tg.rim.or.jp/~hexane/ach/
・『スタイルシートWebデザイン』ボランティアHTML化版。
　http://www.asahi-net.or.jp/~jy3k-sm/css1/2003maki/
・スタイルシート用語集
　http://www.mitsue.co.jp/case/design/c_index.html
・IE で min-width を指定する方
　http://www.lucky-bag.com/archives/2005/05/ie_minwidth.html
・CSSでイケてるデザインサイトリンク集
　http://ike.s33.xrea.com/
・（ ´∀｀）＜ CSS でイケてるデザインサイトリンク集2
　http://www.geocities.jp/cas_ike2/
・* CSS { イケてるスタイルを："作れ";} 発表所
　http://web.archive.org/web/20030415121122/http://strict.jp/~sappari/2ch/css.php

【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: tableなどブロック要素をセンタリングするには？　text-align:center;を指定しても Netscape6(or7)ではなりません。IEでは中央寄せになるのに……
A2: IEの実装の誤りです。詳しくは下記（特に5.）をご覧ください。
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.Tableのセンタリング
　http://members.jcom.home.ne.jp/jintrick/Personal/css_miss_table.html
5.ブロックレベル要素をセンタリングする方法
　http://www.mozilla.gr.jp/standards/webtips0004.html

【FAQ】
Q3: CSSで段組するには？
A3: 下記などを参照して下さい。
CSSを用いた段組の作成のコツ
　http://www.fromdfj.net/html/column.html
CSS段組レイアウトデザ委員会
　http://web.archive.org/web/20031005195659/http://www.skipup.com/~l-_-l/web/
スタイルシートでマルチカラムデザインの実現
　ttp://web.archive.org/web/20040603063133/http://shiten.s9.xrea.com/etc/stylesheet/multi_column.htm
スタイルシートでマルチカラム・デザインを実現する方法
　http://www.motchie.com/article/multicolumn.html
tableを使はない段組:CSSによるマルチカラムデザインについての考察
　http://members.jcom.home.ne.jp/pctips/www/faq/Dangumi.html
試驗場 - 段組(position版)
　http://members.jcom.home.ne.jp/pctips/www/test/positiondangumi.html
段組れいあうとてすと (floatによる段組の例)
　http://www.remus.dti.ne.jp/~a-satomi/nikki/tmp/dangumi.html
なかよしぱれっと（Netscape4でも崩れない段組みの実例）
　ttp://web.archive.org/web/20041001014138/http://homepage3.nifty.com/fores/
リストを用いたレイアウト
　http://css.maxdesign.com.au/index.htm

７

【FAQ】
Q5: CSSで擬似フレームってどうやるの？
A5: 次のページを参考にして下さい。
overflow プロパティは擬似フレームも作成できる
　http://web.archive.org/web/20040221221340/http://kobit.info/tips/overflow.html
　http://web.archive.org/web/20040215182735/http://kobit.info/files/frame.html
overflowを用いた擬似フレーム
　http://www.fromdfj.net/html/overflow.html
レイアウトサンプル 擬似フレーム
　http://www.rju666.com/web/layout/imitate_frames.html

Q6:画面中央に配置するにはどうすれば？
A6:左右（水平方向）のセンタリングはA2に既出。垂直には色々な方法があります。
　「スタイルシート 縦中央(垂直中央)」参照のこと。
　http://chaichan.hp.infoseek.co.jp/qa3500/qa3558.htm
vertical-alignはテキストのみが対象だからブロックレベル要素を配置できません。

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

Q8.dt・ddを横並びにしたいのですが。（会話文など）
A8.floatとmargin-leftの応用で。下記サイトを参照のこと。
「<dl> の整形」
　http://www.remus.dti.ne.jp/~a-satomi/nikki/2001/12b.html#d18n03

Q9.リンクした画像の線が消えません。
A9.img要素ではなくa要素をセレクタにしてborder指定してませんか？　
a:link img, a:visited img, a:hover img {border:none;}
NN4は http://cssbug.at.infoseek.co.jp/detail/nn4x/b022.html 参照。
text-decorationの場合、親要素に設定された下線を子要素で解除できないのが正しい仕様です。
cf. http://cssbug.at.infoseek.co.jp/detail/winie/b040.html

【FAQ】

Q4: なんかフロートの表示が崩れるみたいなんですけど？
A4: まずclear忘れがないかをを確認してください。
floatさせる要素にはwidth指定が必須（img要素以外）。抜かすとMacIEやOperaでの表示は保証できません。WinIEは勝手に補ってくれるだけです。
　http://www.remus.dti.ne.jp/~a-satomi/nikki/tmp/floattest/float_not-specified-width.html
またfloat:left;で回り込むのはテキスト（imgを含む）だけです。ブロック自体を横並びにするには、後続要素にも“float:left;”なり“margin-left:（浮動要素のwidth）;”なりを指定する必要があります。WinIEの間違った実装で誤解が多いので注意。
　http://cssbug.at.infoseek.co.jp/detail/winie/b054.html
これに当て嵌まらなかったら「浮動要素の高さもheightに含めさせる方法」などを参考に。
　http://www.mozilla.gr.jp/standards/webtips0021.html#c1_2
　http://cssbug.at.infoseek.co.jp/detail/winie/b079.html
　http://cssbug.at.infoseek.co.jp/detail/winie/b053.html

【FAQ】
Q10: リンクを新しいウィンドウで開かせるにはどうしたら？
A10: ＣＳＳではできません。target属性かJavaScript?でやって下さい。別窓が開くと迷惑に感じる人もありますからなるべくしない、がＷ３Ｃの方針です。

Q11. height:100%;としても高さが100%になりません。
A11. heightを%単位で指定するためには親要素の高さを明示的に指定する必要があります。下記サイトを参照のこと。
「height: n%;の正しい仕様」
　http://www.mozilla.gr.jp/standards/webtips/webtips0032.html

Q12: いままでＨＴＭＬでやってた××をＣＳＳでやるにはどうすればいい？
A12: 下記をご覧あれ。テーブル・レイアウトは段組のＦＡＱ（A3）を見なさい。
「いままでの 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
HTML でのレイアウト指定の、 CSS での指定との対応表
　http://deztec.sakura.ne.jp/x/01/tips/page/p0037.html

【参考】
　IEの position:absolute; のバグを利用した擬似フレーム

----------------------------------------------------------------

＊IEの position:absolute; のバグを利用した擬似フレーム

１．標準モードにする
２．body {height:100%; overflow:auto;}
３．fixしたいブロックを position: absolute; で指定

以下に示すようなハックを用いることにより、全ブラウザへの対応も可。

/* 全ブラウザに適用 */
#menu {position:fixed; display:block; top:100px; left:10px; width:130px; height:200px;}

/* IE6 のみ読み込む */
* html #menu {position:absolute; display:block; top:100px; left:10px; width:130px; height:200px;}

《実現例》
CSS frame emulation
http://www.stunicholls.myby.co.uk/menu/background2.html

【参考】
＊IEの position:absolute; のバグを利用した擬似フレーム
１．標準モードにする
２．body {height:100%; overflow:auto;}
３．fixしたいブロックを position: absolute; で指定

以下に示すようなハックを用いることにより、全ブラウザへの対応も可。

/* 全ブラウザに適用 */
#menu {position:fixed; display:block; top:100px; left:10px; width:130px; height:200px;}
/* IE6 のみ読み込む */
* html #menu {position:absolute; display:block; top:100px; left:10px; width:130px; height:200px;}

《実現例》
CSS frame emulation
http://www.stunicholls.myby.co.uk/menu/background2.html

アンダーバー・ハックの方がいいか？
http://cssbug.at.infoseek.co.jp/detail/winie/b157.html

■(X)HTML検証
http://openlab.ring.gr.jp/k16/htmllint/htmllinte.html
http://validator.w3.org/
http://www.htmlhelp.com/tools/validator/
http://so.7walker.net/guide.php
http://web-sniffer.net/

■XML検証
http://www.stg.brown.edu/service/xmlvalid/
http://www.w3.org/RDF/

■CSS検証
http://jigsaw.w3.org/css-validator/
http://www.htmlhelp.com/tools/csscheck/

■Linkチェック
http://validator.w3.org/checklink/
http://www.htmlhelp.com/tools/valet/

■検索エンジンロボットシミュレーター
http://robot-simulator.seo-tool.jp/

■ページの重さ検証
http://www.aubs.net/tools/link_s_04.htm
http://www.kaipara.net/cgi-bin/size_check.cgi

■ページをキャプチャ
http://webscan.jp/

■サイトのキャッシュ
http://www.archive.org/web/web.php

>1
乙カレー

素人ウェブ制作者です。ここのCSS段組関連のURL、ありがたいです。
ちなみに僕が見たCSS段組の資料はAll About Japanの、西村氏担当、
「スタイルシート(CSS)で段組を構成する」
http://allabout.co.jp/computer/hpcreate/closeup/CU20050228A/index.htm?NLV=NL000258-154
というやつでした。

早速で申し訳ありませんがttp://hl.fpsjp.org/のようなレイアウトをCSSで表現する場合、どのような形になりますか？
画像の位置を指定してその下にテーブルテーブルテーブル.....という方法をとっていたのですがどうも納得いきません。
サンプルコードのようなものを書いて頂けませんでしょうか？よろしくお願いいたします。

>>17
おまえ、前スレでも同じこと書いてたな。
ソース見て研究しろ。
ソースが一番の情報源だ。

というか、サンプルコードも何も、全部あるじゃないか。

>>1乙

うはｗｗｗスレのタイトル px ってｗｗｗ
僕が前スレでつけたんだよｗｗｗ
くだらないって言われたんだけどねｗｗｗ
しかし継承してくれたんだねｗｗｗ
どうも心の底からありがとうｗｗｗ

ｗｗｗ って馬鹿そうに見えるよな？

WorldWideWebの何がバカだ。

>>18
いえ、あのレスみて｢こういうレイアウトいいなぁ｣と思ったんです。
ソースを全部コピーしてメモ帳に貼り付けてhtmlファイルとして保存した後、
ホームページビルダー等で開くと元のとおりにならないのですがCSSってそういうものなのでしょうか？

うはWorldWideWeb　スレのタイトル px ってWorldWideWeb ってか？

>>23
ホームページビルダーなんてつかわないで、エディタ使え。
あと、HTMLだけでなくCSSも保存汁

>>25
あぁCSSは別の場所に保存してるのかorz
一応高い金だしてビルダー買ったのですが無駄な機能が多すぎる･･･。
やっぱりフリーのエディタが一番なのかな。
とりあえず感謝です。

>>25
こういう押しつけ厨に限ってXHTML/CSS覚えたてだったりするんだよ。

好きにさせればいいじゃん、興味も好奇心もないやつは勉強する気もない。

オーサリングソフト使わせておけばいいじゃん。

うはー夢がおーさりんぐ。

>>27
だって、あのサイトの作成者がビルダー使ってるとは限らないだろ？
だったら、それを参照するにはエディタを使うのが一番。
まあ、おれは古いビルダーしか使ったこと無いから、
エディタよりCSSとか分かりやすく見せてくれるってならそっち使った方が良い。

別にそんなにオーサリングツールを敵対視しなくていいだろうに。

大丈夫。敵対視してないから。誤解を受ける文だったかもしれないが。

>ホームページビルダー等で開くと元のとおりにならないのですが
という文があったから、ソース見るだけならエディタ使った方が良いと言っただけ。

↓↓↓質問スレなんだから質問をどうぞ↓↓↓

とりあえず>>25は半年ROM

>>23
えーと……ツール云々より先に、
テンプレ見てCSSの書き方の基礎の基礎を勉強したほうがいいと思う、よ…。

>>32
格好良いサイト作るにはそれなりに努力が必要みたいですね・・・。
C言語と同時進行で学びたいと思います。
挫折しませんように。

また随分凄い並行だな

なんでよりによってCと同時進行なんだか理解不能

なんか目標が高くもちすぎなんじゃないか？

そんな勉強の仕方じゃろくに覚えれやしないよ

きっとすぐに挫折するさ、そして市ね

よりによってってほどか？

>>35
やっぱりオレって死んだ方がいいのか･･･。
どうせ生きてたってエネルギー無駄にするだけだしな。
オレは所謂社会のゴミなんだなぁ。

>>33
この子HTML言語はまともに書けるの？保護者の方。

俺の学校はCとhtml同時だったな。他の科だけど。
独学の方がレベル高いよﾏﾏﾝ

もはやこれまでか・・・
その瞬間、あ


省略されました、［続きを読む］これをクリックしてみてください

>>40
[続きを読む]←ポチッ

ナボナはお菓子のホームラン王です。

オレの友達がHTML知らないのにCSSをマスターすると宣言しました。

>>40-42
ワロタ。

>>43
まあ、そいつ次第でなんとでもなるだろ。

なる…か？

えぇｗ
ならんだろう。

子供セレクタ( p > strong { color:red; }　など)はIEでは反映されませんが
これは仕様ですか？

新しい用語が生まれましたな

すまん、誤爆。

>>49
子供セレクタは、リファレンスにあるんですけど解釈間違ってますかね？

IE7 に期待上げ

フレームページで、別フレームのcssを切り替えることはできますか？
ページ内での切り替えは
ttp://www.din.or.jp/~hagi3/JavaScript/JSTips/Std/csschg.htm
で学んだのですが…

別フレームが同じドメインだったらできる

本当ですか？！よろしければご指導or誘導いただけないでしょうか？

>>55
JavaScript

ありがとうございました

>>56
どこかサンプルを公開している所か何か教えていただけないでしょうか？
わがまま言ってすみません…検索してもなかなかひっかからないので。

>>58
element.parentNode.replaceChild
ここをフレーム名にしてやればOKのような気がする。

↑ごめん、うそついた。間違い。

>>58
http://pc8.2ch.net/test/read.cgi/hp/1129074823/

>>58
もしくは
http://pc8.2ch.net/test/read.cgi/hp/1099993040/

僕に嘘をつきましたね。。。
僕に嘘をついた者は皆下を抜かれる運命なんですよ！

なにっ！チンコ抜かれるのかっ！

ひいいぃぃぃぃぃごめんなさいごめんなさい

舌です舌！

63と66は私じゃないです。

>>59-60
いえいえ。

>>61,62
ありがとうございます、行って来ます！

>>67
偽物の方が面白かったよ・・・

せっかくボケたのに2レスで終了か…

CSSだけに

くだらん　すっこんでろ　酢野郎が

なんつって（ﾌﾟﾌﾟﾌﾟ

両方とも寒い。

すやろう、って語呂悪い。

そう？おもしろかったと思うけどなぁ・・・>>70才能あるんじゃね？


by 70

酢野郎・・・なんだかそのうち映画化されそうな希ガス

質問です。
スタイルシートで背景画像を指定した場合、
media属性にprintを指定していても
実際プリントすると背景画像が拡大されることがあります。
（macネスケ7やwin ie6などで。mac ie5だと平気だったり）
特にFIRで画像に置き換えたボタンや
背景画像の指定がleft top以外でno-repeat等の場合などです。

web上のレイアウト（特に背景画像なんて…）を
正確にプリントすること自体がﾅﾝｾﾝｽなことは理解していますが、
もし解決策があるなら教えて頂けるとありがたいのですが。

>>70
肌寒くなった

前スレで↓の旧ブラウザ教えてもらった者ですが
http://www.quirksmode.org/browsers/multipleie.html
5.0を使ったのですが、IE6.0でズレないページ（旧ブラウザ対策無し）
が、この5.0でもズレません
これではwidghtズレ調べられないのですが、何か設定等が悪いのでしょうか

>>77
設定もクソもないよ。
そのエミュで駄目なんだったら、別のMSのDLも教えて貰ってただろ、
そっちでやってみれば？

>>77
前スレの>>947だよな？
947 名前：Name_Not_Found[] 投稿日：2005/10/12(水) 13:26:12 ID:llEQLKWw
IE5.x表示対策やりたいのですが
マイクロソフトではIE5.xサービス停止とか出てて・・・今手に入れる方法ってありますか？
やりたいのは旧ブラウザの対策なので、そういった見え方を調べられるソフトがあればそれでもいいのですが
よろしくお願いします！


IE6 のレンダリングが後方互換モードだったというオチが目に浮かぶぞ

わからんちん　かな？

ん？もしかして>>77って
XHTMLの宣言するとIE6でもIE5と同様のモードで
とかボケたこと言ってた香具師か？

>>79
すみません、調べてみましたがよく意味が・・・
Gechoというのが問題なのでしょうか？どうすればいいのでしょうか・・・

おまえID出せよ

「widghtズレ」ってのがなんだかさっぱり分からんな

>>85
テンプレやググルを使って、互換モードと標準モードを基礎から勉強。

>>85
まあがんばれ、いちいち報告しなくてもいいぞ

>>85
オマイは書かなくて良いから・・・

バカでゴメンナサイorz

この酢野郎め！！

leftとrightの高さを揃えるには、どうしたらいいでしょうか？
仮にleftが複数行になっても、rightの高さは一行のままです。

<div id="left">
left
</div>
<div id="right">
right
</div>

#left{
float: left;
width: 50%;
background-color: black;
}
#right{
float: left;
width: 50%;
background-color: red;
}

display:block

>>91
ありがとうございます。
指定してみましたが変わりませんでした。

わかりにくかったので補足します
・height指定をせずに
・おなじ高さのボックス領域を背景色でぬりつぶしたい
です。

よろしくお願いします。

もう一回りDIVとかで囲むか、高さを指定しなきゃむりぽなんでないか？

>>93
もう一回り囲むとは、外のdivに背景色を指定するということでしょうか？

>>94
親のdivに背景画像をrepeat-yでは？
------------------------------------
ところで>>75の質問が華麗にｽﾙｰされてますが
どなたかご存知ないですか？

>>94
あ、あるいは
親divに高さの足りない方の子divに指定したい背景色。
高さの足りてる方の子div自身にその背景色。
のほうが良いかも

>>92
スタイルシート(CSS)で段組を構成する4(前編)
段の背景色が切れないようにする
http://allabout.co.jp/computer/hpcreate/closeup/CU20050328A/index2.htm

無事解決しました。
皆さま、どうもありがとうございました。

>>95
申し訳ないがそういう現象自体を見たことないので・・・

酢野郎は市ね。

酢野郎って何？

昔の言葉じゃね？

70 Name_Not_Found sage 2005/10/13(木) 23:10:33 ID:???
CSSだけに

くだらん　すっこんでろ　酢野郎が

なんつって（ﾌﾟﾌﾟﾌﾟ

だからその酢野郎ってどこから出てきたんだよという話では。
単なる語呂合わせだったらアホだな。

http://66.102.7.104/search?q=cache:dVkP07b2TlMJ:luciola.egoism.jp/misc/20030807.html+%E9%85%A2%E9%87%8E%E9%83%8E&hl=ja&lr=lang_ja&client=firefox-a
http://66.102.7.104/search?q=cache:gwOPB9DqeTsJ:yokai-tp.com/ushitora/vote1.html+%E9%85%A2%E9%87%8E%E9%83%8E&hl=ja&lr=lang_ja&client=firefox-a

ググってみたが、どうやら酢野郎の前には何かくっついてくるらしい。


ところでなにこのスレ・・・・・・。

ここは「/* CSS・スタイルシート質問スレッド【48px】 */」ですよ♪

>>106
だから「px」は止せとあれほど言ったのに。>>1

ageてまで何言ってやがる、自分で立てもしないくせに。

文字のpx指定やめろって一々ほざくやつってIE厨だけだよね。

IEじゃなくても、文字固定で絶対配置モードで作られたりしてるともうorz

パンフレットだと思えばOK

>>111
違うだろ。
絶対配置モードで字を見やすい大きさに変えると被って見られない。
＆元の大きさでも字が小さすぎて見られない。
↓
パンフどころか何も見るところがない('A`)

>>112
スクリーンショット撮って拡大するのだ！

………ん？

文字固定はするなと言うことでFA。

俺は文字固定するぜ。
IE信者が苛立つ姿を想像すると気分が爽快だ。

このサイトの
「メニューにマウスを置くと一覧が出る」
作りはどうやるんですか？
http://www2.ocn.ne.jp/~evant/index1.html

ところで・・
まともに質問してもいいんですよね？

JSだね。　よってそちらのスレへどうぞ

ありがとう。
スレ違いってやつですね・・・。
そちらに逝ってきます

ミﾟДﾟ,,彡ふさふさだぞｺﾞﾙｧ!

>>112
だから小学生の書いたパンフレットだと思えば。

115は小学生ということでFA

IEは改行禁止にしても全角文字のところで改行されるのなんとかならんのかな

FAってどういう意味？

「ファイナルアンサー?」の略。

疑問形なのか。

XHTMLで<li>をインラインやfloat:leftで回り込ませて、横並びにする
ナビゲーションを作成しています。

■あああ　■いいい　■ううう

■はアイコンとします。

Firefoxでは■のアイコン画像が表示されるのですが、IE6.0だと表示されません。
これはIEのバグでしょうか？IE6.0でliに画像リストを表示させるのは無理なのでしょうか？

>>126
ol（ul）に直接floatをしないで
divで囲んでそのdivをfloatさせてみて。

>>126
list-style-position:inside
でやってみれ。

ちょっと違うが一応。
http://www.mozilla.gr.jp/standards/webtips/webtips0034.html

ttp://members.at.infoseek.co.jp/cssbug/detail/winie/b106.html
ということかと思った

>126
ということで どれでもないならソース出してください

>>127-129
どれも違う気がします・・。ソースは下記です。

#ul{
margin: 0px;
padding: 0px;
}
#li{
font-size: 12px;
margin-right: 5px;
list-style-position: inside;
list-style-image: url(../img/red.gif);
float: left;
}

#liが違うのではー('A`)

理由は分からんので、画像をリピートしないで背景画像にするという回避策が浮かんだ

>130
129 が正解に見えるけど。

おれも132に賛同。諦めて display:block しちゃえ。
ところで、floatするなら幅は明示しろって最近言わないのか？

フレームのデザインを、そのままCSSで再現させようとしているのですが、
フレームのように中央を固定サイズにして左右を可変にする･･･なんてことは、
CSSではどうやっても無理なのでしょうか？

阿呆な質問であることは承知しておりますが、どなたかご教示下さい

>>134
真ん中ブロックは幅固定。
両サイドブロックは回り込み。

>>134
ごめん間違えた。
まず左の固定幅ブロックに回り込む大きな可変幅ブロックを作って、
そのなかで右の固定幅ブロックに回り込む可変幅真ん中ブロックを作る。

おおできるんですね！･･･でも記述がよく分かりませんorz
＞左の固定幅ブロックに回り込む大きな可変幅ブロックを作って
左の固定幅ブロックに回り込むということは、大きな可変ブロックを
右に回り込みさせるのでしょうか？(float:left？)

質問なんですが、

今、画像を使わずにcssだけでメニューを作っています。
字は白抜きで、a:hoverでbackgroundの色を変えて、オーバーロール効果を狙ってます。

で、それをbody上で、

lメニュー1 l　メニュー2 lメニュー3 lメニュー4 lメニュー5 l

と、画面いっぱいに広げることはできるのですが、

body内のブロックの中では、画面いっぱいに広げることができません。

bodyの時は、position:absolute　で絶対位置を固定すると上手くできたのですが、

body内のブロックでは、ブロック自体が固定ではなく、中央表示なので、絶対位置を固定することもできません。

かといって相対位置にすると、テキストの周りに背景が表示されるだけで、

画面いっぱいに広げることができなくなります。

どなたか、お助けを・・・。

>>130
liにfloatではリストマークは回避不可って出てたと思う。
display:inlineでfloatではなく並べてみて。

>>138
オーバーロールじゃなくロールオーバーな。
％割してfloatじゃダメなのか？

>>130

>>131の件について。

>>141
さすがに書き間違いだろとオモータyp

IE 6.0なんですが、styleseetの記述のせいで[Alt]+[tab]とかで再前面にもってこれなくなることってありますか

>>143
そうなったのか？

>>136
お前さんは何か勘違いしていないか？
左右ブロック固定、中央ブロック可変というのは>>134の要望とまるっきり反対だぜ

>>144
うん、自分でスタイルシートいじくってるサイトを表示してるieだけ、
一度裏に回ったら表にもってこれない。

>>146
どこをどうやればそういうサイトができるんだか非常にソースキボンヌ。

うーん、単なるリソース不足なのかもしれないので、ちょっと様子見てみます…。
position: absolute;やposition: relative ;で位置を入れ替えまくってるので、リソース食いまくってるのかも。

>>145
やっぱりそうだったのですかorz（というか気付くのが遅すぎました）
どうやって解釈しても、>>136の記述だと中央幅可変になってしまっていたので
自分が間違ってるのかと延々格闘してました･･･

floatもposition:absolute;も左側の幅指定をしないと駄目ということは、
やはり再現は無理なんでしょうか･･･？もう駄目もとでお願いします

>>149
つかフレームでどうやって指定してるの？
frameset cols="*,200,*
みたいな感じ？

>>150
そうです。中央だけ幅を指定しています。
フレームのように、ウィンドウサイズを変更した時に中央部分を
中央に置いたまま、左右の部分が平均的に縮まる様にしたいんです。

>>151
非常に限定された条件になっちまうが・・・
・左右ブロックはとある一定幅を超えると中央ブロックに重なって見えなくなるから短く。
・右ブロックは↑プラスたぶん右揃えじゃないと見えもしない。
という見難く情けない状態しか思い付かんかった・・・頭いい香具師あとたのむorz

* *{margin:0px;padding:0px;box-sizing:border-box;-moz-box-sizing: border-box;}
.left{background:red;width:50%;float:left;}
.center{background:yellow;width:500px;position:absolute;top:0;left:50%;margin-left:-250px;}
.right{background:blue;width:50%;float:left;text-align:right;}

<div class="left">ひだりひだりひだりひだりひだりひだりひだりひだりひだりひだりひだりひだりひだりひだりひだりひだりひだりひだりひだり</div>
<div class="center">中央中央中央中央中央中央中央中央中央中央中央中央中央中央中央中央中央中央中央中央中央中央中央中央中央中央中央中央中央</div>
<div class="right">みぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎ</div>

>>152
レスありがとうございます。なかなか条件がシビアですね（；´Д｀）
あとは微妙にウィンドウのサイズが固定されてしまうような気が･･･
いやでも思いつくだけ凄いです。もう自分は何が何だか･･･orz

>>134 >>151
CSSだと固定+可変のリキッドでクロスブラウザ化は現状で非常に困難。
どうしてもってならCSS振り分けかCSSハックが不可避。

簡単なのはやっぱりハイブリッドデザイン。
捨ててもいいブラウザが多ければ簡単かもしれんが。

>>153
素直に％で割ろう…。

>>134
思いつき。

真ん中{
width: 適宜;
position: absolute;
top: 適宜;
left: 50%;
margin-left: -widthの半分
}
左wrap{
width: 50%;
float: left;
}
左{
margin-right: 真ん中のwidthの半分;
}
右wrap{
width: 50%;
float: left; /* IE対策 */
}
右{
margin-left: 真ん中のwidthの半分;
}

>>156のhtml

<真ん中>真ん中の中身</真ん中>
<左wrap>
<左>左の中身</左>
</左wrap>
<右wrap>
<右>右の中身</右>
</右wrap>

脳内ブラウザでのみ確認。

脳ブラ。。。。
ノーブラ(;´Д｀)ﾊｧﾊｧ

FF と Safari は動いた。
IEは合計100%だと駄目みたい。

ああそうか、50%をコンテナにしちゃえばマージン取れる罠。
ていうか
.left{background:red;width:50%;float:left;padding-right:250px;}
.center{background:yellow;width:500px;position:absolute;top:0;left:50%;margin-left:-250px;}
.right{background:blue;width:50%;float:right;padding-left:250px;}
でよかったねゴメンorz

>>160
それだと左右の合計が100%＋500pxになるんじゃまいか？

>>161
centerはposition:absoluteだから合計値には入れられまい。

あ、rightがfloat:leftになってら・・・まあいいか。

>>161
ん？
片方の幅が50%+padding250px でそ？
あ、ひょっとして互換モードのはなし？

・・・ん？
box-sizing:border-box;-moz-box-sizing: border-box;
俺、これの解釈間違ってる？
margin+border+paddingがwidthになるよな？

ロープを探してきます…

160で省略しててスマソ・・・

その構成って、中央のブロックの下端の算出できるのか？


全体図が把握できてないんだが一度まとめたソース晒してくれないか。

>>168
> 中央のブロックの下端の算出

必要け？

>>168
高さの算出のこと？してない、だから背景色つけるとアレになる。
FFでのみ確認だからIEは多分崩れるけど。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html401/strict.dtd">
<html lang="ja">
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<head>
<title></title>
<style type="text/css">
<!--
* *{margin:0px;padding:0px;border:none;box-sizing:border-box;-moz-box-sizing:border-box;}
.left{background:red;width:50%;float:left;padding-right:250px;}
.center{background:yellow;width:500px;position:absolute;top:0;left:50%;margin-left:-250px;}
.right{background:blue;width:50%;float:right;padding-left:250px;}
-->
</style>
</head>
<body>
<div class="left">ひだりひだりひだりひだりひだりひだりひだりひだりひだりひだりひだりひだりひだりひだりひだりひだりひだりひだりひだり</div>
<div class="center">中央中央中央中央中央中央中央中央中央中央中央中央中央中央中央中央中央中央中央中央中央中央中央中央中央中央中央中央中央</div>
<div class="right">みぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎみぎ</div>
</body>
</html>

・・・ゴメン、<head>の位置は直してやってくださいorz

Firefoxてレッサーパンダのことらしいね。

へー、そーなんだー。

position:absolute;で位置固定するが、Firefoxでは意図した通りに固定してくれるが、
IE6SP2だと、右よりになってしまう。
どうすればよいのでしょうか?

>>174
* *{margin:0;padding:0;}
入れてもなるか？

*{margin:0;padding:0;}を入れてましたが、* *{margin:0;padding:0;}を入れてもやっぱりダメでした。

症状は変わらずです。
Firefox
lメニュー1 l　メニュー2 lメニュー3 lメニュー4 lメニュー5 l
IE6SP2
　　　　　　　　　　　　lメニュー1 l　メニュー2 lメニュー3 lメニュー4 lメニュー5 l
こんな感じで、IE6SP2だと、右よりになってしまう。

一応ソースはこんな感じです。
css↓
#container{width:800px;margin:0px;}
div#navi{position:absolute;top:90px;width:800px;text-align:center;}
#navi a{width:100px;height:20px;}
#navi a#menu1{position:absolute;left:0px;}
#navi a#menu2{position:absolute;left:100px;}
#navi a#menu3{position:absolute;left:200px;}
(省略)
#navi a#menu8{position:absolute;left:700px;}
.bgcolor{background-color:#FF9966}

↓html
<div id="container">
<div id="navi">
<a href="top.html" id="menu1" class="bgcolor">あ</a>
<a href="top.html" id="menu2" class="bgcolor">い</a>
(省略)
<a href="top.html" id="menu8" class="bgcolor">く</a>
</div></div>

>>176
ならないぞ？
DOCTYPE間違ってるとかないか？

あー、いや、DOCTYPE間違っても別にならないな。
何か別のところでコンクリフト起こしてると思う。

WunIE6の標準モードで、box-sizingをborder-boxにすることは可能ですか？

解決しました!

-------------------------
メニューバー
-------------------------
l l l l
l l l l
l l l l
l l l l
-------------------------
フッター
-------------------------

ナビとフッターの中にコンテンツブロックを三つ入れていたのですが、
この三つをdivでまとめて、大きなブロックを作ってみると、
それだけでナビの表示がIE6SP2でも正常に表示されました。

原因は未だ分かりませんが、とりあえず解決しました。

>>170
thx.

にしてもハイブリッドで一発だよなorz
可変:固定:可変は難しいな。
考えても結局position使う破目になる。

Gyaoという無料の動画配信サービスを観るときに、CM時の音量調整や右クリックで
全画面表示を可能にするスタイルシートが紹介されていましす。大画面（高ビットレー
ト）だと負荷がスゴイので、低ビットレートで鑑賞したいのですが、その場合は小画面
でしか鑑賞できません。

そのスタイルシートとは>>183の「CM時の音量調整」と>>184の「再生画面で右クリッ
クを有効にする」なのですが、私は低ビットレート（小画面）で右クリックを有効にして、
全画面表示で鑑賞したいのです。

しかし>>184のみでは上手く動作せず、>>183も記述してやらないと希望の動作をしま
せん。CMの音量調整は不要なので、右クリックのみ有効にする記述で、削る部分が
分かる方がいらっしゃれば御教示ください。

●Gyao
http://www.gyao.jp/

object { behavior:expression(
function(element){
runtimeStyle.behavior = "none";

switch(element.classid.toUpperCase()) {
case "CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6" : //Windows Media Player
element.enableContextMenu=true;

if(window.location.toString().match("^http://www.gyao.jp")) {
var isAdBefore=false, volume = 100, cmvolume = 10;
element.attachEvent("OpenStateChange",function(newstate){
if(newstate==13 /*MediaOpen*/ ) {
var info = currentMedia.getItemInfo("WMS_CONTENT_DESCRIPTION_PLAYLIST_ENTRY_URL");
var keysline = info.split(":");
var keys = new Object;
for( var i = 0; i < keysline.length; i++ ) {
var key = keysline[i].split("=");
keys[key[0]] = key[1];
}
if(isAdBefore) { cmvolume = element.settings.volume } else { volume = element.settings.volume }
isAdBefore = keys["AdvId"];
element.settings.volume = ( keys["AdvId"] ) ? cmvolume : volume;
//element.settings.mute =( keys["AdvId"] ) ? true : false;
}
});
}
break;
}
}(this)
);
}

script { behavior:expression(
function(element){
runtimeStyle.behavior = "none";

if(window.location.toString().match("^http://www.gyao.jp")) {
if(element.event=="click()") {
element.event="";
}
}
}(this)
);
}

html { behavior:expression(
function(element){
if(window.location.toString().match("^http://www.gyao.jp")){
function clear(e) {
e.onkeydown=e.onkeyup=e.onkeypress=
e.ondblclick=e.ondragstart=
e.oncontextmenu=e.onselectstart=null;
}
if(window.document.body) {
clear(window);clear(window.document);clear(window.document.body);
clear(element);clear(window.document.documentElement);
runtimeStyle.behavior = "none";
}
}
}(this)
);
}

>>182-184
...ネタか？釣りか？

どこがスタイルシートやねん

楽しいな・・・

>>185
----------------ここから---------------
拡張子.cssで保存。例えばgyao.cssとでもする。

IE の インターネットオプション → 全般 → ユーザー補助 → ユーザースタイルシート
→ 自分のスタイルシートでドキュメントの書式を設定するにチェック → gyao.cssを選択する
----------------ここまで---------------
とのことで、こちらで聞けば分かるかと思ってしまいました。

スタイルシート内にスクリプトを埋め込むのはあるけど、どっちかと言うとJavaScriptスレの管轄じゃないか？

>>188
ありがとう御座います。JavaScriptスレで聞いてみます。

-----題名-------------------------
-　　　　　　　　　　　　　　　　-
-　　　　　　　　　　　　　　　　-
-　　　　　　　　　　　　　　　　-
----------------------------------

こういうcssのプロパあったような気がしたんですが、
思い出せません。
ご存知の方、教えてください。

プロパねぇ

プロパ…ガンダ？

>>190
意味がよくわからんが、
題名に続いての説明文ならdl/dt/ddだろうか。HTMLだが。
それともformのlegentの話をしている？
どっちにしろCSSじゃないような気がするぞ。

カスケードと聞くとマキバオーしか思いつきません。

以下のソースのような感じで、
背景色を指定したブロックの中に別なブロックを入れようとしています。

<DIV class="zentai">
<DIV class="nakami">
<DIV class="block1">左寄せ要素</DIV>
<DIV class="block2">右寄せ要素</DIV>
</DIV>
</DIV>

.zentai {background-color:#00ff00; text-align:center;}
.nakami {width:80%; margin-left:auto; margin-right:auto; text-align:left;}
.block1 {float:left; width:70%;}
.block2 {float:right;}

これをブラウザで見ると、
IEではzentaiで指定した背景色ですべての要素が囲まれるのに、Firefoxでは囲まれません。

FirefoxでもIEと同様の見た目にするには、どのように記述するのが正しいのでしょうか？

初心者です。誘導されましたのでどなたかお答えを・・・
　

スタイルシートでＡタグを設定したのですが、テーブルタグで背景変えていてリンクも個別に設定変えないと見えない所が多々あったのですが、具体的にどうすれば
いけますでしょうか？

今現在のスタイルシートは単純に

Ａ　〜〜〜
Ａ　hover　〜〜〜〜

で当たり前ですが、全てのリンクに対してFONT色や設定が決まっていて困っています(´･д･`) ｼｮﾎﾞｰﾝ(´･д･`) ｼｮﾎﾞｰﾝ
TAG　INDEX見てもわからんかったOrz

TAGねぇ・・・・　　ぁ〜ぁ

>>196
ソース晒してみてよ

今どうせヒマだから書き直してあげる

お言葉に甘えて…

A{
text-decoration : none;
color : white;
}
A:HOVER{
color : red;
text-decoration : underline;
　position : relative;
　top:1px; left:1px;

いや、ほんとリンク部分はやり方がわからずこれだけです。
で、リンク挿入の場所が１ページ内に色々あるんですが、背景にリンクがある所の場所に関して文字が見づらい・・と
形式はマウスが上に来ると下線を引きたいというのは統一したいので色だけ何とかならんかなと・・・

ぢゃ、色かえろｗ

A{ text-decoration : none; color : white; }
A:HOVER{ color : red; text-decoration : underline; 　position : relative; 　top:1px; left:1px; }
↓

1-背景に透過と黒(または灰色など好みで)で4pixelの格子状の画像を作って
背景画像に設定
2-背景画像をセットしてあるセルの子供にAが来るようなCSSで設定

以上

いまいち>>196さんの質問の意味が飲み込めないんだけど。（ゴックン　のみこんじゃった！）

>>201さんので解決しましたか？なんか画像作れとかめんどくさいこと言ってますが。

よかったらHTML部分と、CSS部分晒してみてね。

テーブルの背景に画像があるから、Aのリンクの色では見づらい
・・・という事だよね。
だったらテーブルの中にあるAタグに対してだけ、リンクの色を
変更すればいいってことじゃないのかな？違うのかな。

>>196さんへ

CSSはXHTMLと組み合わせて初めて最適化されます

196早く出て来い

>>199
色を変えたいセル（テーブル）に
<td class="クラス名"><a href="xxx.html">リンク</a></td>
とクラスを設定。CSSでは
.クラス名 a{好きな設定}
.クラス名 a:hover{好きな設定}
とする。

>>206
それビルダースレで回答している奴がいた
が、叩かれていたｗﾜﾛｽｗ

>>207
読んできた。

まともに回答してるのに可愛そうだｗ

質問します。ブログのcssを触っているんですが
「＠」っという文字を画像に置き換えたいのですが
background-repeat:no-repeat;
background-image: url("http://--/img/xxx.jpg");
っというものしか、思い浮かばなかったんですが、これでは
あくまで背景なので、＠の後ろに画像が表示されるだけですよね。

これを、＠が見えなくなるように、画面上、画像を上にするには
どのように書いたらいいのかを教えてください。
ちなみにリストでは使いません。
お願いします。

<table cellpadding="10">
というのをCSSに書き換えたいのですが
教えてｴﾛｲ人〜

>>290
display:none;

>>210
border-spacing:10px;

すげーロングパスだなｗ
>>210
table{padding:10px}

ｔｒ {padding:10}

>>211
ありがとうございます。

.a {
background-repeat:no-repeat;
background-image: url("http://---/img/xxx.gif");
display:none;
}
このようにしたら、文字は消えましたが
画像もでなくなってしまいました。

間違った解釈してますでしょうか？
お願いします。

212は忘れてください・・・

文字列文字列<span>＠</span>文字列文字列
<span 中身>>211は>

>>212-214
ありが�d

質問よろしいでしょうか。
大枠を作りその中に二つの枠を横に並べて入れています。

大枠を縦100％にすることは、
テンプレを見させていただいてできたのですが、
中の枠二つを縦100％にすると、
大枠からはみ出てしまいます
（たぶんpaddingを指定した分量だけはみ出ています）。

分かる方がいたらご教授お願いいたします。

なんどもありがとうございます。<a href=""><span class="a">＠</span></a>
（両サイドに文字はありません）
html上ではこうなっています。

今更、気づいたんですがごめんなさい。
背景ではなくて、ブラウザ上で画像がDLできる状態というか
その置き換えた画像に、リンクをはりたいので、背景指定以外で方法はないのでしょうか？

>>220
画像にリンク張りたかったら
<a href="xx"><img src=""></a>しかないよ・・

そうですか．．．
長い時間ありがとうございました。

htmlでやれることが全部CSSでできたら、パラドックスになっちゃうだろ

>>222
あ、ちょい待ち。
背景画像とは別に透明画像を作ってそこにリンクという手はあるが、
あまりいい方法じゃないなあ。

>>219
box-sizing:border-box;-moz-box-sizing:border-box;

すいません、自己解決しました……。
スレ汚し申し訳ありません。

>>225
何が原因だったの？

paddingを指定した分だけはみ出ていたんじゃないかとｗ

(´･д･`)ノ　よぉ、呼ばれて飛び出て出てきました。
今まで一人で頑張ってました…まじで

>>206
俺の中で神様と呼ばしていただきます。か…完璧っす。

やる気でてきだどーーーーーーーーーーー

>>228
ビルダスレでレスしたら、叩かれたからなぐさめろ。

>>229
通りすがりが慰めてやるよ

<table>だけだと、borderが表示されません。
<table border="1px">と記すと、ちゃんと表示されます。
こういうものでしょうか?
デェフォルトcssをリセットした覚えもないのですが。。。

あと、border属性をcssで置き換えは可能でしょうか?　一応調べてみたんですが。

最後にひとつ、テーブルを中央表示にしたいのですが、どうすればよいでしょうか。
横幅をマージンやパティングで、autoにしても、全然動いてくれません。
ブロックの中のブロックのテーブルだからでしょうか?

>>231
*{border:0;}とかない？

できるよ

横方向はできるとおもいますが・・・・幅ちゃんと指定してるか？
面倒ならテーブルの横にマージン

>ブロックの中のブロックのテーブル
?

>ブロックの中のブロックのテーブル
<div id="aaa">
<div id="bbb">
<table>
</table>
</div>
</div>
こういう状態のことを言ったつもりでした・・・乱暴な言い方ですいませんでした。

テーブルの中央表示は232さんの言うとおり、幅指定すればできました!!
フォントがpxではなく、相対的な大きさ指定だったので、テーブルの幅指定の必要があった、ということですか。

borderの件は未だに原因不明です。
テーブルのhtml属性のborderと、
cssのborderって同じなんでしょうか?

table{border:0;}
こういうふうに記述すると、(テーブルを単に線で囲っただけになります)

とりあえず今のところは<table border="1px">でその場を凌ぎます。

ありがとうございました。

>>234
確か枠線を表示させる方法として、NN下のほうｗでも
きちんと表示させるには、

<table border="0" cellpadding="1" cellspacing="0" summary="外側のテーブル"><tr><td>

<table border="0" cellpadding="0" cellspacing="0" summary="内側">
<tr><td>ああああああああああ</td></tr>
</table>

</td></tr></table>

外側のテーブルに、適宜背景色を指定してください。

外側のTD、だった。

>>234
CSSだけでやりたい（というかautoできてるんだから標準モードだよな？）なら
HTMLでのテーブルボーダー設定を全部取っ払って
table{border-collapse:collapse;}
td{border:solid 1px #000;}
とする。table側にborder設定してもセル内部には継承されない。

標準モードで作成しているのですが、IE5にも対応しようとすると、
テーブルがはみでて、横スクロールバーが出てしまいます。

互換モードでもテーブルがすっきり納まる方法はないでしょうか？
bodyにmarginを指定すると解決するのですが、段組にも対応できる
よう、できればdivにmarginを指定したいのです。ソースは以下
の通りです、宜しくお願いします。

div#contents{
margin:0 1em;
}
h1{
background-color:#999;
}
table{
width:100%;
border:1px solid #000;
}

<div id="contents">
<h1>test</h1>
<table>
<tr>
<td>test<td>
</tr>
</table>

width:100%; こりかな？と検証せずに書いてみる

こんにちは、質問させてください。

float:left;されたdivの右側にまわりこませたdivの中でさらにfloatを使用しているんだけど
まわりこませたdivの中でclear:left;を使うとすべてのfloat:left;がクリアされちゃってるのか
その次の要素がえらく下までズレていってしまうんです。floatだけじゃこういうのは作れないんでしょうか？
説明下手ですんません・・orz

<div style="float:left; width:200px; border:solid 1px red;">
<ul>
<li>menu</li><li>menu</li><li>menu</li>
<li>menu</li><li>menu</li><li>menu</li>
</ul>
</div>

<div style="margin-left:200px; border:solid 1px blue;">
<div>
<div style="float:left; width:10px; height:10px;"><img src="url"></div>
<div style="float:left; width:10px; height:10px;"><img src="url"></div>
<div style="float:left; width:10px; height:10px;"><img src="url"></div>
<br style="clear:left;"> <!-- ■float解除■ -->
</div>

<div style="border:solid 1px green;">
■このdivがmenuの右側に回りこんでほしい■
</div>
</div>

>>239
回答ありがとうございます。確かにそうなんです。
情報の小出しをして申し訳ないのですが、
h1とtableの幅を揃えたいというのと、
div内にテーブルがいくつかあって、widthが
autoだと幅がばらばらになってしまうのです。

IE5のみハックしているのですが、できれば
正攻法があればいいなと…わがままですみません。

まるで「厨」の見本のようだ

>>237
CSSだけでテーブルのボーダー決めると、CSSの使えない環境の場合
みづらくなるよ。

>>240
<div style="float:left; width:200px; border:solid 1px red;">
<ul>
<li>menu</li><li>menu</li><li>menu</li>
<li>menu</li><li>menu</li><li>menu</li>
</ul>
</div>
<div style="margin-left:200px; border:solid 1px blue;">
<div style="float:left; width:10px; height:10px;"><img src="url"></div>
<div style="float:left; width:10px; height:10px;"><img src="url"></div>
<div style="float:left; width:10px; height:10px;"><img src="url"></div>
</div>
<div style="border:solid 1px green;clear:left;">■このdivがmenuの右側に回りこんでほしい■</div>

<div style="float:left; width:10px; height:10px;"><img src="url"></div>
<div style="float:left; width:10px; height:10px;"><img src="url"></div>
<div style="float:left; width:10px; height:10px;"><img src="url"></div>

　　厨さんよ　　これ　無駄

>>240
うおっ、下と右と勘違いした、すまそ、無視してチョ。

>>243-245
レスサンクス。
しかしひとつ教えてほしい事が、CSSの書き方が厨っぽかったのか、質問の仕方が厨っぽかったのか。

悪いところはなおそうとおもう。

divでしょ？

>>243
htmlでボーダー関係の記述を一切してなければ、
古いUAのデフォルトはボーダーありだから問題ないだろう。

多分<br style="clear:left;">が、メニューのフロート
も解除してしまうからなんだね。

>>249
はい・・
↓みたいに<table>で囲むとうまくいくんですが出来れば使いたくないですし。

<div style="float:left; width:200px; border:solid 1px red;">
<ul>
<li>menu</li><li>menu</li><li>menu</li>
<li>menu</li><li>menu</li><li>menu</li>
</ul>
</div>

<div style="margin-left:200px; border:solid 1px blue;">
<table><tr><td> <!--テーブルで囲ってしまう-->
<div>
<div style="float:left; width:10px; height:10px;"><img src="url"></div>
<div style="float:left; width:10px; height:10px;"><img src="url"></div>
<div style="float:left; width:10px; height:10px;"><img src="url"></div>
<br style="clear:left;"> <!-- ■float解除■ -->
</div>

<div style="border:solid 1px green;">
■このdivがmenuの右側に回りこんでほしい■
</div>
</td></tr></table> <!--テーブル終わり-->
</div>

下のDIVにFLOWと

メニューのフロートやめて、
<div style="position:absolute;left:0;top:0;width:200px; border:solid 1px red;">
body{margin:0;}
としてみては？

マージンやポジションの指定は、お好みで変えてください。

自己解決しました。

<div id="contents">
<div style="width:100%">
<h1>test</h1>
<table>
<tr>
<td>test<td>
</tr>
</table>
</div>
</div>

のように、もうひとつ幅指定をしたdivでくくるとできました。

しかし全HTMLを直してはいられないので、ハックのままでいきます。
ありがとうございました。

幅を指定したdivにURLみたいな連続した半角文字を入れると
横幅が間延びしたり、中身ははみ出たりしてレイアウトが崩れます。
　
IEは word-break: break-all; みたいな指定で対処できるのですが
Mozillaあたりでは非対応の指定のため無効になってしまいます。

tableは使わない様にした上でこの問題を対処する方法はありますか？

>>254
overflow
隠すんでもバー出すんでも好きな設定に汁。

即答ありがとうです。

やっぱり都合良く改行させる方法はないのか。
掲示板の書き込み内容をdatで並べているんだけどbarはきついなぁ。
-x軸指定はMozillaが認識しない？？

掲示板の書き込み内容なら、一定文字数は強制的に改行するなど
改造してみては？

overflow-x
最近のmozillaなら使える。

mozillaで使えても他ダメだけど。

ていうかautoで大抵の内容は横だけにしてくれるじゃん。
高さまで指定してるのかよ。

うーん。
一定文字数と言っても文字の大きさや幅なんて可変だから
ここで改行なんてのはちょっとやめたいかと。

いや、autoかけて横にはみ出た場合に縦横両方のスクロールが出てしまった。
何で縦スクロールまで出るんだ。
paddingはあるけどheightなんて全く書いてないのに。

AUTOの時は必ず出るんじゃなかったっけ？
気のせいだっらごめんよ

なので
overflow-x: auto;
としてみたら何故かmozillaは無視。
しかも「mozillaで使えても他ダメ」ときた。

みんなはどうやって対処してるんだろうか。

autoではoverflowしたものだけが出る。
むしろpaddingを取ってないんだとしたら、そのせいで予期しない場所のバーまで出てるはず。
N7が12pxのIEが13pxだったかな、
それ以上のpaddingをoverflowするボックスに取ってやれば片方のバーは消えるとオモ。

ありがとうです。

確かにfirefox1.07ではpadding-bottom:11px以上で縦スクロールが消えました。
これは横スクロールバーが出た分の幅なのかな。
表面上は解決したけど、本来スクロールが出ないものにまで下paddingの隙間が。
間延びするURLなんて滅多にないんだろうけどなぁ。
何とも難しいですね。^^;

>>264
datの内容がどうしても見せなきゃならないデータじゃないんだとしたら、
overflow:hidden;も手だと思うがな。

いろいろやってみましたがそうみたいですね。
hiddenにしたら何故か右端が内側に寄ったけどpadding-right:0;で直りました。
URL書き込まれても自動リンクにしておけば問題なし。

それを超えるケースは相当レアなので敢えて放置とします。

いろいろありがとうございました。_(._.)_

>>266
スレ違いだが
$dat =~ s/(<[^>]+>)|(\&\w+;)|([-.!~*'()\w;\/?:\@=+\$,%#\[\]\^`"{|}]{10})/($3 eq '')?(($2 eq '')?$1:"<wbr>$2"):"$3<wbr>"/eg;
コレ系制御のがいい希ガス。

>>134です。お礼が遅くなってすみません

皆さんの意見だとやはりIEユーザーを捨てないかぎり、実用はできないみたいなので
潔く諦めることにします。案を出していただいたのに申し訳ない限りですorz
でも、今回のことで色々勉強になりました。本当にありがとうございました

>>268
や、div厨になればできる案が途中で出されてるんだが・・・
まあおまえさんが気付かなかった程度の腕なら、
あとのメンテがhtml側にも必要になってくるしやめたほうがいいか・・・

>>269
本当だorzすみません、読み飛ばしてしまっていました('A`)
>>168ですよね？IEでも崩れませんし、参考にさせていただきます！

ただ、気になったのが>メンテがhtml側にも必要になってくるし
これはどういうことなんでしょうか？スレ違いですみません

>>270
や、違う。
>>156-157
divが一個増えるから、そのレイアウトじゃなくなったときに
divをやっぱ消したいと思うだろ。

ちなみに50%はダメだから49%とかにする。
で、floatはleftとrightかな？試してなくてスマソ。

>>271
うわぁ自分はどこを読んでたのかとorz

div厨であるぶんには構いませんし、レイアウトもこれでおｋですので
これでレイアウト考えていきたいと思います。本当たびたびすみません

「divを多く使う=div厨」
は違うぞ。

無意味divを使う＝div厨だから、
今回はやっぱりdiv厨になってしまうと思うが。
でもそれでいいなら別に構わんだろ。

<左wrap>
<h2>ふんにゃかふんにゃか</h2>
    <左>
    <h3>ふんにゃか</h3>
    <p>ふんにゃか</p>
    </左>
</左wrap>
<右wrap>
<h2>ふんにゃかふんにゃか</h2>
以下略

とかすれば「div厨じゃないもん！」って言い張れるかもね。

あ、<h2>は適当なことを書いておいて、display:none;する方向で。

スターハック系じゃダメなの？
と、大して読まずにレスしてみる。

いや、スターバックス系でOKだ。

タリーズの方が好き。

ドトールで。

意外にシアトルズベストが。

んじゃ俺は行きつけのカフェ「ぴなふぉあ」。

スタートレック

ちなみに、「今アンタが使っているスターハックは消せ」と
IEBlog で記事に書かれている

IE7で直るって意味か？
どっちにしろWin2kだから関係ネ

すごいｱﾌｫな質問なんだけど…

自分が作ってるﾄﾓﾀﾞﾁのページなんだけど
背景画像をスタイルシートで右上固定にしてるんです。
でも、そうするともちろん背景画像は右クリックでダウンロード可。
そしたらﾄﾓﾀﾞﾁが
「それはプロのカメラマンに撮ってもらった公式な写真だから
ダウンロードされたくない」と言う。
だったら載せるな！と散々言ったけど、どうしても載せたいらしい。
他の写真ページはせめて、画像をスライスしてるんだけど
スタイルシートの背景右上固定の場合で
スライス画像を使う、という逃げ道はある？？
それか何らかのｈｔｍｌで代用でもいいんだけど（ｽﾚ違う予感。）
テーブルだと、他のレイアウトに思いっきり影響しちゃうから
できればスタイルシートで処理したいんだよね…
右クリック禁止以外で、何か回避法なんてあるのかなぁ…

長文ほんと激しくすんません。

良くあるのが1pxの透過画像を使う方法かな？

>>288
すんません。詳しくおせーてください…

1pxの画像を任意のサイズで表示してその背景画像を
写真にするだっけ...?
でもそれだとXPだとどうなだろう
うちは2Kなのでわからん

少なくともドラッグでは出来なくなるのは確か

>>290
ゴメンなさい、激しく理解できてないですorz
もう少し詳しく説明していただけますかー？？
ｱﾌｫですんません…

htmlの中でいくら暴れたって画像はもって行かれるよ
完全になんて無理な話

画像に見えない文字入れ　れば？

どんなに小手先でDLされないようにがむばっても、
スクリーンキャプチャーであぼーん。

>>287
どんな方法を試しても画像を持っていかれないようにするのは不可能。

気休めに電子透かしいれとくとか

ﾌﾗｯｼｭにすれば少し敷居が上がるだろうね。。

気にしてる奴の画像ってたいしたことない画像の場合がほとんど
有名な画像ならわざわざ対策しなくても連絡入るし

>>297
撮りためたのを買い取りで1枚5万とか、
オファー受けて一仕事いくらで撮影とかで細々食っている無名なカメラマンは、
クライアントに別用途利用されても、ガキにコピられても、
どこからも連絡はいってきませんがなに…な…なにか…ﾋﾝ orz

>>298
私のサイトで使えそうな写真を下さい(*´Д`)

>>298
マジレスだが。
仕事で使わない余った写真で素材集のサイトを開いて
超大手になってみるというのはどうだろう。
写真素材で規約ゆるめで使いやすい加工済みのとデカい原画と
両方置いておけばけっこうイけると思う。
で、むろん仕事のことも宣伝として書いておく。
そこに仕事済みの写真の見本（許可は必要かもしれんが）を置いといたら、
クライアントもそれ以外の用途には使いにくいだろうよ。
むろん元手はかかるがナー。

>>300
> 仕事で使わない余った写真
撮った中のボツショットは権利の関係で使い回すことはできねっす。

> クライアントもそれ以外の用途には使いにくいだろうよ。
んなこた蔵は気にもしませんが、なにか（涙
別利用みつけて、代理店に「あのー、この写真なんですけどー…」って言ったところで、
代「ん？あーこれ？あー、ごめんねー。デザイナには使えないっていったんだけど…」
俺「はあ、そうなんですか…」
代「ん。じゃ、そういうことで…」
俺「え？…あ…ちょ…おま…」
代「んあ？（豹変）なんだよ、まだなんかあんの？
　　別にいーよ？いまから別の奴（ここ大事）に写真撮り直させて、
　　○万部刷り直して費用全部ウチが払って、俺がクビになるだけだから。
　　おーい、ちょっと誰か（意訳：こいつはもう使えんな）」
俺「あ！いやいやいや！そんなつもりじゃないっすよー。やだなー○○さんもー」
代「あ、そう？いやー悪かったねー（意訳：わかればよろし）。今度飲み行こーよ。じゃまた。」

ですよorz

もちろん、そんなんばかりじゃないけど。
そんなんも結構あるけど。

マジでその仕事捨ててそいつクビにさせたら。

無理無理無理無理ぜったいむーりーw。収入の7割失うことに。
つか、いーんですよ。大人の都合ですよ。こういうのを乗り越えるのも試練なんですよ。
んで、もし写真家として大成できたら、その時、馬鹿な勘違い代理店小僧に
ガツンと言ってやるんですよ。
すれ違いｽﾏｿ



次の質問ドゾー

マジレスしてくれた相手に礼もなし、愚痴の嵐
うむ、301の写真がおもしろくない理由はよーく分かった
試練だって思ってんなら文句垂れてんじゃねーよ

誰だって愚痴りたいことはあるさ

該当スレに行ってくれ。

>>306
http://life7.2ch.net/test/read.cgi/yume/1129818110/l50
誘導したげる。このスレはオススメよん。

芸デ板には301と同じ様な人が集まってますよ。
http://academy4.2ch.net/art/

スレ違いすんませんでした。
かまってくれた人ありがとう。
ストラップで首吊ってタイマーでとりますﾉｼ

おまい･･ﾃﾗﾜﾛｽｗｗｗ

質問です。
text-align:justify;ってありますよね。前のIEではできたのですが、
IE6では効かない。日本語の場合特に効かないようなのですが、justifyを
効かせる方法はありますか。よろしくです。

>>312
WinIE6でフツーに効いてますが
ていうか日本語？

>>312
たぶん仕様を誤解してる。
ttp://hp.vector.co.jp/authors/VA022006/css/text.html#text-align

yomiuri.co.jp（読売新聞）さんのように、＋や−ボタンクリックで文字サイズを
かえるのにJavaScriptを使っているサイトが多いですが、ＣＳＳでもおなじよう
なことができますか。可能なら伝授お願いします。

>>315
それはJavaScript+CSSの連動だよ。DHTML。

ていうかマウスポインタ変更はウザいからやめてほしい

>>317
なんの話だ。

>>317
ニホゴン ベキョウ シテクデサイ

>>313
ホントですか？IE6

>>314
ありがとうございました。
つまり、text-justifyが標準になるまで待てということですね。

>>320
・・・・・・ん？

ホームページビルダーで行間を空けるスタイルシートを使ったのですが、
ページ編集画面だと、ちゃんと行間が空いているにもかかわらず、
プレビュー画面にすると、行間が空いていません、これはどうしたらいいのでしょうか？

>>322
それはビルダースレに行ったほうがいいとオモ。
ここにはビルダーを使ってる人はいないんじゃないかな。

質問させていただきます。MacIE5.1で、以下CSSでの
dd要素内リンクがリンクとして認識されず飛べないという現象が出ているようです。
バグ一覧を見ても見つかりませんでしたので、もしご存知の方がいらしたら原因をお教えください。

@charset "Shift_JIS";
* * {font: normal normal normal 12px/150% Verdana,Times,Osaka,"ＭＳ Ｐゴシック";
margin: 0px;padding: 0px;border: none;text-align: left;text-decoration: none;
text-autospace: ideograph-alpha ideograph-numeric ideograph-parenthesis;
background: transparent;box-sizing: border-box;-moz-box-sizing: border-box;}
html {background: url(bg.jpg) 50px 0px no-repeat fixed #000;}
body {margin: 80px 2em 2em 400px;background: transparent;color: #fff;}
a, a:link {background: transparent;color: #69c;}
a:visited {text-decoration: underline;}
a:hover {background: #69c;color: #000;}
dt {margin: 0.5em;padding: 0.3em;border: dashed 1px #369;}
dd {margin-left: 1em;overflow: hidden;}

>>323
はいー。

お願いだ、改行してイデントしてくれ……。

あるdivボックスの背景を半透明の白にしたいんですけれど
IEで見てもFFで見ても半透明にする方法ってあるんですか？

>>327
半透明PNGとフィルタの併用。

>>326
一回で纏まらないですが、じゃあ。

@charset "Shift_JIS";
* * {
font: normal normal normal 12px/150% Verdana,Times,Osaka,"ＭＳ Ｐゴシック";
margin: 0px;
padding: 0px;
border: none;
text-align: left;
text-decoration: none;
text-autospace: ideograph-alpha ideograph-numeric ideograph-parenthesis;
background: transparent;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
html {
background: url(bg.jpg) 50px 0px no-repeat fixed #000;
}
body {
margin: 80px 2em 2em 400px;
background: transparent;
color: #fff;
}

あ、インデントってタブ時やダメなんだ…。

a, a:link {
background: transparent;
color: #69c;
}
a:visited {
text-decoration: underline;
}
a:hover {
background: #69c;
color: #000;
}
dt {
margin: 0.5em;
padding: 0.3em;
border: dashed 1px #369;
}
dd {
margin-left: 1em;
overflow: hidden;
}

>>329-330
**⇒*
text-autospace: ideograph-alpha ideograph-numeric ideograph-parenthesis;⇒なし

あと0にpxは付けなくていいよ。

>>331
そこらへんはなくてもいいのは知ってますが趣味ということで。
というか、そのせいでなってるとかはありませんよね？

ブログなどの3カラムのデザインがあったとして、以下のようなソースだったとします。

<div style="width:200px;float:left;">左メニュー</div>
<div style="width:200px;float:right;">右メニュー</div>
<div style="width:300px;float:left;border:1px;">メイン</div>

このメインの中でfloatを使って画像を回り込ませたとします。

<img src="test.gif" style="float:left">画像

メインの箇所にブログの用にずら〜っと記事を書いていくとします。
するとIE6.0ではボーダーが欠けているように見えます。
しかし、マウスのカーソルで擦ると表示されるので、ソースは間違っていないことになります。

こういう現象がなぜIE6.0だけで起こるのかご存じないでしょうか？
解決策があれば、お願いします。

>>332
html {
background: url(bg.jpg) 50px 0px no-repeat fixed #000;
}
body {
margin: 80px 2em 2em 400px;
background: transparent;
color: #fff;
}

　　　　　↓

body {
margin: 80px 2em 2em 400px;
background: url(bg.jpg) 50px 0 no-repeat fixed #000;
color: #fff;
}

>>333
Win2k、IE6でborder欠けはなかった・・・。

>>334
htmlへの背景固定がダメだということでしょうか？

>>333
３つのdivを大divで囲って、その大divにwidth:700pxを指定していないかい？

>>335
基本的にhtmlへはcssを指定しない。

>>337
何処の迷信よ？

>>337
初めて聞いたのですが、何故でしょうか？理由をお聞かせ願えますか。
どちらにしろそれが原因ではないですよね。

おもっきり原因

>>340
え？ならなかったのですが・・・
別の環境に持ってってみます。

<html>は子宮で<body>はマンコだから。

<head>は何ですか？

亀頭

定義リストを順不同リストに変えることで解決いたしました、お騒がせいたしました。

>>336
3つ以上でかっこっています。メインのwidthは550pxです。全体は760pxです。
IEの場合、そういうバグみたいな表示になるのでしょうか？

>>346
キチキチのサイズだとぶつかり合ってバグが発生することもある。

>>347
どうしてもキチキチのサイズでやりたいのであれば。
floatを使わずにpositionで位置指定をしたほうが安全。

訂正
>>347⇒>>346

>>345
もう見ていないかもしれないけれど。
dl ではダメで、ul なら OK ってことは、overflow: hidden がくさいな。
http://members.at.infoseek.co.jp/cssbug/detail/macie/b013.html
の類似のバグなんじゃないか。

>>346-347
そうですか・・。ブログ用レイアウトなんで、こればっかりは仕方ないです。。

説明、ありがとうございました。

>>351
ブログ用レイアウトって自分で好きにいじっていいじゃん？

ブロック要素１の中のブロック要素２にあるテキストを右寄せして、
その外のブロック要素１の中身（ブロック要素２）を真ん中寄せにしたい場合、どう指定したらいいんでしょう？

すいませんageさせてください

#block1 {
text-align: center;
}

#block2 {
text-align: right;
margin: auto;
}

ついにＩＤチェッカーが完成しました。２ちゃんの書き込み時のＩＤからアクセスポイントを特定するツールです。
昨日ビリヤード板にて実験に成功し東北と福岡からの書き込みである事を証明しました。

証拠
http://sports9.2ch.net/test/read.cgi/billiards/1124849366/153
http://sports9.2ch.net/test/read.cgi/billiards/1124849366/159

この便利なツールを欲しい方は上記スレにて、『タダヲさんＩＤチェッカー下さい』　とレスして下さい。
ダウンロードパスが入手できます。

>>355
それじゃできないみたいです
右寄せしか適用されません

>>357
widthで幅指定してる？

block1にしてます
まずいかな？

block2に指定しなきゃ。1はなくてもいいよ。

>>360
できました。ありがとうございました。

h2要素のheight値を50pxにしてみたんですが、何も変化がおきませんでした。

h2 {
height: 32px;
background: #url(./point.gif) no-repeat fixed top left;
padding-left: 32px;
}

どうすればよいでしょうか。

ん？

・・・50？

あああ！もう一つすごい現象が！

IEでは正常ですが、Firefoxでは背景画像が
スクロールしても取り残されて、変な消え方をします。なんだこのスゴいバグはw
こんな欠陥品がシェアを伸ばしてるだなんて・・・・

>>365
IEがバグ

<div id="main">
というのを作り、
#main{
border:1px solid #000000;
float:right;
martin:0;
padding:0;
margin-right:1%;
}
としてIEでみると、マージンが約2%とられてしまいます。
NNもOperaも正しく表示される（マージンが1%）のですが、
なぜIEだと倍になるのでしょう。

>>367
IEのバグ
ttp://cssbug.at.infoseek.co.jp/detail/winie/b107.html

ということは、どうしようもないのですね。
困った……

>>369
CSSハックしてIEには違う指定を入れちゃダメ？

emとか

emでも2倍になるだろ

ところで362=365は釣りなんだろうか

>>370
ハックって意味がよくわからないけど、>>11をみた感じだと、
* html xxx{}
とすれば、IEだけに適用されるって事かな。
まあ、適用されたのでこれで良いと思うけど。

つ【CSSハックでググる】
一番簡単なのはアンダースコアハックだけどそれでもいいよ
ただそれだと2倍にならないMacIEにまで適用されてしまうが

>>375
どーも！

>>367
IEだけに適用したいなら、ハックとかじゃなくて、コンディショナルコメント使った方が良いぞ。
IE7なんてのも控えてるんだし。

<!--[if IE 5]>…<![endif]-->

こんなので中に書いてやれば良い。

Win2kの漏れはIE7にどう対応していいのかわからない・・・

>>367
display: inlineを追加したら。
まっとうなブラウザならfloatにleft/rightが指定された時点でdisplayプロパティの値は無視されるから問題なし。

IE6の標準モードで、widthにpadding/margin/borderを含ませることは可能でしょうか？

>>366
さらに検証を進めた結果、background-positionもおかしいことがわかりました。
h2の前に他の要素があると背景画像が表示されないのです。
どうやらbody左上から数えた位置になっていることを新発見しました。

IEがバグと言われても、IEが正常にしか見えないんですが・・・。

>>381
foxedの仕様を理解しよう

foxed orz

狐の過去形

つまり、狐だった という意味になります。

つまり、元々は人間だったということですかね？

>>381
釣りじゃないんだとしたら、

background: url(./point.gif) no-repeat top left; ←＋背景色は入れておこうね。

fixedはabsoluteと違って連続メディアの場合、閲覧領域に対して絶対配置される。
だから君の書いたCSSだとFirefoxの動きが正しい。
IEはbodyとhtmlの背景だったかな、以外のfixedをサポートしてないだけ。

>>387
あと高さが反映されないんだっけ、それはどっか間違って上書きしてないか。

すいません、質問させていただきます。
タグに打ち込み形式で、指定部分だけAAがずれないようにする方法ってありませんか？

たぐたぐいうｎ（ｒｙ

こういう勘違い君が大量発生するから、MSはIE7を大胆に
改良出来ないでいるんだろうなと思った。
改良したら表示が崩れるページが続出するもんね。

>>389
AAの部分を適当なクラスをつけて・・・

あとは勉強しろ。

タグですが何か？

>>389
マジレスなんだが、画像化する。これ最強。
悪いが文字はずれてナンボだよ。

>>389
表

>>389
<pre>もしくは<code>使うのはどう？もちろんfont-familyはなしで。

>>396
むしろ、font-familyが大事なのでは？

今日は。
リストをディスプレイ-インラインで横並びに配置しました。
で、マージンを右に１０ｐｘ取ったのですがモジラではちゃんとレイアウトされるのですが、IEだとマージンが取れません。ちなみにバージョンは５です。バグでしょうか？

WinIE5.0はdisplay:inlineな要素のマージン・パディング・ボーダーに対応していない。

IE6でさえ時代に取り残されているというのに5なんて捨てれ。

そうだ、窓から投げちゃえ
ついでにパソコンも投げちゃえ
自分の身も投げちゃえ。

あー…。

どうした。

そうなんですかあ・・・ｱﾘｶﾞﾄさんでした。ちょんまげあげ。

質問です。

■カレンダー
↑
アイコン画像

という風にしたくて、アイコン画像を背景で表したいのですが、
以下のようにすると画像の上部が切れてしまいます。
cssで画像全体を表示するにはどうすればいいでしょうか。


<h2 class="hoge">カレンダー</h2>

.hoge{
font-size:12px;
padding:0 0 0 30px;
background:transparent url(hoge.gif) center left no-repeat;
}

height:画像の高さ;

>>405
おお！できましたありがとうございます

ぷ

おまけに　ぷう〜

質問させて下さい。

#box01 {
float: left;
margin-left: 200px;
width: 50px;
height:50px;
border: 1px solid;
}
#box02 {
float: left;
margin-left: 20px;
width: 50px;
height:50px;
border: 1px solid;
}
という具合に記述して、二つのボックスをdiv要素で並列させたところ、
box01の左マージン200pxがIEでは400pxくらいに表示されます。
何が間違っているんでしょうか…？

>>409
>>>367-377

>>410
すいませんすいませんどうもありがとうございました。
すいません。

なんでそんなに謝ってるんだｗ

数十レス前に出てたからだろ。
自分への戒めも込めて。

生まれてすみません・・○|￣|＿ =3 ﾌﾞｯ

>>414
自信落とすな。お前にも意味はある。

良スレq(ﾟдﾟ )↓sage↓

スレ違いかも知れませんが質問。

バックが黒色に近くてテキストが白色に近いページは
女性から見て嫌悪感があるという話を
聞いた事があるのですがそれは本当なのでしょうか？

女性に訊きなさい。

>>417
俺は女だけど、別に気にしない。
ていうかお前童貞だろ？
付き合ったこともなさそうなオーラが滲み出してるよ。

童貞とか気にする奴が童貞・もしくは最近童貞を捨てた存在ｗ

>>419
童貞ですよ。
僕の童貞を奪ってください。
仮性包茎で早漏ですが
大きさと硬さには自信があります。

>417
嫌悪感どうこうというより単純に目に痛い。

>>421
わかった。俺のケツでお前の童貞を奪ってやるよ。

>>423
よろしくお願いします。

>>422
白地に黒のが目に優しくないと思うが

黒地に白字は、女子中・高校生に多いぞ。
携帯サイト回ってみろ。

>>417
嫌悪感を抱く女性の方が男性より割合が高いってだけで、
全員が全員そうだという訳じゃない。

女性受けしたいなら、パステルカラーだな。
でもパステルが嫌いな女性もいるってこったい。

学生向けなら黒板カラーでキマリッ！
今はホワイトボードですかそうですかorz

＞今はホワイトボード
な、なんだってー！（ＡＡ略

仕事してて思うのは、文字の背景に色をつけたがるのは
基本的に男性が圧倒的多数で、黒使いたがるのも
圧倒的に男性が多い

女子高生などが使う「黒」のイメージとはまた別な感じ
女子高生が使う黒には、何故か天使とかはねとか花とか
幻想チックなものがプラスされていて、ちょっと荒廃したかんじ

黒と言うよりNOIRをイメージするターゲットかどうかってところか

男性に色弱が多いということも、ある程度影響していると思うよ

プログラマは男でも女でも背景黒＋白字か背景グレー＋黒字がが多いけどな。

それはずっと文字を見るから疲れないように・・・

362のように、若い女の子の作るサイトで画像だけ置いたら満足して
みんな背景は白なんだと思い込んで背景色指定してない子多いよな。
こっちはデフォ背景黒だっての。何にも見えないよママン・・・。

自分が作る時は、薄い背景色に黒文字が多いな。

真っ白の背景に文字書くと、目が疲れてどうも･･

でも画像入りでページ作るときは、白背景ってめちゃ楽。
背景色合わせや透過や考えないで済むから。

質問させてください。
フッターをウィンドウの下にくっつく様に固定したいのですが、
スクロールバーが表示される時などに形が崩れてしまいます。
------------------------------------------------------------
body {margin:0px;font-size:12px;color:#666666;}
.header {width:750px;height:50px;position:absolute;top:0px;left:0px;}
.content {width:750px;height:500px;position:absolute;top:50px;left:0px;}
.footer {width:750px;height:50px;position:absolute;bottom:0px;left:0px;}
div {border:1px solid #0000ff;}

<html>
<head>
<link rel="stylesheet" href="footr.css" type="text/css" />
<title>フッター実験</title>
</head>
<body>
<div class="header">
ヘッダー
</div>
<div class="content">
メインコンテンツ
</div>
<div class="footer">
フッター
</div>
</body>
</html>

>>438
diiv厨しかムリぽ。
ttp://www.stylish-style.com/csstec/ultimate/fix-foot.html

>>439
ありがとう。
創りたかった形にはなりました。

<h3>の下に<h3>を置いてもいいですか？

>>441
板違い。
良いも悪いも勝手にしろって話で。
論理構造は無視されるよな。

すいません、スレ間違えました！

以下のhtmlとcssで、li要素の背景画像だけを表示したいのですが、どうしても、余白があいてしまいます。
<span>〜<span>を削除するとスペースが消えるんですが、それでは意味が無いので、どうにかしたいのですが。。
解決法が分かる方いらっしゃいますか？？

html部

<ul id="navi_bar">
<li><a id="company" href="aaa"><span class="hidden">会社案内</span></a></li>
<li><a id="goods" href="aaa"><span class="hidden">商品紹介</span></a></li>
<li><a id="shop" href=""><span class="hidden">通信販売</span></a></li>
</ul>

#

CSS部

#navi_bar{
margin: 0px;
padding: 0px;
}
#navi_bar ul{
list-style-type: none;
padding: 0px;
margin: 0px;
}
#navi_bar li{
margin: 0px;
padding: 0px;
}
#navi_bar a{
height: 27px;
width: 130px;
margin: 0px;
padding: 0px;
display: block;
}
#company{
background-image: url(../img/button_company.gif);
background-repeat: no-repeat;
background-position: center top;
}

#goods {
background-image: url(../img/button_goods.gif);
background-repeat: no-repeat;
background-position: center top;
}
#shop {
background-image: url(../img/button_shop.gif);
background-repeat: no-repeat;
background-position: center top;
}
.hidden {
display: none;
margin: 0px;
padding: 0px;
}

ナビバーのところののliとかli a とかをアブそりリュートにしておく、

>>444
姑息な手段だにゃー
もっと素直になれよ

>>444
ttp://css.maxdesign.com.au/index.htm

>>444
試してないが、</li>\n<li>の改行を取ってもダメ？

http://www.mozilla.org/

このようなサイトで丸角レイアウトをしたいのですが、ソース見てもｻｯﾊﾟﾘです。
DIVを使うとなぜか角ばったレイアウトになってしまいます。

どうしたらよいでしょうか？
お願いします。

訂正↓
このようなサイトで 》》 このようなサイトみたいな

>>451
丸いところは画像では？

>>453
もしかしてこれでしょうか？
http://www.mozilla.org/images/download_back.gif

でも、下の丸角用の画像が見つかりません。
どれなのでしょうか？

すみません…

>>451
"角丸"ネェ。やりかたは色々あるけど、
ADP:
ttp://adp.daa.jp/archives/000424.html
で解説されている方法とかが妥当なのかな。

// nifty*****とかはもう(ry

>>455
ありがとうございます

>>456
http://www.mozilla.org//images/header_bl.png
http://www.mozilla.org/images/header_tl.gif
の組み合わせぽいね

>>455
えっニフティコーナーダメなの？

どれもだめです。。。。。どうしたらいいんでしょう。

>>459
別に問題ないけど。
画像が小さすぎるっていう落ちじゃないよね？
どっかスペース借りてアップしてみそ。

>>458
評価は色々あるよね。
ダメとかダメじゃないとかでなくて
自分なら使わないし、人にも勧めない、というだけ。
参考：
ttp://www.akatsukinishisu.net/wiki.cgi?Nifty_Corners%A4%CB%B4%D8%A4%B9%A4%EB%B5%C4%CF%C0

>>460

IEだけスペースが空くみたいです。
<span>〜</span>がスペースに変換されてる様です。

>>462
Opera8.5、IE6、Firefox1.5bでも問題なく表示される。

IEだけって
ttp://cssbug.at.infoseek.co.jp/detail/winie/b071.html
これ系のバグかねぇ・・・

>>461
ありがとう参考になった

http://kickback.cc/upload/gw.cgi/up0499.zip

ここにサンプルアップしました。IEとfirefoxなどで見え方を比べてください。

すみません。直リン禁止だったみたい。
http://kickback.cc/upload/upload.cgi
ここの
up0499.zip　htmlテスト
ダウンロードしてください。

何度もすいません。
http://49uper.com:8080/html/img-s/92177.zip
でお願いします

リンク色の変え方は分かるんですけど、
ひとつのサイト内で複数のリンク色を使う場合のやり方がわかりません

ご教授お願いします

初心者スレでこっちに誘導されたのでこちらで質問します。
私のHPは下記のような感じで、全てのボックスをCSSのpositionのabsoluteで
配置していて、見た目はこんな感じです。
＿＿＿＿＿＿＿＿
｜＿＿＿＿＿＿＿｜
＿＿　　＿＿＿＿
|　　 |　| 　　　　　 |
|　　 |　|　　　　　　|
|　　 |　|　　　　　　|
|　　 |　|　　　　　　|
|＿＿| |＿＿＿＿|
ソースは大雑把に言うと、こんな構造です。
<div id="ヘッダー"></div>
<div id="左メニュー"></div>
<div id="右コンテンツ"></div>

これらの3つのボックスを全部囲むようなボックスを配置したいのです。
（要するに全体を囲む枠線が欲しい）
ですけど、更新するたびに右コンテンツ部分が
増えていく（高さが下方向に伸びる）ので重なってしまい上手くいきません。
上に書いた3つのdiv要素を全体を囲むためのdivで入れ子にして、
CSSでheight:autoにしてもダメみたいで、他の方法が分からなくて困ってます。
どなたかアドバイスをお願いします。

>>470
absoluteを使わずにfloatを使えば。

>>469
ページ毎に変えるんだったら、body id="aaa"とでもIDを付けて
#aaa a {設定}
としてやる。ページ内で変えるんでも、基本は同じ、
そのaの包含ブロックに名前付けてやる。

>>470
absoluteってのは、設定すると通常流し込みから取り残されるから当然。
471の言う通りfloatでの設定にしてやれば、内容に合わせて自動で変動してくれる。

>>471 >>473
レスありがとうございます。
floatって回り込みを指定してボックスを配置していくんですよね？
回り込みの指定でも、全体を囲むボックスを置く事は可能なんでしょうか？

>>468
これ確かIEのバグ。
display:none;をvisibility: hidden;に変える。

>>474
floatはまさに回り込みの指定だけだよ。

>>472
できました！
ありがとう。

>>474
こんな感じの構造にすればいいべ。とりあえず、やってみてから聞いてくれよ。
理論ばっか考えてても実力にも知識にもならん。
<div> 全体を包む
<div>ヘッダ</div>
<div style="float:left;"></div>
<div style="float:left;"></div>
</div>

>>474
たぶん478の言い方じゃわからなくて混乱すると思うから一応。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html401/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title></title>
<style type="text/css">
<!--
div{border:solid 1px #f00;}
#navi{width:200px;float:left;}
#main{margin-left:201px;} /* ←下に回り込んで良いんだったら要らない */
-->
</style>
</head>
<body>
<div id="container">
<div id="head">ヘッダ</div>
<div id="navi">ナビ</div>
<div id="main">メインメインメインメインメインメインメインメインメインメインメインメインメインメインメインメインメインメインメインメインメインメインメインメインメインメインメインメインメインメインメイン</div>
</div>
</body>
</html>

>>468
スマソ475だけじゃもじら系が正しいだろう動きしちゃうんで
a{text-decoration:none;}を足しといて。

>>468
hiddenをやめて、
liにtext-indent:-9999px;を加えて
h2{display:none;}
にするくらいしか思いつかなかった。

初歩的な質問ですみません。

p{ width:500px;
padding:20px}

これで＜ｐ＞を使うと、IEだと全体の幅が500ｐｘで、
NNやFirefoxだとpaddingの分だけ大きくなって幅が
540ｐｘで表示されるのですが、500ｐｘに統一して
書く方法はありませんか？

>>482
それはIEのバグなんだが・・・
IEでもHTML文書の最初に
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html401/strict.dtd">
これ入れてみな

>>482
バグだと理解した上でそれでもなお後方互換モードでやりたいっつーなら方法を教えるが・・・

>>483
"http://www.w3.org/TR/html401/strict.dtd"はいらないよ。

>>485
それだとMacIE5で後方互換モードになる

>>476
>>478-479
floatで作り直したら、自分の思ってた通りの感じに
上手く全体を囲めました。どうもありがとうございました。

Webセーフカラーの、例えば
#000000 を #000 みたいに省略出来るのですが…無問題ですか？

この省略された値の名前って何でしょうか？
「省略値」でしょうか？教えてください。

>>488
#fc3だったら#ffcc33のこと、#069だったら#006699のこと

>>488
ttp://www.swlab.it.okayama-u.ac.jp/man/rec-css2/syndata.html#color-units
単に16進数3桁表示ではないのかなあ。

へー。ブラウザを解析してこんな細かい解説をつくったんでしょうかね？
世の中には暇な人がいるんですね。
でもIEとだいぶ違う。operaとか？firefox？
IEじゃないと役に立たない気が。

>>491
何このバカ

>>483
ありがとうございました。バグなのですか…。

>>484
たぶん私の技量では無理だと思います。
なぜなら後方互換モードが初耳だからです。
ありがとうございました。

初歩的なところで引っかかってしまったのですがお教えいただけますでしょうか？

ヘッダ
コンテナ
　コンテンツ
　サイドバー
フッタ

という感じに入れ子したのですが、コンテンツorサイドバーの中身が長くなった場合に
コンテナに設定した背景色を出そうとしたいのですが、でてきてくれません。
コンテンツとサイドバーの幅はコンテナの幅に対して反映されているのに、
コンテナのボックスが作られてない感じなのかなと思うんですが、どうにも不明です。
よろしくお願いします。

div#header {width: 100%; background-color: #ff0000;}
div#container {width: 100%; background-color: #ccffcc;}
div#contents {width: 80%; float: left; background-color: #cccccc;}
div#sidebar {width: 20%; float: left; background-color: #ffcccc;}
div#footer {clear: both; width: 100%; background-color: #ffff00;}
：
：
<div id="header">ヘッダです</div>
<div id="container">
<div id="contents">内容</div>
<div id="sidebar">サイド</div>
</div>
<div id="footer">フッターです</div>

>>491
ちょいﾜﾛｽ
兄さん逆ですよ

w3c って標準を作る組織があって
ブラウザはその標準に合わせて作られる

メジャーなブラウザの中で
標準に対応した度合いが一番低いのが
トップシェアの Win IE だったりする

>>493
だったら今のうちに「標準モード」を覚えちゃったほうがいいかも。
htmlのdoctypeを
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html401/strict.dtd">
にして、p{ width:460px; padding:20px}とすれば、IEでもFirefoxその他でもいっしょになるよ。
というか、標準モードに合わせないと、これから益々IEだけ表示が変わってきちゃうだろうから。

↑
あ、だから標準モードなら、IEとその他のブラウザで誤差が少ないってことね。

>>494
両サイドにfloat当てちゃうとコンテナの高さは取られなくなるよ。>>479
でもおまいのソースなんでかそもそもfloatにならない・・・・なんだ？

>>498
ありがとうございます。いろいろやってるうちに私も同じような結果を得ました。

<div id="header">ヘッダです</div>
<div id="container">
　<div id="contents">内容</div>
　<div id="sidebar">サイド</div>

＜＜ここにclear: both;を含むなにか＞＞

</div>
<div id="footer">フッターです</div>

コンテナの最後にフロート解除すればコンテナの高さを回復するみたいです・・・。

>>499
<div id="header">ヘッダです</div>
<div id="container">
<div id="contents">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</div>
<div id="sidebar">サイド</div>
<div id="footer">フッターです</div>
</div>

・・・邪道？

>>496
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
から
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html401/strict.dtd">
に変えただけで表示のされ方がかなり変わりました。
DOCTYPEなんて形式的なものだろうと思っていたので驚きです。
どうもありがとうございました！

491のあとに501を見ると癒される(*´∀｀)

>>500
構造とかとやかくうるさくなければそれで十分ですよねぇ。

>>500
まぁ、いいんじゃないの。本当はダメだけど、おかしなところまでこだわるくらいならいっそ……

先生方教えてください。
こんな使い方はＯＫでしょうか。

<dl>
<dt>用語</dt>
<dd>用語の説明概要</dd>
<dd><p>用語の説明詳細<br>
詳細説明のつづき<br>
場合によっては数行に達する長文</p></dd>
</dl>

<dd>〜</dd>のなかに改行を含む<p>〜</p>を入れ子にする部分です。

スレ違いでしたね。
他スレに逝ってきます。

横に並べたメニューをセンタリングしたくて、

dd {float="left"}

<dl align="center">
<dd>メニュー１</dd><dd>メニュー２</dd>
</dl>
と

dd {float="left"}
div {width="auto"}

<div align="center">
<dl><dd>メニュー１</dd><dd>メニュー２</dd></dl>
</div>
を試したのですが横に並んだメニューが真ん中に来ません

どうすればメニューをセンタリングできますか？

>>507

div {
　　text-align:center;
　　margin:auto;
}
dd {
　　float：left;
}

<div>
　<dl>
　　<dd>メニュー１</dd>
　　<dd>メニュー２</dd>
　</dl>
</div>

その使い方だとdlよりulな希ガス

>>508
後方互換モード?なのでmargin:autoが使えません・・・
すみません

>>508
margin:autoの意味不明。

親要素でtext-align:center
センタリングしたいブロックレベル要素でtext-align:left; margin:auto; width:300px
とか。

フロートやポジションを含むブロックレベル要素の扱いは注意が必要。
文法厳密に気にしていないならdivで二重包含して指定した方が安全。

ブロックレベルをtext-align:centerしてどうするよ・・・

>>507
CSSの書き方間違ってるけどわかってる？
互換モードなら

---CSS---
dd {display:inline;}
dl{text-align:center;}
---HTML---
<dl><dd>メニュー１</dd><dd>メニュー２</dd></dl>

こうかな。IEでもFxでも同じ。
でもddはdtとセットじゃないとダメだよ。

>>513
ありがとうございます
センタリングできました！

leftで位置指定した後にclear:leftは必要ないですよね?
clear:leftはfloat:leftした時だけ使うんですよね?
実際にテンプレート本に記述されていたので、IE6以外のなにかのブラウザ向けなのかなと思いまして。

>>515
取り敢えずFirefoxでも入れてみたら

clear使うなら、面倒だからclear:bothでいいんじゃないかと思ってしまう。

clearプロパティでboth以外のプロパティ値を使った試しがない。

>>518
（ ・∀・）人（・∀・ ）ﾅｶｰﾏ

そ、それには重大なバグがあることを、お前らはまだ知らないのか...!!!!!!!!!!!!!!!!!!!!!!!!!!!!

>>520
clear自体にバグが多いのは知ってるが、both固有のってあったっけ。

図が汚くてすいませんが教えて下さい。
━━━　　 ━━━ 　
｜ ｜　 ｜ ｜
｜ A ｜　 ｜ B ｜
｜ ｜　 ｜ ｜
｜ ｜　　━━━
｜ ｜
｜ ｜
｜ ｜
━━━

上記のようなレイアウトのサイトで、
<div style="float:left">A</div>
<div>B</div>
みたいな感じで横に並べてるんですが、
IEで見るとブラウザがBの高さまで（Bの下辺まで）しかスクロールせず、
そのためBよりも下にあるAの内容が表示できません（そこまでスクロールできない）
本来はBはAの下にあるものだから、それをfloatで横に配置しても
Bまででページが終わってしまうって事なんでしょうか？
firefoxではちゃんとスクロールできるんですけど、IEでもAに合わせて一番下まで
スクロールできるようにするには、どうしたらいいんでしょうか？
解決方法を教えて下さい。お願いします。

ホント汚くてすみません。

━━━　　 ━━━ 　
｜　　 ｜ 　｜　　｜
｜ A　｜　 ｜ B ｜
｜　　 ｜ 　 ｜ 　 ｜
｜　　 ｜　　━━━
｜ 　　｜
｜ 　　｜
｜　　 ｜
━━━

フロートはふわふわ浮いてるんだからスクロールできなくて当たり前じゃん
フッターつけれ

CSSでは縦軸に対しての真ん中寄せは、テーブル以外はゼロ
であってますか？

>>525
日本語でおｋ

？

>>524
ありがとう！
できたよ！フッターつけたら下までスクロールするよ！

>>525
もうちょっとわかりやすい日本語で頼む・・・

<td valign="top">をＣＳＳで書きたいです。
教えてｴﾛｲひと

>>530
td{vertical-align:top;}

>>530
返事しろよ低脳

>>532
自分で答えてもないくせに良くそういうことが言えるな。

>>531
ありがとうございます。

>>532
返事おくれてすみません。
ここに張り付いてるわけじゃないので…
すみませんでした。

>>534
念の為言っておくが、532は531じゃないので謝る必要はないぞ。

<ul>
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
<ui>
これをブラウザで表示した時に

+リスト1
+リスト2
+リスト3

と表示したいと思っています。
<li>の背景画像に+の画像を使う以外に手段があったような気がするのですが、
どのように指定したらいいのでしょうか？

>>536
list-style-image

すいません
超秒殺で自己解決解決しました。

http://jp.selfhtml.org/css/eigenschaften/pseudoformate.htm
ここにのってまし

>>536
li:before{
display: marker;
content: "+";
}

俺はこれでやってるが、IEからじゃ見えない・・・。

>>539
beforeとafterに対応してないから

>537 539
サンクス

>539
打開策として
IEだけ + のビットマップ文字を画像にしたけど
文字サイズ拡大した時の見栄えが宜しくない

>>539
http://www.w3.org/TR/CSS21/visuren.html#display-prop
http://www.w3.org/TR/css3-lists/#markers

>>542
IEの表示の方が正しいってこと？
英語は苦手じゃ。

>>543
ちょっと待て。

ttp://www.y-adagio.com/public/standards/tr_css2/visuren.html#run-in
ttp://www.y-adagio.com/public/standards/tr_css2/generate.html#lists

てか、こっちがいいか
ttp://www.y-adagio.com/public/standards/tr_css2/generate.html#before-after-content

おまいらもう少しHTML,CSS,UAの現状を知れｗｗ

現状はもじらじゃ。
IEなんてテキトーなCSSにしてるしｗｗｗ

>>548
世界の80%の人から
「プ、なんだこのテキトーなサイトはw。ダッサ。」と
思われてることに気付け。

いや全然構わないよな＞ダサ

質問させてください。ブログのコメント欄に書くときの文字の大きさを変更する
にはCSSをいじるのでしょうか？　それともHTMLでしょうか？

>>551
このスレ的にはCSS

ブログ厨 uzeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

>>551
ブログの説明ぐらい読みましょう。
ブログに使われるなよ。

外部呼び出しのcssファイルの中身をみられたくない場合は
.htaccess？
パーミッションの設定？

>>555
外部呼出しにする理由を勘違いしてる。
究極はアップロードするな、だ。

>>555
どっちでもいい

パーミッション601にしたらダメだったんだけど

>>558
そんなのサーバの設定によって違うから、サーバの仕様を調べれ

ttp://bombgirl.sakura.ne.jp/sb/log/eid252.html

テンプレート配布してるサイトなんだけど。
参考書籍と銘打って「一応」書籍タイトルを出してはいるけど
その参考書籍のcssをほぼコピペ（開設に至っては若干語調を変えてるぐらいで
ほぼ同じものを転載）って許されるのか。

ありがとうコメントを残してる何も知らない香具師らが哀れだ。

どうなんかなぁ
いくらでも言い逃れできそうだし
そういうのいちいち指摘してたらキリが無いだろうけど
いわゆる「再配布」って奴だよなぁ

>>561
気になるんなら書籍の著作権者に連絡してみたら？
外野が何を言っても著作権に関しては無意味だしなあ。

すまんレス番ずれてた。
上のは>>560宛。

<sup>の高さの調節はCSSで出来るのか？

でもcssやjsのサンプルがあるサイトってほとんど本のパクリのような気がする
むかしスタイルシートスタイルブック本屋で見た後で
ググって出てきたサイト(本家とは関係無い)がマンマだったんで金払わなくてすんだ

質問失礼します。
背景のグラデーションと画像固定をするのは可能でしょうか？
またCSSだけで出来ないでしょうか？
現在グラデーションは表示されるのですが、画像が表示できないので・・・。

>>566
それは、グラデーション画像の上に、固定された画像を乗せたいという意味？
だとしたらIE以外の最新ブラウザはできる。
どの層にでも良いけど、画像包含ブロックをposition:fixed;で固定。
IEでやろうとしたらJS使えばできるかな。

>>564
高さってなんだ？

>>564
vertical-align:super;でやる。

上付き文字とかは、素直に<sup>使えよ。
なんでもかんでもCSS使うのがWeb標準じゃないからな。

>>567
やっぱIEならJS使いますよね。アドバイスありがとうございます！

ていうか
sup{vertical-align:baseline;}で変わるじゃん

>>571
IEを捨てれば幸せだよ。

<?xml version="1.0" encoding="euc-jp"?>
を入れるとIE6では、後方互換モードになっちゃうと思うんですが、
そうするとボックスモデルの解釈が変わっちゃいますよね？

IE6なので、通常使われているようなボックスモデルハックが使用できません。

で、IE5-6のボックスモデルの解釈が統一されたのでアンダースコアハックで、

width:460px(正しい解釈の幅); _width:500px(winIE用の幅);

って指定してみました。IE5-6まで問題なく表示されたのですが、これってどうなんでしょう？
もちろんバグなんで、間違ってはいますが。。
あまりやっているところを見なかったので、質問してみました。

不安なのはIE7が出たときですが。。

W3C信者 を 編集中
http://ja.wikipedia.org/w/index.php?title=W3C%E4%BF%A1%E8%80%85&action=edit

すいませんが教えてください。
最近HPを作りはじめたのですが、文字をセンター揃えにして、なおかつ
行頭を揃えるということをやりたいのですが、やり方が分かりません。

例えば、「あいうえお」というテキストがあり、それをセンター揃えに
します。次に改行して「あいうえおかき」というテキストもセンター揃えに
します。両方ともセンター揃えにはなりますが、5文字と7文字ですので行頭
が揃いません。行頭が揃っていて、なおかつテキストがセンターにくるよう
にするにはどうすればいいのでしょうか？

>>574
IE7はアンダースコアハックが効かなくなってXML宣言を解釈するようになってたと思うから
そういう意味では問題ないと思うが・・・
もしダメだったらそのとき一緒に考えよう orz ｵﾚﾓﾀﾞ....

>>576
HTML文書の先頭に
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html401/strict.dtd">
と入れて標準モードにする
（後方互換モードだとauto↓が使えないので注意）
<div>
<p>あいうえお</p>
<p>あいうえおかき</p>
<div>
こういうHTML、つまり文書の両方のボックスの包含ブロックがある状態で
div{margin-left:auto;margin-right:auto;}
と左右両マージンを自動で入れるようにする。

>>576
スマソ、足りてない上に間違っとるorz

div{width:7em;margin-left:auto;margin-right:auto;}

<div>
<p>あいうえお</p>
<p>あいうえおかき</p>
</div>

>>577

なるほど。。ドキドキしますね（笑）

とりあえず、現在のところはこれで問題なさそうですね。
なんか、IEの為だけに、
<?xml version="1.0" encoding="euc-jp"?>
を入れないって抵抗ありますので。

>>580
じゃなかったら>>377の方法もあるが
使ったことないので何とも言えぬスマソ。

>>578-579様ありがとうございます。
まとめますと
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html401/strict.dtd"> div{width:7em;margin-left:auto;margin-right:auto;}

<div>
<p>あいうえお</p>
<p>あいうえおかき</p>
</div>
ということでしょうか。
上にURLがありますが、これは何なのでしょうか。
widthに7と入ってますが、この7には何か意味があるのでしょか。
HTML文書の先頭にと書かれていますが、これは<head></head>の中に
入れるのですか？
質問ばかりですいませんが、もう少し教えてください。

>>582
HTMLはそれで。CSSも597のほうを使ってください。
DOCTYPE宣言はheadの上。次レスで全文載せた方がいいかな。

URL：DOCTYPEスイッチの入り方が変わってくる。↓参照
ttp://www.remus.dti.ne.jp/~a-satomi/bunsyorou/Doctype-Switch_situation.html
ttp://www6.plala.or.jp/go_west/nextcss/tip/doctype.htm

width：7emは7文字。君の出した例文が7文字だったからそれに合わせただけ。
幅を明示してやらなきゃautoで中央にはできないから、
divの幅を80%とでもしてやれば、幅80%のブロックが中央配置されて、
左右にはそれぞれ10%ずつの余白ができるという仕組み。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html401/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>テスト</title>
<style type="text/css">
<!--
div{width:7em;margin-left:auto;margin-right:auto;}
*{border:solid 1px #f00;} /* ←この行はボックスがわかりやすいように入れたオマケ */
-->
</style>
</head>
<body>
<div>
<p>あいうえお</p>
<p>あいうえおかき</p>
</div>
</body>
</html>

家はmargin:auto;に対応してないけど

My Home Town is Local Environment.
？

>>574 >>580
そのエンコードなら省略不可。
単純なハックで対応できるならそれでいいかと。

公式なIE7が流れても実装不備はそれほど改善されていないと思われ。
CSS3が勧告されたらそれで適宜対応すれば良し。

>>584様ありがとうございます。
いまエディターにコピーしてブラウザで見てみました。
できました。うれしぃーー
これでHP作りがんばります。

>>587
　XHTML1.0限定で、XML宣言の代わりにContent-Type指定するのはだめ？
どの文書かは失念したんだが、XHTML1.0に限りOKみたいなのを見た気がする。
XHTML1.0勧告だと"必須"って書いてあるけど……。

IE7のXML情報ってこれかね
ttp://dean.edwards.name/IE7/compatibility/super.xml

>>585
家って何？

家の隙間が勝手に出来てしまう

それは所謂欠陥じゅうた（ｒｙ

家=IE

IEもauto対応してるじゃん

floatを使って
【メニュー】【見出し】
【メニュー】
という形にしたいのです。
FireFoxで見たらバッチリ問題ないのですが
IE(6.0)で見たら
　　　　　　【見出し】
【メニュー】
【メニュー】
という形になってしまいました。
ちなみに「メニュー」か「見出し」の横幅いずれかを3px減らすと
IE(6.0)で見ても問題はなくなります。
3px減らすことなくこの問題を解決するためにはどうしたらいいですか？
◆宣言
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
◆html
<div id="container">
<div id="header">見出し</div>
<div id="menu">メニュー</div>
…
</div>
◆css
* {　-moz-box-sizing:border-box;　box-sizing:border-box;　margin:0;　padding:0;}
#header {width:550px; float:right;}
#menu {width:200px;}

訂正です。

◆宣言
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
◆html
<div id="container">
<div id="header">見出し</div>
<div id="menu">メニュー</div>
…
</div>
◆css
* {　-moz-box-sizing:border-box;　box-sizing:border-box;　margin:0;　padding:0;}
#container {width:750px;}
#header {width:550px; float:right;}
#menu {width:200px;}

>>596
ウチのIE6だとちゃんと見出し右に来てるぞ。
ウィンドウ幅縮めてるとか？

>>596
ゴメン訂正してたのね。
IEではbox-sizing:border-boxは効きません。

>>598
説明が下手ですみませんでした。
そういう意味ではなく
見出しの左とメニューの上に隙間が開いてしまうのです。

更にゴメン、バカな勘違いしてた。
それIEのバグ。
#menu {width:200px;float:left;}
として。

んーと、これか。
ttp://cssbug.at.infoseek.co.jp/detail/winie/b054.html

>>601-602
うまくいきました。
即レスありがとうございました。

いわゆる「ACID TEST」と呼ばれるW3C謹製のレンダリングテストは、
いつ、どういう経緯で「ACID TEST」と呼ばれるようになったのでしょうか？

スレに適した質問じゃないかもしれないのですが、適したスレがある場合には誘導願います。

>>604
60年代にケン・キージーたちがやっていたLSDパーティーの名前を拝借した。

>>605
違うと思うが。

>>604
そもそも、acid test は定義語ではなく、acid rain という言葉が一般に定着して、
厳しいとか容赦ないとかのニュアンスで acid が一人歩きしているのだと思う。
個人的記憶を書くと、
1997 IE3 color, background 流行
1998 IE4 a:hover 流行
* 1999 IE5 CSS が具体的に見えてきて、CSS 過熱
* 1999 Milestone(Mozilla) bugzillaで CSS (に限らず) 仕様論争過熱
2003 blog 流行、float 使用サイト激増
という感じ。
W3C のテストスイート関連で acid test という言葉を目にするようになったのは 1999年頃。
そして、テストスイートを真似たサイトでは、必ずこの言葉が使われるようになった。
但し、あくまで個人的記憶だから、悪しからず。

酸性雨？

そーいえばSafariがAcid2通過したね。

>>560
こちらにリンクがあることがわかり、
次の日本記載のアドレスに連絡しました。
とても丁寧なお返事を頂き直接削除は言われなかったものの
著作権についての考えが浅はかでした。
ご迷惑かけてすみませんでした。

ご本人さんですか？

サイトの全体(テーブル)に影をつける方法を教えて下さい

>>611
影って
border-style:groove;
のことか？　こっちだったら実装されてるが
box-shadowだったら未実装だぞ。

grooveは影じゃないけど

それよりはinset/outsetのほうが近いような

＞inset/outsetのほうが近いような
そう・・・か？

>>611
影の画像を用意して背景にする。
repeat-xかrepeat-yにすればよし！

<em>を文字サイズと font-weight: boldで表現するように設定しましたが、
イタリック表示もされてしまいます。
イタリックでなくするにはどうしたらいいでしょうか？

>>616
font-style: normal;

emを斜体にするのはブラウザが勝手にやってることなんだけど

つ　* {font-style : normal; font-weight : normal;}

>>617 >>618
ありがとうございました。
うまくいきました。

バスの中なんで調べることができないんですくど、
スタイルシートに均等割付みたいのありましたよね？

うん

>>620
家に帰るまで我慢できんのかｗ

質問です。

<div id="main">test</div>
#main{
width:600px;
}

このブロックをページの中央に表示したいのですが、スタイルシートには
どのように記述すれば宜しいのでしょうか？
どうかよろしくお願いします。

>>623
標準モードであることを前提に
#main{
width:600px;
margin-left:auto;
margin-right:auto;
}

>>584参照

>>624
autoの使い道初めて知りました。。
てか考えたこともなかった・・・

レスどうもありがとうございます！

>>624
>標準モードであることを前提に
そんなブラウザ使うなて事さ

どうでもいいけど　勉強してから質問してよね

>>627
それ以前の問題

なんでここは答えてない香具師が後で質問者に文句を言うんだ・・・

標準モードと互換モードでは
主流はどっちですか？

これスレ的には標準モード以外にあり得ない

これスレってなに？

>>629
答えられないが、知ったかだけはしたい香具師と思われ。

>>632
キタコレスレ

hoverでz-indexの値を変える方法があったら教えてください。

.hoge{
　display:block;
　position:relative;
}
.hoge a:link,
.hoge a:visited{
　z-index:1;
}
.hoge a:active,
.hoge a:hover{
　z-index:10;
}

などとしてカーソルを乗せても何も変わりません
というか、アレコレ試しても

.hoge a:

の形でz-indexを指定すること自体できないようなのですが

>>635
どういうソースでやってんだか知らんが、↓でIE以外なら動いたぞ。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>テスト</title>
<style type="text/css">
<!--
* {margin:0;padding:0;}
#a {position:absolute;top:0px;left:0px;z-index:2;}
#b {position:absolute;top:50px;left:50px;z-index:1;}
#b:hover {z-index:3;}
-->
</style>
</head>
<body>
<div id="a"><a href="#"><img src="test1.png"></a></div>
<div id="b"><a href="#"><img src="test2.png"></a></div>
</body>
</html>

>>636
どうもです、画像ではできるんですね…
それをテキストでやりたいのです、こんな感じに
http://www.uploda.org/file/uporg229635.txt.html

下のボックスの見えている部分にカーソルを置くと上に来るようにしたいのですが

リンク先見たけど意味がわからんよ

>>637
テキストでも同じ。↓IEでもOKバージョン

#a a {position:absolute;top:0px;left:0px;z-index:2;width:100px;background:#f00;}
#b a {position:absolute;top:50px;left:50px;z-index:1;width:100px;background:#000;}
#b a:hover {z-index:3;background:#0f0;}

<div id="a"><a href="#">テストテストテストテストテストテストテストテストテストテストテストテストテスト</a></div>
<div id="b"><a href="#">テストテストテストテストテストテストテストテストテストテストテストテストテスト</a></div>

すみません、503だったかもしれません、これで見られるでしょうか
http://www.uploda.org/file/uporg229635.txt

いや変わらないからｗ

>>640
ソース見てみたが、a:hoverにz-index指定してるのに、
divにはpositionにstatic以外が指定されてても、a自体がstaticだから。
あとあまりに煩雑なソースだったのでまとめたが足りなかったらゴメン。↓

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html401/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>テスト</title>
<style type="text/css">
<!--
div a {width:5em;background:#acc;position:absolute;border:1px solid #000;text-decoration:none;}
.box1 a{top:1em;left:1em;z-index:1;}
.box2 a{top:1.5em;left:3em;z-index:2;}
a:hover {z-index:10;background:#ff0;}
-->
</style>
</head>
<body>
<div class="box1"><a href="test">test1</a></div>
<div class="box2"><a href="test">test2</a></div>
</body>
</html>

>>642
＞a自体がstatic
そういうことだったんですか…勉強になりました
煩雑でごめんなさい、いちいちa:linkだのを分けていたのは
普通のリンクと区別するためだったんですが分かりにくくなってしまいましたね

みなさんありがとうございました

質問者は仕方ないとしても、回答者は問題点だけを抽出しろよ。余分が多すぎる。

>>644
じゃあオマエが全部答えろよ。

回答者だってレベルの違いもあるし、有償じゃない質問スレ(2ch)で
おまえなにいってるんだｗｗｗｗｗｗｗｗｗｗ

おれ646だけどよｗｗｗｗｗｗｗｗｗｗｗ

>>646の
＞おまえなにいってるんだｗｗｗｗｗｗｗｗｗｗ
ってのを
→おなえなにいってるんだ（爆ｗｗｗｗｗｗｗｗｗｗｗ

に訂正しとってくんない？（爆ｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ

？？？

ごめｗｗｗｗｗｗまたミスった（爆ｗｗｗｗｗｗｗｗｗｗｗｗｗｗ

>>647の
＞おなえなにいってるんだ（爆ｗｗｗｗｗｗｗｗｗｗｗ
ってのを
→おまえなにいってるんだ（爆ｗｗｗｗｗｗｗｗｗｗｗ

に訂正しとってくれ頼む（爆ｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ

じゃぁまとめサイトの人よろ（勘違い爆ｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ

馬鹿はほっとけ

646がバカだろ・・

>>648に言いたかったんだよ。かぶっただけだ。

誰も面白いクラス指定に触れないんですね

>>653
ん？どのへん？

cssを使ってよくある2ペインのhtmlを作りました。
htmlのおおまかな構成としては
<div class="box">
<div class="header">
タイトル
</div>
<div class="left">
　左ペインの内容
</div>
<div class="main">
※※※※※
</div>
<div class="fotter">
コピーライト
</div>
</div>
といった感じなのですが、
このmainの中身の※部分に外部htmlをよみこませて、表示させるには
どうしたらいいのでしょうか？
っというかサイトを更新しようと思う場合、mainに表示される情報だけを更新したいと
思うのでmainの中身を外部htmlに記述しようと思ったのですが
そもそもこの方法ではダメなのかな？

小僧、スレ違いじゃ！

Webサイト制作初心者用質問スレ Part 146
http://pc8.2ch.net/test/read.cgi/hp/1129830722/

スレ違いすみません。

そちらの方に移動します。
誘導ありがとうございました。

>>656
棗真夜を思い出す口調

質問です。
ブログでBLOCKQUOTE部分を枠で囲う様に

BLOCKQUOTE {BORDER: 1px solid #99CC33; margin: 3px 20px; padding: 5px 5px 5px 5px; background-color:#FDFFF5;}

こんなふうに設定しました。

これはうまくいったのですが、BLOCKQUOTEの中なので中の文章を<p>でくくると一番下の行の下にいらない
空きができてしまいます。
ブラウザのスタイルシートの<p>のスタイルが適応されてしまうのだと思いますがこれを避けようと

BLOCKQUOTE p { margin: 3px 10px;}

と引用部分の<p>だけに別のスタイルを設定したのですが、やはり一番下の行のところに空き行が入ってしまい
ます。

どのように設定すればよいのでしょうか？
よろしくお願いします。

>>659
BLOCKQUOTE p {
　　margin: 3px 10px 0 10px;
　　padding:0
}

>>658
そんなマニアックな漫画よんでるの、俺とオマエしかいないってw

>>660
ありがとうございました。
うまくいきました。

overflowについての質問です。
ある特定のdivにoverflowを設定しましたが思うようにいきません。
希望の条件は、
1.中身が指定した縦幅を超えたときのみスクロールできる。
2.中身が指定した縦幅未満の時は余白(ムダなスペース)をとらない。
この２つの条件を満たす方法が分かりません。
div{
　　overflow:auto;
　　height:200px;
}
という感じでやると中身が１行であった場合、下に物凄いスペースができてしまうのです。
何か良い方法がありましたら教えてください。

IEがmax-heightに対応していれば話は簡単なんだが

IEに663の条件を当て嵌める方法が思い付かん・・・

　　　／　⌒⌒　＼
　　/　　　　　　　　ヽ
　/　 | | | | | | | | |　　ヽ
/ 　[ ー]'-｀[ー ]ヽ　　ヽ　　／￣￣￣￣￣
＼/ 　　､_　_, 　　ヽ　/　　　|
　　| 　　　　　ヽ 　　|ノ　　＜　全部IEが悪い！！
　　ヽ 　 　U　　　'　|　　　　|
　　 |_／⌒_⌒＼._ﾉ|　　　　＼＿＿＿＿＿
　　ヽ＼|＿|＿|／ /
　　　ヽ､＿＿＿,　'|

>>663のをJavaScriptで無理矢理やったあげく、
その案はボツになったのは懐かしい思い出。

IEを捨てればいい

>>668
８割以上がIEなんでつが…

IEにはできる限りの最低のCSSを被せるしかないよ・・・見た目合わなくても

それはさておき、>>663よ、IE以外にならheightの代わりにmax-heightだけでいい。
IEに適用させようとすると・・・JS使わないと無理ぽ。

>>669
9割です

9割は行ってないな。
携帯の台頭がこの頃激しいから。

ん？
いつのまにそんなに下がったの？一時期95%超だったような？IE

サイトによるんじゃね？
ウチはIE70%だぞ。

サイトによってはまちまちでも全体では今でも9割超だと思うけど

全体を計りようがない。

mac iEでmin-widthを再現するには？

世界的なブラウザシェア調査サイトが総じて閉店したのは
Windows版IE5-6の世界シェアが95-98%で変動しなくなり、調査する意味が無くなったから。

そのソースは古くないか？
「ブラウザシェア」でググると違う結果が出てくるぞ。

>>678
Mac持ってないから確認できなくて悪いが
heightだけでWinIEのように自動に伸びる仕様なんだったら

min-height:200px;
#height:200px;

でいいとオモ。

>661
意外と読んでたやつは多いかと思う

アニメにもなったしな。

これでこのスレでも4人は読んでることが判明ｗ

全然わからん
アニメみてる人間が周りにもいないし、話題にもならん

といっても半分程度しか読んでない
古本屋行くか

同じOperaやFirefoxでもLinuxとWindowsじゃ表示が違う？

ググる直前でようやく思い出した。

http://level.s69.xrea.com/mozilla/index.cgi?id=20051030_Acid2
I...I...IE...I...IE...IE......

ユーザースタイルシートでボタンの色と文字色の指定のセレクタは何でしょうか。

えっ？

あ、すいません。質問意味不明だったかもしれません。

*{
color:#000 !important;
background-color:#ffffff !important;
}

と指定するとボタンまでかわってしまうので、ボタンは変更されないようにしたいのです。

* の意味を理解してるか？

その後に pre とか link とか指定していくと変更できるのでボタンも変更可能かな？と思ったのですが、
間違ってますかね。

同じようにボタンもスタイル指定すれば

*に何をいれればいいのですか？
テキストなら pre ですけど。。。

>>14のwebscanで画像表示されないのは何故？

>テキストなら pre ですけど
ｵﾏｲどこで何を学んできたんだ？

>>696
HTMLは自分で書いたんだろ？
オーサリングだとしてもどこでボタンが作られたか解ると思うんだが・・・

ユーザースタイルシートをIEのインターネットオプションで指定しているんですけど。
HTMLではないです。

あとセレクタについて詳しく解説しているサイトご存知ないでしょうか？
pre はどこを指定するとか。
探したけれど見つからなかったんです。

テンプレ嫁

ブログのテンプレートCSSをなんとか思い通りに改造できるように
やっとなったというレベルの基本的にわかっていない初心者です。
ひとつのページにCSSファイルを複数適用するというような使い方はできるのでしょうか？
例えばブログの特定エントリーだけ違うデザインにしたりということがやりたいのですが･･･

>>703
ブログは借り物か？
レンタル先に質問してくれ

>>701
セレクタ＝HTML要素
ttp://www.zspc.com/html40/index.html
ここらへん勉強。

>>703
できる。
外部CSSだとしたらhead内に
<link rel="stylesheet" type="text/css" href="cssa.css">
<link rel="stylesheet" type="text/css" href="cssb.css">
みたいな感じで。あるいはlinkしたcssファイルの内部に
@import url(css1.css);
@import url(cssb.css);
のような感じでインポート。

IEの標準モードでborder-boxを実現する方法はあるでしょうか？

>>707
divの過ネストでいいのか？

>>708
あ、マージンが相殺されるんでしたっけ。
それしかないなら一応教えていただけるとありがたいです。

>>703
普通にmetaタグに
<link rel="stylesheet" type="text/css" href="追加したいcss">
を付け足せばいいんじゃね？

複数入れ子を作った状態で横幅30％、30％、40％とかの幅で合計100％のエリアを並べて作ったり、
600pxの幅で200pxの幅のエリア（合計600px）を3つ並べたりとか、幅をぴったりの数値で指定すると、
IEではウインドゥの幅によっては幅の中に納まらずに段が下にズレたりするのはIEの仕様ですか？

しょうですね

>>711
仕様って言うかIEのバグね

回避方法はやっぱりないのね・・・orz

ゆるめに作るしかないね

IE用のCSSを設定してやればいい。
例えば同じプロパティをひとつのセレクタ内に指定し、一方に
!importantをつけるとそれを無視するIEのバグを利用するとか。
具体例だと、
p {
color: red !important;
color: orange;
}
こういう風にするとFirefoxやOperaでは当然!important側が重要だから
文字の色は赤になるけど、IEは逆にバグのせいでオレンジ色になる。

他にはプロパティの前に_を入れると、IEのみがそれを
処理してくれたりする。
FirefoxやOperaに適用させたくない場合に使える。
具体例だと、
p {
_color: red;
}
こんな感じ。

link要素でtitle属性をつけてCSSを読み込ませる時のように、
複数のCSSファイルを一つ一つ別のスタイルとして
@importで読み込ませることは出来ますか？

＞CSSファイルを一つ一つ別のスタイルとして
？？？

>>717
出来ませんし、仮に出来ても最初の link につけた title の意味がありません

>>719
オマエの脳内だけの話だよね？

>>717
普通にできる。

>>716
HTML で条件コメントを使えと IEBlog でも言っているようだ。
その手のはっくは姑息な手段に過ぎなかったので、そろそろ止めた方が良い。

>>720-721
おいおい、>>717 が言っているのは
@import "hoge.css";
@import "hogehoge.css";
この2つに別々の title を付けて import できるか訊いているんだろ。
できねーよ。

ぐぐったら出てきた。
tp://p2b.jp/index.php?UID=1127227173

アンダースコアハックってのが>>716後者だよね？
俺は<!--[if lt IE]>〜のやつしか知らんかった。

>>722
アンダースコアハックが聞かなくなって正しい解釈ができるようになるなら
アンダースコアハックが入ってても無視サケルだけで、何の問題もないじゃん。

IE7βもバージョンによって違うのか、アンタースコアが効くって記事と効かないって記事があるな。
ttp://centricle.com/ref/css/filters/

>>726
まあIE7の最初のベータじゃセキュリティとかの方がメインでCSSにはほとんど手をつけてないって言ってたからね。
これから出るベータでどんどん変わってくるんでしょ。

つーかセキュリティなんて最低限の装備でしかないのに、
そこまでIEを6から放り出してたM$凄すぎ。

>>725
ハックなんてのは、可読性が下がって、それで保守性が下がるだけでメリット少ないと思うから、解答としてどうかと思うんだが。
対IEなら、言われてるコンディショナルコメントを使うのが良いと思うよ。

それに、IE7でハックが効くか効かないか、さらにcssのバグが無くなるかどうかは定かでは無いし。

Web制作板らしからぬまともなレスが続くなこのスレは

おいらも四苦八苦してやったけど、
あとあとメンテナンスしにくいからやめたお。

IEのためだけにheadにそれ入れるのもカコワルイ・・・つーかMSって傲慢

>>732
同意。スマートじゃないよな。
まぁ結局 WinIE Opera Gecko 全てに対して
細かい違いも出さずに
スマートに記述する方法なんて無いので仕方ないんだけど。

IEがもうちょっとシャキッとしてくれたらな。こういう悩みもないのに。
小学校1年生のころに運動会の駆けっこで一等賞になって、
それに浮かれて運動していなかったら、
中学校1年生のころにはビリになってたって感じだ。

>>734

中学一年生のころは勉強も出来て、学年順位1位だったのに
中学三年生になったら学年順位最下位みたいな。

IEが天下をとってるのも時間の問題ですね。
すぐに潰れると思うよ＾＾

IEよりもCSS3の勧告が待ち遠しいorz

勧告になっても実装されなきゃ一緒の状況になるだけではないか。

質問です。
IE6ですが、
background-image:url(images/a.jpg);
がどうやっても効きません。CSSは正常に反映されています。
背景画像の問題って、なにかありますか。
よろしくお願いします。

>>736
＞IEが天下をとってるのも時間の問題ですね。
＞すぐに潰れると思うよ＾＾

そのためにはWindowsがつぶれなきゃな。
Macユーザーの私としてはその時を心待ちにしています。

>>739
単純にパスが違うとか、リピートor位置指定してないから他の要素の下とか

>>740
窓が潰れても世の中リンゴよりDOS機の方が遥かに多い希ガス・・・

いぬっくすは？

犬糞（笑）

>>739
そのCSSからの相対パスになるけど、合ってる？

>>745
ありがとうございます。
ホントだ。<link rel="stylesheet"...>のあるファイルからの相対バス
じゃないんですね。しらなかったあ。
でも、いままでは埋め込んだファイルからのパスでうまく行ってたような
気が。仕様とか変わったんでしょうか。

変わってないよ。
同じ階層にしておけばとりあえず考える必要なし。

widthとかheightで、全体から何px除いた長さって指定できる？

100％-77pxとかできないかな

できません

やっぱ無理だよな
出来たら苦労しないか。

Scriptで頑張るしかないね。

つーかそんなあわせ技ができるならマルチカラムで苦心することも無くなるな

>>748
display:block;にしてmarginでしていするくらいしかない。

背景色と同じ色のボーダーで頑張ることはたまにやるよ。
段組には使えないけど。

2カラムのデザインで
header{
ttp://css.maxdesign.com.au/listamatic/horizontal28.htm(ここのヤツ)
}
main{
position: relative;
float: left;
width: b px;

}
sub{
position: relative;
float: left;
width: c px;
}
footer{
}
というスタイルシートを書いているのですが、ヘッダのリンクをクリックすると
footerがsubの高さまで上がってきてしまいます。
haederの位置を固定しても変わらず…どこがまずいんでしょうかorz

>>748
widthやheight指定せずに
>何px除いた
の何px分のマージン取ればいいんでないの？

>>755
position: relative;を外せば全て解決。

>>756
それで済めばいいけど、そうはいかない場合もあるんよ。

>>758
それは藻前が技術不足なだけ。

明らかに 100% - α　のときにしか使えない。

今CSSでWEBサイトを作るときに、思ったとおりになる様
試行錯誤しながらやっている状態だけど、もう少し好きなように
楽に出来るようになるとよいな

元のプログラム自体はそんなに大変じゃないと思うんだけど。
素人考えだけどさ

んだな。

>>748
ttp://www.shauninman.com/plete/2005/08/css-variables
これがCSSに変数が使える・・・らしい。
使ってみてレポートキボンヌ。

どうでもいいが全てのブラウザで仕様が同じになるようなCSS企画を出して欲しい。
99%無理だが…orz

仕様は出てるじゃん。
実装しないバカブラウザがいるだけで。
最たる規約違反ブラウザが多くのシェアを持ってるだけで。

いつから規約になったんだ？

いつから企画にｒｙ

>>757
解決しました
レスありがとうございました。

あ、企画はないなぁ

久しぶりに来てみたら厨くさいスレになってまつね
ブログ厨は迷わず氏んでねﾉｼ

ブログ厨という存在は初めて聞いたが
770が厨ということはよくわかった。

JavascriptStylesheetとCSSの違いについて教えてｸﾀﾞｻｲ

釣り

<div id="header">ヘッダー</div>

<div id="container" style="float:left;width:700">
<div id="menu">メニュー</div>
<div id="content">コンテンツ</div>
</div>

<div id="PR1" style="float:left"><img src="縦長バナー1"></div>
<div id="PR2"><img src="縦長バナー2"></div>

<div id="footer" style="clear:both">フッター</div>


こんな感じのソースで、下記のようにしたいのですが、
─────
─────
|　　　　 　　|ババ
|　　　　　 　|ナナ
| 　　　　　　|｜｜
|　　　　　　 | 1 2
─────
─────
バナー1だけの場合は上手くいくのですが、もう一つバナー2を横に並べようとすると、
どうしてもバナー1の下にバナー2が配置されてしまいます。
どうすれば上の図の様になるんでしょうか？アドバイスお願いします。

widthの足し算してみな

<div id="PR2"><img src="縦長バナー2"></div> もfloatさせる

>>775
すみません。もう少し詳しくお願いできないでしょうか？
floatを使う場合、画像は例外としてwidth指定は必要無いんじゃないのですか？
<img>タグにはwidth指定してますが。
>>776
それはfloat:rightってことですか？

アクセス規制解除テスト

p2で書き込んだらうまくできたよ
ﾔﾀｰ

widthで残り全ての%を指定する方法は無いのでしょうか？

ない

のでしょうか？

>>782
くだねーことすんな馬鹿

くだねー

くだねー
いいなー

くだんねーよ

ブロック要素だったらさ、わざわざwidth指定しなくてもいいんじゃねぇの

そうでもない

CSSでテーブルの入れ子のようなものって可能？
図で言うとこんな感じ
＿＿＿
| □□ |
￣￣￣
全部CSSでってのは無理なんだろか

できるけど
テーブルでいいよ

(´・ω・｀)ｿｳ?

自分もそうは思ったが、手抜きしてテーブル乱用していたら
ソースがごちゃごちゃで何が何やら・・・今更後悔
もし暇だったら教えてください

divで囲って中の要素にはfloatを使うとか
display:inline;を使うとか

さんくす、やってみます

display:inline;だけよく分からないんだが、
分らないなら使わないほうがいいよな

>>793
インラインとして使わないんだったら、やらないほうがいいとオモ

li:before{
display: marker;
content: "\00BB \0020";
li.recoments{
margin-left:10px;
}

と書いて、listの前に≫を表示させてるんですが、
IEにも表示させることは出来ないでしょうか。

>>795
背景画像にするくらいしか手はない。
IE7を待つとか。

ゴメン、背景画像じゃなくてもリストイメージでもいい。
どっちにしろ:boforeには対応不可。

このサイトのようにブラウザの横幅をせまくしても、
次の行に折り返ししない方法はどうやるんでしょうか？
ttp://www.geocities.jp/eternal_sisters/gokunama/

>>798
横スクロールバーなんてウザいことがやりたきゃwidthを指定するだけ。

IEでdivを並べたときheightに100%指定しても、含まれてる内容が一定量超えないと
下に変な余白が出るんだけどこれはバグ？FFだと大丈夫なのになぁ

CSS使うとき、どのブラウザを基準にしてやっていいのか分からんよー

変な余白ってｗ

アレなんか変なこと言った？

>>800
IEがバカなだけ。
俺はFirefox、IE、Operaの順にチェックしてる。

widthの仕様をどうにかして欲しい。
margin、paddingもwidthに含む含まないの指定できるもの希望。
外枠にDIVつくってその中にまたDIV入れて…
フロートも使う場合は嫌になるほどDIV書かなきゃならん。
いい方法ない？

余裕を持って作る。
絶対指定でつくる
デザインを見直す

bobyの横幅を780pxで固定するのは有り？

>>804
＞含む含まないの指定できる
IE以外はできる。

>>806
できるできないという意味なら「できるからアリ」。

>>804
見出し、段落、リストを意味に合わせて使えば、
フロート使っても余計な<div>は無くなると思うよ。

>>804
簡単な方法ではCSSハックというものがある。
綺麗にしたければCSSをブラウザ別に分ける方法もある。

気になって調べたら、DOCTYPEでモードを指定できるのね。
タグの宣言だけかと勘違いしてた。
＞とか＋の子セレクタの指定方法をIEがさっさと対応すれば悩みも減るんだが・・

おまいはなにも気にしなくていい
自由にやってどっかへ飛んでいってしまえ

テーブルをページの真ん中（縦・横とも）に
配置したいのですが、教えてください。

<table border="0" style="width:100%; height: 100%; text-align: center">
<tr>
<td><table width="450" border="1">
<tr>
<td> </td>
</tr>
</table></td>
</tr>
</table>
俺はこんなの大嫌い。

>>806
多くのPCの解像度は、1024x768

みなさんのお知恵を頂きたいと思い質問させてください。

今までテーブルで処理していたものを今回CSSで書き直しているのですが、
1pxの枠をつけて真ん中に表示(左右をauto)することはできたのですが、
その四方を枠で囲われた真ん中のボックス部分の左上に
画像をぴったり枠に沿ってbackground属性で表示したいのです。
(CSSを解除したときにはその画像は表示されないようにしたいので。)

ところがbodyの方にbackgroundを指定してしまうと、
真ん中枠内の左上の位置を指定することができません。
bodyタグ内にdiv要素などで画像を指定することも試した(left,topで指定)のですが、
IEでは枠線にそってぴったり表示されるものの、
FireFoxやNetscape、Operaではずれて表示されてしまいます。

このような場合、どうすれば解決できるでしょうか。

説明が下手で非常にわかりにくいかと思いますが、
もしお分かりになる方がいらっしゃいましたらご教示頂ければ嬉しいです。
よろしくお願い致します。

あ、ごめんなさい。
FireFoxとNetscapeではうまく表示されていました。
NGなのはOperaだけです。

Operaでも枠線に沿って表示することはできないのでしょうか？

ものすごろく日本語がわかりにくい。
一部ソース晒して。

/* CSS */
body {
width: 800px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: 1px;
}

div {
background-image: url("./image.gif");
background-repeat: no-repeat;
background-position: left top;
}

/* HTML */
<html>
<body>
<div>左上画像用</div>
〜
〜
以下本文
〜
〜
</body>
</html>


ごめんなさい。やっぱりわかりにくかったですよね。
簡単に書くとCSSとHTMLはこのようになっています。
「左上画像用」は実際には書いていません。
これでおわかり頂けるでしょうか・・・？

>>813
ちょっと待ておまえｗｗｗ

>>818
OK。

* {
margin: 0;
padding: 0;
}

これを追加汁。
Operaの独自のpaddingが影響してるせいだろう。
上の指定は、全てのmarginとpaddingを0にするよって意味。

>>815
vertical-align:bottom;

ごめん821は忘れて。
上のテーブルと頭が混じってた・・・orz

>>815
つーか標準モードだとキャンバスはhtmlになるのは覚えといたほうがいいかも。

>>813
ありが�d　<(_ _)>

>>820
なるほど。。。Operaにはそんな独自仕様がったのですね。
勉強になりました！有り難う御座いました。

>>823
キャンバスはhtml？
ごめんなさい、意味がよくわからないのでぐぐってきます・・・。

ところで左上の角の位置がわかれば(左から○px,上から○pxみたいに)
余計なdivをつけずにbodyでbackgroundを指定できるのですが、
左上の角の位置がわかる方法ってないものでしょうか？
追加の質問で申し訳ございませんが何か良い案が御座いましたらご教示下さい。
お願いします。

>>825
ちなみに独自仕様はOperaだけじゃなく、IEにもFirefoxにもあるよ。
それぞれの数値が違うから、さっきので全部0にしてしまえば
後で個々に設定するとき悩まなくて済むというだけの話。

それから位置がわかればってことだけど、
全体的に左からの位置を固定しないと無理かと。
例えばbodyを左寄せにするとか。
見る人の窓の大きさはそれぞれ違うわけだし。

>>826
そうですよね。確かにIEなどにもありますもんね。
今回は色々勉強させて頂き有り難う御座いました。
また何かあれば質問させていただくこともあるかと思いますが、
その際も何卒宜しくお願い致します。

因みにpaddingなんかの取り方は、独自仕様ではなくてデフォルトcssな…

質問です。

font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;

と指定しているんですが、通常のＭＳ Ｐゴシックでは字間が
狭いと感じるため、

letter-spacing: 0.1ex;

としています。
自分の環境で確認できるWinXP＋IE6だとちょうどよく見えますが
NN6だと一部文字が重なるところがあります。
またMacでOsakaフォントの場合、恐らく字間が広く感じて
しまうのだろうと思います。

WinのIEの場合のみletter-spacingを使用して
その他は使用しない、というやり方はあるのでしょうか。

>>829
ある。
CSS 振り分け ハック
あたりでググろう。

>>830
ハックなんて勧めるなっつうに、時限爆弾しこむ様なもんだろ。

>>829
ttp://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp
ここ読んで、これ使いな。

ハックを擁護するつもりはないけど、
IE7がきちんとCSSを認識するようになればハックした部分が無視され、
正しい方を読み込む「はず」だから別にいいと思うけどな。

>>832 IE7が出て予想される未来

ハックが使えなくなる
->CSSの実装バグが全部なくなってる -> MS様万々歳!!

ハックが使えなくなる
->MSが既に発表している通り、CSSの実装バグは大して直してない
->元々ハックを使って修正していたIEのCSS実装のバグが修正されなくなる -> MS潰れちまえ！

ハックは使える
->MSが既に発表している通り、CSSの実装バグは大して直してない（つまり、ちょっとは直した）
->ハックで修正していたCSSバグがMSの気まぐれで何故か直っていた。
->表示が変になる -> MS潰れちまえ！

ハックが使えなくなる
->略
->ハックでCSSバグをめでたく修正 -> MSちゃんとバグ潰せよ！

お好きな未来を選んでください。

>>833
×
ハックが使えなくなる
->略
->ハックでCSSバグをめでたく修正 -> MSちゃんとバグ潰せよ！

○
ハックは使える
->略
->ハックでCSSバグをめでたく修正 -> MSちゃんとバグ潰せよ！

ハーックション

IE7 beta2ではそこそこバグ修正しているという話らしいけどな。

　嫁
http://www.itmedia.co.jp/news/articles/0508/01/news011.html

加藤茶がいるスレはここですか

いいえ違いますお帰りください

イーッキシ！

font-sizeについて質問です。
サイズがピクセル指定の場合、ブラウザによってユーザが後から好みのサイズに変更
変更できたり出来なかったりするようですね。
いわゆる絶対指定で、且つ、全ブラウザでユーザが変更可能な指定方法ってあるでしょうか。

現在、すべてのサイズ指定を、ベースとなるサイズからの相対指定をしています。
このベースのサイズをブラウザのデフォルトに預けると、いくつかのブラウザでは
やや大きく感じます。しかし、ベースサイズをピクセル指定などにすると、
ユーザが変更できなくなってしまいます。
イメージ的には、IEでいう「文字のサイズ：中」が何ピクセルかを指定する
ようなことができればなあと思います。

解決策はないでしょうか。宜しくお願いします。

>>829
振り分け方法は幾らでもあるが、JavaScriptでいいんじゃね。
あとNN6→NN7に上げれ。それともNN6ユーザにも対応しなきゃならん理由があるのか？
それと、文字間隔は文字の大きさによって変わってくるから、
指定してあっても個々人の設定で見え方変わってくるぞ。
そこまで指定するもんではないと思うがな。

>>841
IE以外ならふつうにpx指定でも変えられる。IEユーザはユーザCSS使わないとどの指定でも無理。
だからぢっちのためにしろ、フォントサイズを変えても崩れないレイアウトをするしかない。

>>843
ありがとうございます。なるほど、普段IEがメインなので変更できないのが
一般的と勘違いしていました。むしろIEだけユーザビリティが低いんですね。
でもユーザ数でいうと絶対的多数派だし・・。はてどうしよう。

レスくださった方々、ありがとうございました。
（>>842さん、NNが6なのは昔入れて以来ずっとほっといたままなだけでした。
今後検証用にNN7と、OperaやFire Foxも入れてみます。）

ヒントをもとにあちこちのページを見回ってみたところ、
私の場合 letter-spacing のみ変更したいだけなので、今回は
複数cssファイルの振り分けより一つのcssファイルの中で設定をいじる
方法をとろうと思います。

>>844
IEのためにユーザビリティを上げたいんだったら、ますますフォントサイズ指定なしのほうがいい。

>>845
NN6は使用者も少ないしバグも多いから、N7で確認したほうがいいよ。

>>833
->ハックがどうであれ、とりあえずM$は潰れちまえ！

>>831
> 時限爆弾

あんたの言う通りだ。
正直すまんかった。

いろいろ試したのだがどうしてもダメだったので質問。
申し訳ないが教えて欲しい。
swfファイルを背面に設置して
そのswfファイルの上に文字なりbox要素をCSSで重ねたいのだが

これって無理なのか・・・？？

分かる方、若しくは「そりゃ無理だぜ。」という方
いたら教えて欲しい。

>>846
ありがとうございます。ない頭で考えました。
IE以外はピクセル指定で問題なしということで14pxをベースとします。
問題はIEの「中」がでか過ぎるということだけなのでjavascriptで
IEのみ14pxに一番近い%指定にします。14pxってのは例示です。
これでどうでしょう。本当にIEだけかどうかもよく調べないといけないですが。

>>849
散々ガイシュツ
FLASHのエリアはHTMLの管轄外
ブラウザ表示エリアの一番前固定と思ってもらっていい

>>851
thx
これを機に時々ここも覗いてみる事にする。
ありがとう。

>>852
<param name="wmode" value="transparent" />

でかろうじてできなくもない。
できないブラウザもあった気がする。

>>850
あのさ・・・わかってるか？
800×600と2000×1480じゃ、同じ14pxでも全然違う大きさに見えるんだぞ？
あんたにとっちゃIEの中でもデカいかもしれんが、解像度や視力によっちゃ
IEの台でも小さいって人もいるんだぞ？

台→大orz

ピクセル指定はよろしくないかも・・・

smallとか使えば？

わかってます。さらに言えば同じ800*600でもdpiが違えばサイズが違うことも
分かってます。特に問題ないです。

blog系はほとんどがsmallとかですね。ちなみにIEは置いといて、
ピクセル指定がよろしくない理由ってなんでしょう。IE以外ほとんどユーザ変更が可能と知って
なんだピクセル指定でいいんじゃん、と思ってしまったんですが、よろしければ教えてください。

>>858
その仮定はずるいだろ
議論にならない

>>844
別に自分のサイトなんだし、どういう指定だろうが好きにすればいいんだよ。
個人的な感想を言わしてもらえば、textが全部14px且つびっしりってサイトは好きじゃないけど。

>>858
IEは置いといて、てのがよろしくないと思う。

まあそこまでデザイン重視のサイトなら、サイズ固定も致し方ないと思うけど。
見る側としてはわざわざ自分で文字サイズ変えたりもしない人が多いと思う。

ずるいとか言わないでくださいよ。ピュアな質問です。
つまりIE対策ということですか。ということはやはりscriptを使うのは
一つの解決策として妥当ということですね。

14pxは例えばの話です。px指定したくなるのは制作者が考える画像とテキストの
バランスのデフォルトを示しておきたいという程度の理由です。

しかし、ブラウザデフォルトに対してsmallとか指定するのはどうも気持ちが
よくないと感じるのは僕だけでしょうか。どのブラウザに対する小ささを
期待しているのか作者の意図が不明じゃないでしょうか。

>>858
dpiの意味わかってる？
・何もしない状態で自分にちょうどいい大きさにしてあるのに何でそのサイト行ったとき変えなきゃならん面倒
・そのIEが利用者の大半
・自分のデザインを優先させてるくせにユーザビリティを気にしてる「フリ」だけしている
好きなの選びな。

>>862
わかってねーな。
だからsmallにしろ何にしろ、文字サイズ変更は単なる管理者のワガママなんだから、
だったらワガママって威張ってりゃいいものを、
いなにも私は利用者のことを考えてますって姿勢でユーザビリティ云々言うんじゃねーよって話。
ワガママするんだったらワガママと言い切って貫く、
それもできないバカと小心者と偽善者はサイズ指定なんか一切すんな。

つ　em指定

文字サイズは% || emにしとけ

emだろうと%だろうと同じだと思うけどねー。しないのが一番。