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

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

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

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

【前スレッド】http://pc11.2ch.net/test/read.cgi/hp/1190261475/
関聯リンクは>>2-10
【関連スレ】【仕様書】【CSS検証】>>2
【解説など】>>3-4
【FAQ】>>5-9

【関聯スレッド】
CSS/DHTMLバグ辞典スレッド【第５版】
　http://pc8.2ch.net/test/read.cgi/hp/1144494359/
代替スタイルシートに萌え〜
　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でイケてるデザインサイト 39
　現在次スレ待ち

【仕様書】
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
CSS2.0→2.1変更点
　http://www.d-toybox.com/spec/CSS2.1/appendixC/
CSS2.1（英語）
　http://www.w3.org/TR/CSS21/

【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
・ブラウザの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段組レイアウトデザ委員会
　ttp://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】
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

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:CSS2.1ではbackground-imageは一要素に一つだけ。要素を重ねるなど工夫しませう。
　もしくはCSS3を待ちませう。

【FAQ】
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

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

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

Q12: いままでHTMLでやってた××をCSSでやるにはどうすればいい？
A12: 下記をご覧あれ。テーブル・レイアウトは段組のFAQ（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

>>1 乙

【CSS】Webデザインについて
http://pc11.2ch.net/test/read.cgi/hp/1192852228/

おつ

ド素人質問ですみません。
H1タグなどを使うと、続く平文テキストが改行されて表示されてしまいます。
これを改行されないようにするには、CSSでどのように指定すれば良いのでしょうか？

たとえば、
<h2>見出し</h2><p>今日は寒いね。</p>
というソースの時、「見出し」と「今日は寒いね。」が一行で表示されるようにしたいのです。
（pタグはあっても無くてもかまいません。あるいはdivタグでもいいです。）

>>13
display:inline;

>>14
ありがとうございます！　助かりました（＾＾

ttp://www.stylish-style.com/csstec/hi-level/a-png.html
とかで、<img>上のPNGをIE6でも透過させるのはわかったのですが、
背景画像で透過PNGを使いたいのですが、
IE6でも表示が可能なようにできるのでしょうか。。

再度、素人レベル質問ですみません。

今２カラム構成のサイトを作っています。
ヘッダー部とコンテンツ部があって、コンテンツ部がメニューとメインの２カラムになっています。

このとき、左側のメニュー部に比べて右側のメインのほうがかなり長くなってしまうことがよくあります。
メニューには背景として色を指定しているのですが、メニィー内のコンテンツ（文字や写真など）がある範囲でしか
色が付きません（当然ですが…）。そこで、メイン部が縦に長くなるにつれて、
メニュー部の縦の長さもメインに合わせて自動で長くなっていき、
背景色もきちんと付くようにしたいのですが、どうしたら良いのでしょうか？
（こういうのはリキッド・デザイン…と言うのでしょうか？）

height="auto"かと思いましたが違いました。。。

>>17
メニューとメインをブロックで括ってそのブロックにメニュー幅分の色をつけた背景画像を縦に繰り返しで指定。
リキッドデザインとはいわない。

>>18
なるへそ。うまい工夫だねえ。
ここはcssレイアウトの泣き所だよねえ。

>>18
ありがとうございます。
なるほど、背景画像を用意して繰り返し指定ですね。やってみます。

※ちなみに「background-color」の設定ではやっぱりダメなんでしょうか？

前スレの最後の方でもこの話題は出てた

ttp://coliss.com/articles/build-websites/operation/css/558.html

>>20
background-colorの指定でも出来ないことはないけど
今度はメインがメニューより短い時にメインの下の空きスペースにその色が出ちゃったりする。
絶対にメインがメニューより短くなることがないならbackground-colorでもいいんじゃないかな。
>>21のやり方もスマートに思えるけどなんか弊害もあるって見かけたので
例）border-bottomが反映できない
使うかどうかは各々の判断で。

2カラムで左側がメニュー、右側がコンテンツ。
左側のメニュー部の背景にグラデーションの画像を配置し、
自動的に右側のコンテンツの高さと合わせることはできますか？

例えば
コンテンツ部の高さが500ピクセルの場合、メニュー部の高さ（通常300ピクセル）もそれにあわせて
自動的に同じ高さ（500ピクセル）になるように。

法則56 背景画像を工夫してフロートボックスの下辺を揃える｜サンプルダウンロード｜Web標準XHTML+CSSデザイン クリエイターが身につけておくべき新・100の法則。 公式サポートサイト
http://web-100.jp/sample/056.shtml
これを応用

>>23
>>17と全く同じ内容の質問するなよｗ

新種のアフェか。

ttp://phize.net/resource/html/doctype.html
の表なんだけど、縦横でhoverで色変わるけどどうやってるんだろ。
横だけってのは今うちでやってるけど縦横がわからない。
だれか解説してくれないかな。

アフェって何？

乞食

>>27
jQuery tableHover plugin

>>21
うおおおおお！！！！　これ超画期的じゃん！！
画像を用意する必要も無いし。
ハックっていうか裏技だよね、完全に。

でもIEでもFFでも両方ともうまく動作するので感心した。
これ編み出したヤツすげーなぁ。

overflow-y:scroll;
で縦スクロールバーを表示し、中に長いテキストなどを入れている場合
ブラウザで表示したときにいきなり最下部までスクロールさせることってできるんでしょうか？

css関係ない。スレチ。

ちなみにスタイルシートの設定じゃないとなると
何を使えば実現できますかね？

初心者は初心者スレへ

例えば8ptより小さいサイズのフォントだけ
ユーザースタイルシートで違うフォントを指定するなんてことはできますか？

出来ない。
それ以前にユーザーがどんなfontで見てるかわからないし、
font-sizeは固定指定するべきではないし、指定したところで無駄。

わかりました。ありがとう

>font-sizeは固定指定するべきではない
まだこんなこといってるやついるんだな。
自分のブラウザーのフォントを13pxに設定してて「フォントは100%にしろ」とか言い出すやついるからな。

まだ思い込みで批判するやついるんだな

小さいサイズが指定されているときに
ユーザ スタイルシートで何とかしたい って話じゃないの？
それも「font-size 指定するな」って言われるの？

「できない」っていうのは そのとおりなんだけども

CSSでやれってのは無理かも知れんが

FirefoxでもOperaでも
最小フォントサイズの指定はできるぞ

う、ごめ
フォントを変えたいのか
見当違いだったな

こっちこそごめんブラウザはIE6ですとか書かないといけなかった

へ？

質問する側として自分の環境は書かなきゃいけなかったなと
書いとけば勘違いもなかったかなと

IEの使い方はPC板へ

IE厨はスレ違い。

IEごときにCSSを対応させられない奴は素人

旦那、早速釣れてますよ

元々釣りスレだからな。

どうでもいい事に突っ込む奴が大杉なんだろ。

っていうか日本中のみんながIEやめてFF使ってくれたら仕事が楽になるんだけどなぁ。

>>53
普通のwebページを作成してる人はその気持ちなんだけどね。
一部おかしな人が未だに残ってるんだよ。
みんながieでウェブを見るのを止めるようにieにはcssを適用しないようにすればいいと思う。
うちはheader("Content-type:application/xhtml+xml; charset=utf-8");でお帰りもらってるが。

理想はそうなんだが現実的にはな…
うちのサイトに来る人は未だに8割がIE6以下だ
IE7が1割弱、その他まとめて残り1割って感じ

meやwin98使ってるのもまだ居るみたいだし
OS含め環境に無頓着な人のほうが多数派

M$がvista不振を反省し、まともなブラウザ作りに目覚めてくれたらいいんだが

最新ｗ とか銘打ってるブラウザーが
application/xhtml+xmlに対応できないんだからもうゴミ以外なにものでもない。
それとみんな知らないと思うけど、ieのdoctypeって先頭に
<!DOCTYPE ってあれば後は何を書いてもいいんだよｗ
ようするにHTMLでもXHTMLでも何も読んでないｗ

だが、それがいい！

IEはクソだけど、vistaはもっと（×１億倍）クソだよね。

ヘンな奴がまた湧いてきているな。

DOCTYPEやXHTMLとは縁遠い人がポップしました

>21のリンクを見て初めて遭遇したのですが、

#content:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

これは何のためにあるのでしょうか？
『:after』とは何ですか？

clearfixで

.clear-both {
clear: both;
}

<br class="clear-both" />

これと同じ役割ということで良いのでしょうか？

>>64
clearfixでググレカス。

位置指定で<table>の上に<table>を乗せた場合
下のテーブルの文字とか入力ウィンドウは全部隠れるのですが
<select>だけ隠れないで上に出てしまいます
どうしたら隠れるようになるでしょうか？

ソースは↓みたいな感じです

<table width=200 height=200 style="position:absolute;left:100px;top:100px;">
  <tr><td bgcolor=80ffff>
    下のテーブル<br>
    名前<INPUT size=20 name=id><br>
    年齢<INPUT size=20 name=age><br>
    性別<select name=Gender>
      <option value=0>おとこ
      <option value=1>おんな
    </select><br>
    国<INPUT size=20 name=country><br>
  </td></tr>
</table>

<table width=100 height=100 style="position:absolute;left:150px;top:150px;">
  <tr><td bgcolor=ff80ff>
    上のテーブル<br>
  </td></tr>
</table>

>>66
そのソースで再現すんのかよ？
htmlからしてヒドいし、基礎からやり直せってパターンじゃねえの？

ソースは実験用に色々変えているので体裁が悪いのはご容赦ください
<select>タグの上に<table>を乗せて隠れるような実装が知りたいだけです
環境はIE6です

これ
http://cssbug.at.infoseek.co.jp/detail/winie/b112.html

IEでしか確認しないのは間違いの元なんだし、
IEだけおかしいならまずバグ調べるのが基本。

ieの表示すべてがバグの上で表示してることを気づけよ。
未だにieだけで作ってる馬鹿いるんだな。
そんなサイト「ieで作りました＾＾ｖ」って検索ワードにいれとけよ。

レイアウトDivで囲みまくってるんだけどよくないの？

いえ別に

>>69-70
遅くなりましたが　ありがとうございました
今のPCはIEしかブラウザ環境がないのでIEのバグとすぐ気付きませんでした

iframeで別htmlを上に開くようにするかまたは
完全にかぶる場合はselectタグを非表示にする方向で対応しようと思います

>>74
＞今のPCはIEしかブラウザ環境がないので

だったらすぐに他のブラウザを入れればいいだろボケ。無料なんだし。
バカかお前は。

>>75
自分の偏狭な価値観が最上だと勘違いしている、バカ。

というか2chにはバカしかいないから当然だな
俺もバカだし

>>76
基地害かお前は。
IEのみでテストしてるほうがよっぽど偏狭だぞチンカス。

>>78
向こう側の人はほっとけ。

荒れてますねぇ( ´ー｀)

荒れてると言うか、ieなんか使ってるやつがcssを使うなんて3億年早い。
「FireFoxでちゃんと見えるのですがieでは・・・」とか聞き飽きた。
ieはバージョンアップだけに使ってください。

ヘンなのが湧いているな。

>>81
「FireFoxでちゃんと見えるのですがieでは・・・」

↑
これはしょうがないだろ。
自分はIE使わなくても、訪問者の多くは使ってるんだから。

>>81は3日使って名人気取りかいな ?

>>81
ieを使わないような奴がWebデザイナなんて、終わってるジャン。

こんばんは。
リストを段組みレイアウトしようと試行錯誤中です。
どうしても思い通りにならないので質問させて下さい。

リストを
□□
□□
□□
のように並べたいのですが、どうしてもIEとFirefoxで両立できません。
条件は、tableは使わない、li要素以外の縦幅は固定しない、#contentsの次にマージン付きのbox要素が来るです。

ソースを提示します。

body { margin: 8px; text-align: center; }
h1 { margin: 8px 0; background-color: pink; }
h2 { clear: both; margin: 8px 0; background-color: pink; }
#contents { width: 400px; background-color: red; margin: 0 auto; }
#contents ul { padding: 0; margin: 0; list-style: none; }
#contents li { line-height: 40px; width: 200px; height: 40px; padding: 0; margin: 0; vertical-align: middle; background-color: #CDCDCD; }
#contents li.left { clear: left; float: left; }
#contents li.right { margin-left: 200px; }

<h1>test</h1>
<div id="contents">
<ul>
<li class="left">menu 1</li>
<li class="right">menu 2</li>
<li class="left">menu 3</li>
<li class="right">menu 4</li>
<li class="left">menu 5</li>
<li class="right">menu 6</li>
</ul>
</div>
<h2>test</h2>

よろしくお願いします。

>>87
2個のulを並べたほうがはやい

そうかもしれんがそれだと厳密にはHTMLのマークアップがおかしくなるだろう

>>87
#contents li.leftと#contents li.rightの指定消して
#contents li { float: left; }にして
#contents:afterでclearfixすればいけないか？

>>89
リストが2個以上あったらいけないの？

質問があります。
IEで<table>タグを使用したとき、上下のセルの間隔を完全に無くしてしまいたいのですが、上手くいきません。
理想的には'|'が1本の縦線に見えるのが理想的なんですが、実現可能なんでしょうか？

一応サンプルをつけます。
<table>タグを使った場合も<a>タグの部分と同じくらい上下の隙間を無くしたいと考えています。

<html>
<head>
<meta HTTP-EQUIV="Content-Style-Type" content="test/css">
<style type="text/css">
<!--
table {border-collapse:collapse;font-size:30px;padding:0px;margin:0px;}
td {background-color:green;}
span {background-color:pink; padding:0px;}margin:0px;line-height:1em;}
a {font-size:30px;background-color:pink;line-height:1em;}
-->
</style>
</head>
<body>
<pre>
<table>
<tr><td><span>｜＿￣｜｜｜｜</span></td><td><span>hoge1<span></td></tr>
<tr><td><span>｜＿￣｜｜｜｜</span></td><td><span>hoge2</span></td></tr>
<tr><td><span>｜＿￣｜｜｜｜　</span></td><td><span>hoge3</span></td></tr>
</table>

<a><span>｜＿￣｜｜｜｜</span><span>hoge1<span></a>
<a><span>｜＿￣｜｜｜｜</span><span>hoge2</span></a>
</pre>
</body>
</html>

>>92
テンプレ>>8のQ12をよく読んでください。

>86, 87です。

>>90
ご指摘の通り、少し調べてleft, rightを消して以下のように

.clearfix:after { content: "-"; height: 0; display: block; clear: both; visibility: hidden; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; }

<div id="contents" class="clearfix">

としたら、IEでもFirefoxでもSafariでも同じ表示ができるようになりました。
このような裏技があったとは知りませんでした・・・。

みなさん有り難うございました。

>>91
そういう意味じゃないでしょ

一連の一つのリスト(ul)に属するもの（この場合は個々のメニュー）を
レイアウトのためだけに別々に分けてマークアップするのは
意味付け的におかしくないか、ってこと

>>93
Q12のリンク先を読んでみたのですが、
解決のにつながるヒントを見つけることが出来ませんでした。
もうすこしだけ、ヒントをいただけないでしょうか？

>>96
君がやりたい事がわからない。
tableのborderを繋げたいのか、罫線を使って何かの図形を表示したいのか。

>>97
詳細を説明すると複雑なんですが、
borderとか罫線とかは関係していません。
Ajaxを使って下記のような文字列を取得して表示させたいんですが、
|の部分を縦線のように見せたいということです。
ただ<table>を使わなければいけない事情があるんですが、
<table>を使うと隙間が出来てしまって困っているという状況です。

"aaa　|　 bbb　| ccc"
"ddd　|　 eee　| fff"

>>98
? |←これ罫線じゃないの？
それは置いといて、普通にborderでやればいいじゃない。

今年のクリスマスは、大井競馬場で騎乗があるため
中止となります。また、それに伴いましてクリスマスイヴやプレゼント交換会
も中止となります。みんなごめんね
http://2chart.fc2web.com/2chart/2007kurichuusi.html

昨年は、各所でこのような楽しいクリスマスの風景が見られましたが
今年はやらないでね
http://2chart.fc2web.com/2chart/tanosiikurisumsu.html

>>98
＞<table>を使わなければいけない事情がある

どんな事情だよｗ

どうせクライアントの我侭なんだろう

>>101
windowのアプリケーションをwebへ移植してるんですが、
どの位置（絶対値）に何の情報を表示させるのかを定義した雛形がたくさんありまして、
最初はDIVタグを使って絶対値を指定して表示させてたんですが、
絶対値指定だと情報量が少ないものは隙間が大きくなってしまうので、
テーブル形式にも対応させて横幅を狭くしようって事になったんです。
これがテーブルじゃないといけない理由です。
そして、縦幅がきまっているのでセルとセルに隙間ができてしまうと一番下の情報がオーバーしてしまうので、
borderに変えるだけでは解決できないという状況です。
もとのwindowsアプリが罫線の｜を繋げて線として扱っていたので、
その仕様を引きずるしかないんです。

かなり時間もなくなってきているので、無理なら別の方法を考える必要があるんですが、
やっぱりセルを完全にくっつけるのは無理なんでしょうか？

>>103
そもそもセルをくっつけるわけではなく、
セル内の文字列をくっつけようって考えがおかしい。

>>89
いつから複数のul出現がだめになったんだ？
うちは1ページに4個ulでてきてfloatでならべて
xhtml1.1でvalidだけど？

>>103
「DIV」はタグでなく要素だと何万回言えば・・・・

>>103
「DIV」はブロック要素だと何億回言えば・・・

>>107
！

>>105
>>95

>>105
君はもう少しログの流れを読んだ方がいい

>>103
＞これがテーブルじゃないといけない理由です。

うーん、なんつーか・・・・
チミは「スタイルシート入門」みたいな本を８億冊くらい読んだほうがいいんじゃないか。

言い方が悪かったかもしれないが、
テーブルで表示しようとしている部分は
データベースから値を取得してる表形式のデータなんだよね。
だから、できるならテーブルにしてすっきり表示させたいって流れ。
で、大半のデータは数値データだから問題ないんだけど、
一部のテキストデータで|を縦線としてつかっちゃってるのがあるから困ってたの。

本来ならこんなことはしたくないが、依頼元からやってくれって言われてるから仕方なく方法を考えているんだよ。

本題とは全く関係ないところにばっかりツッコンデ話をそらせていくのは何で？
2chなんかに聞いて時間を無駄にした自分に無性に腹が立ってる…。

データの「|」を削除すればいいだろ。
手作業でか？とか言わないでね・・・

まあ本人も分かったみたいだが
仕事に関する事を2chに聞こうって時点で完全に間違いだよな
そもそも質問すれば必ず回答が返って来るとは限らんし

で、テキストで構成されてる罫線を別のもの（borderとか）に
自動変換するんじゃダメなのか？

>>112
2chで煽りレスがつくのは当然だし、まともに答えた奴が後悔するような事言うな。

>>113,114
レスありがとう。
ちょっと前のレスでも書いたんだが、
縦のサイズが決まってるんだけど、テーブルに変えると下に少しはみ出てしまうんだよね。
だから|をborderに置き換えるだけじゃ完全に解決出来なそう。
とりあえず、｜の入った文字列を扱う時だけテーブルを使わない方向で考えてみます。

では、この話題はここで終了ということで。

ttp://goruax.hp.infoseek.co.jp/20070901_171119.png

＞テーブルに変えると下に少しはみ出てしまうんだよね
じゃあなぜtableに固執するんだろ。。

>>118
もう終わりって言っただろうが。
しかもテーブルにする理由は横幅を縮めるためって書いてるんだが…。

お前がレスしなきゃいいんだよ。
下がはみ出る〜横幅が〜、お前の仕事なんかどーでもいいわ。言う相手間違えてんだボケ。

書き込み内容もろく読まないゆとり乙

日本語も書けないゆとり乙

>>121
まだ張り付いてんのかよw
お仕事しなさいってwww

お前らがさっさと回答しないから俺が怒られるハメになるだろ！！
この役立たずどもめが！！

せっかく俺が重要な情報を後出し＆小出しにしながら質問してやったのによ！！
フン、もう質問してやらないからな。
いくら俺が半島出身のチンカス人間だからって差別するな！

そして釣り師登場

下手過ぎて萎えるね

お前らが役に立たないからだよボケ！

誘導されてきますた
なあ教えてほしいんだが
公式テンプレートの　５ページ目にある　blueっていうテンプレート使ってるんだけど
中央の横幅を広げたいのだが、広げると右のサイドバーが下に落ちてしまう
3時間ぐらいぐぐったけどそれらしいのがなかったんだ
どこの大きさを設定すればいいのか
変えるであろうところ　
全体の大きさ？
#baseBlock {
width: 760px;
#baseLeft {
width : 570px;
float : left;
左のメニュー
#menu1Block {
float : left;
width : 160px;
中央の記事などを表示するところ
#mainBlock {
float : right;
width : 410px;
右のメニュー
#menu2Block {
float : right;
width : 180px;
中央のメニューを100上げて、中央も100あげたら右のメニューが落ちた

いきなり公式テンプレートって言われても。

次の質問どうぞ。

ごめんね
書き込みする前にテンプレートの画像とか探してみたんだけど・・

公式テンプレートって何ですか？？

もう放置しとけ。
テンプレとか意味不明。

朝からテンプラ喰った俺が颯爽と登場！

こんなところに釣り糸たらして楽しいか?

楽しい。

ああきっとあれだ
いつものしつこくwordpressの質問する奴だよ

wordpressや他の日記ツール内のCSSの質問は今後
放置で。
あいつらは、みんなが自分と同じ日記ツールを使ってると思ってるし、
CSS＝日記ツールだけのもの
って考えの馬鹿もいるので無視していい。

俺は非公式テンプレートなんだがやっぱダメか。。。

公式テンプレートだろうが、非公式テンプレートだろうが、
cssとなんら関係ないだろうが。
cssスレで「テンプレートがですね」とか言われても
はぁ？としか言えない。

ブログ自体が嫌いな俺はどうすればいいですか

ブログじゃなくCMSと考えればいいんだ。
課内で作業手順書の共有にWordPress使ってみているけど結構便利。

ブログは嫌いだ
検索の邪魔

>143
手前の検索スキルが低いのにエンジンに当たって何になる

何て言うのかな？　web上のブックマーク？
あれが邪魔すぐる

>>144
ブログが一切引っかからない検索の仕方を教えて下さい。

-blog -ブログ

>>146
オレの欲しい情報は、検索するとたいていブログ上にあるが。

>>148の尻に乗る。オレの場合もそうだ。

アフィblogだけ排除するオプションが欲しい

レイヤの上にレイヤを重ねたいのですが、IE6できちんと表示されません。
外部CSSで前に表示したいクラスにz-index:100;を指定して、
後ろに表示したいクラスにz-index:1;を指定しましたが、
前に表示したいレイヤがbodyよりも後ろに行っています。
z-indexの値を変えても何も起こらず、むしろ記述があってもなくても同じでした。
FireFoxでは正常に表示されました。
（z-indexの値の変化でレイヤが前後されることも確認しました）
IE6ではsytle属性のz-indexが無視されるバグがあるそうですが、
外部CSSのクラス定義時のz-indexも無視されるのでしょうか？
どうにかならないものでしょうか？

>>151
ソース出せ

body { text-align:left; background-color:blue;}
#outline { width:750px; text-align:right; margin:20px; }
.outline-margin { margin:0 10px; }
.header { height:100px;}
.center-right { float:right; width:538px; position:relative;
padding:15px 10px 10px 150px; margin:0px 16px; background-color:red;
text-align:left; color:black; z-index:1; }
*html .center-right { float:right; width:698px; position:relative;
padding:15px 10px 10px 150px; margin:0px 8px; background-color:red;
text-align:left; color:black; z-index:1; }
.left { position:absolute; z-index:100; top:150px; left:70px;
width:100px; text-align:left; background-color:green; color: black;}
.c-both { clear:both; }

<BODY><div id="outline">
<div class="header">
タイトル
</div>
<div class="outline-marign">
<div class="center-right">
メイン<BR>メイン<BR>メイン<BR>メイン<BR>
</div><!-- end right -->
<div class="left">MENU</div><!-- end left -->
Rights Reserved　
</div><!-- end outline-marign -->
<div class="c-both"><br></div>
</div><!-- end outline --></BODY>


細かいところは適当です。変な記述・設定も今は見逃してください。
よろしくお願いします。

サンプルにこういう色使うヤツって気遣い0だと思う・・

平気で原色を使う人いるけど、
モニターを任意に暗くしてるのかコントラストを下げてるのか
きっとカラーマネージメントできてないモニターで作ってるんだろうな。
それか目がおかしいか。
自分原色のバックグラウンドとかのサイト見ると目がおかしくなる。

はっきり色わかれてた方がわかりやすいかと思ったんですが
逆効果だったようですね･･･すいません；

>>156
自分で何とも思わんのか。賠償を請求したいわ。
でどれを前に出したいんだか知らんけど、
floatとpositionを同時に指定するとおかしくなるバグがあったはずだが。
コメントごちゃごちゃ書くとfloatがどうとかいうバグもな。

出た賠償請求ｗ
在日の得意技ｗ

えへ

分かりづらいから色分けしておこうという気遣いが裏目裏目

ふとしたことで小石を放り投げた結果パリ市民６万人を死に至らしめた
伊集院みたいな奴だな

<div id="container">
　　<h3>カテゴリ１</h3>
　　<ul><li>〜</li></ul>

　　<h3>カテゴリ２</h3>
　　<ul><li>〜</li></ul>
</div>

みたいな状態で、h3に　margin-left: -20px;　と指定して箱からはみ出させて
ポストイットみたいに表示させようとしたら、FFだとうまくいくけどIEだとはみ出た
部分が表示されないのな。これはIEがウンコだという風に解釈していいの？

>>161
position:relative;

floatで段組してるからなぁ…relative使うと面倒なのよね

ありがとう、何とかしてみる　どれ、褒美に角砂糖をくれてやろう　　っ□

ネガティブマージンを使って2カラムのレイアウトを作っています。
固定幅の左カラム、可変サイズの右カラムという構造です。

このレイアウトで、IE6.0でウィンドウを縮小リサイズするとき、
右カラム内に横幅の大きな画像などが入っていると、
左カラムの位置がズレてしまいます。

こういったときの対処法はどのようにすればよいのでしょうか

大きな画像なんか入れなきゃいいじゃない。

floatによる段組のリセットで



<div style="clear: both;"></div>



よりもスマートな方法ってある？

clearfix

>>167
同じだろｗ

@media規則について質問です。外部読み込みCSS（同一CSSテキスト内）で、

div.hoge {display:none}
@media print {
　div.hoge {display:block}
}

となっている場合、印刷時にはdiv.hogeは表示されるのでしょうか。特に@media規則を付けていない（allもない）CSS内に、ぽつんとprintがある状態です。
仕様書読んでも@media規則の優先度が見つからないのでどうしたものか悩んでいます。
printの方にimportant付けても良いんですが、後々面倒なので。

アホが来た

>>169
やってみれ

ageるよ

<style type="text/css">
<!--
* {padding: 0; margin: 0;}
.boxR { background-color: #FF0000; width: 200px; float: left;}
.boxG { background-color: #00FF00; width: 200px; height: 200px; float: left;}
.boxB { background-color: #0000FF; width: 400px; float: left;}
-->
</style>
</head>
<body>
<div class="boxR">boxR</div>
<div class="boxG">boxG</div>
<div style="clear: left;"></div>
<div class="boxB">boxB</div>
</body>



上記のような段組があったとして、実際には緑の高さが可変する場合、
赤の高さを緑に合わせる（＝赤と底辺の青がくっつく）ようにする為には
どうしたらいいんでしょうか？
赤の要素に「height:auto;」を追加してもダメですた・・・

>>21を読め

IEで、floatを指定した画像の後にbackground-imageを指定したulを入れると、
background-imageだけが画像の前の方にいってしまうのはバグなのでしょうか？
解決方法あれば教えていただけると助かります。

マージン指定しる

ああ、ごめんなさい言ってませんでしたが、
回り込ませるようにしたいんですよ。
http://www.uploda.org/uporg1125091.gif.html
こうしたいんです。

>>177
バグくらい自分で探せ
http://cssbug.at.infoseek.co.jp/index.html

一応見たんですけどね(;´Д`)
http://cssbug.at.infoseek.co.jp/detail/winie/b111.html
これかな？
どうしようもないってことですかね。

li要素のlist-style特性でリストマーカーを表現するのなら､ list-style-position特性をinlineにすることにより
リストマーカーを回り込ませることができます｡

>>179
それだってならoutsideだからだろ

ブログで記事を書くと広告が出てしまうんですが
その広告を削除する方法を教えてください。

ブログ板池

>>182
それはブログでなくてCMサイトと呼ぶんですよ。

http://blog.html.it/layoutgala/LayoutGala26.html
上記のレイアウトをFirefoxで見ると
横スクロールバーが出てしまうのはなぜでしょうか？
（IE6だと出ません。）

http://blog.html.it/layoutgala/LayoutGala25.html
単に float の right と left を入れ替えてるだけなのに、
レイアウトを左右を逆にすると横スクロールバーは出なくなるようです。

この現象について何かご存知の方いらっしゃいますか？

>>185
IEはマイナスマージンを無視するってウンコ仕様だから。
26のような左メニューなら普通にfloat:left;で事足りる。
そこまでしてコンテンツを先に書きたいならposition使えと言いたい。

たとえば、
サイドバーの見出しの前に（ボタン的、マーク的？）画像を
付けようとしていて、画像と見出しの高さ位置がずれてしまうとき、
微調整するcssがあったように思うのですが、何でしたっけ？

すみません解決しました

CSSで特定の部分にだけ色をつけたいんですが、

色をつけるためにHTMLをいじるなんて

CSSの哲学にあいません。

id->substr(5,10) {color:red}
id->search('/赤文字/') {color:red}

のようなことができるCSSって作られないのですか？

>>189
それはJavaScriptの仕事だと思わないか。

まずIEだとこうこうなるけど、他のブラウザーだとこうなります。
って時はほぼ100％IEの表示が間違って事を理解しましょう。
IEのウェブページ表示機能はかろうじて表示出来ているだけです。
「そんな分けない！IEが間違ってるはずが無い」と思うなら。
「IE バグ」でぐぐってみましょう。
直ぐにでもIEを削除したくなります。ならない人はウェブページを作成する側でなく
今すぐ見る側になりましょう。

>>191
W3C厨、乙。

いやW3C厨じゃなくても実際にWeb制作した事ある人間なら
IEへの不満は多少なりともあるだろ…

IEだろうが、なんだろうが
同じように作る

AppendixのGrammer(http://www.w3.org/TR/CSS21/grammar.html)の読み方がわからないのですが、
解説しているページはないでしょうか。

読み方って・・・「グラマー」という答えでいいのか？

>>196
単語の読みではなく、
>stylesheet
> : [ CHARSET_SYM STRING ';' ]?
> [S|CDO|CDC]* [ import [S|CDO|CDC]* ]*
> [ [ ruleset | media | page ] [S|CDO|CDC]* ]*
> ;
みたいな構文の読み方です。

>>197
無理せず邦訳を嫁。2.0と2.1では大した違いはない。

>>198
本文は読んだのですが、AppendixのGrammerのところだけは読み方がよくわか
らず、どこかにこの表記法の説明がないかなと思ったのですが。
(XMLのBNF記法はググると解説が出てくるのですが)


CSS2の邦訳(http://www.y-adagio.com/public/standards/tr_css2/grammar.html)
でも、文章が日本語になっているだけで文法の定義の部分は同じ表記法を
使っているみたいです。

そんなもんは最初の方に載ってるに決まってる。

LALRでググっていたのですが、YACCでググってみたら解説が出てきました。
なんとか理解できそうです。どうもありがとうございました。

<STYLE>
P { margin: 0 }
</STYLE>
<P>Ted: Where did I put it?
<P>Kei: What are you looking for?
<P>Ted: I can't find my wallet. Oh no, maybe I left it somewhere.
<P>Kei: Gee, that's too bad. Where were you last?

質問させてください。テキストがブラウザの幅よりも長くて
折り返されるとき、インデントされるようにしたいのですが
できるでしょうか？上のHTMLにスタイルシートを追加して
下のように表示したいのです。

Ted: Where did I put it?
Kei: What are you looking
　　for?
Ted: I can't find my wallet.
　　Oh no, maybe I left it
　　somewhere.
Kei: Gee, that's too bad.
　　Where were you last?

>202

p でマークアップするのが妥当かどうかはおいといて
p { margin-left: 2em; text-indent: -2em; }

>>203
できました! なるほどです。ありがとうございます。

>>203
この方法を昔自分が発見したときは俺って天才！とか思ったなｗ
こんなの誰でもしてるんだけどなｗ

とりあえず、pは小文字に、タグを閉じ忘れないようにね。

#wrap {border: 1px solid #000;float: left;width: 100%}
#right {float: right; margin-left: -200px; width: 200px}

<div id="wrap">質問いたします。よろしくお願いします。
<div id="right"><ul>
<li>aaaaa</li>
<li>aaaaa</li>
<li>aaaaa</li>
<li>aaaaa</li>
<li>aaaaa</li>
<li>aaaaa</li>
<li>aaaaa</li>
<li>aaaaa</li>
</ul></div>
</div>

wrapで指定した枠からaaaaaのリストが飛び出してしまわないようにするには
どうしたらよいのでしょうか？

>>207
それcssじゃなくて、htmlの基本だから。

>>207
#wrap { overflow: hidden }とか？

>>209
そうじゃないみたいですが、margin-left: -200pxを削ったら
意図しない位置に動いたけど枠内には入りました。
そこからまた微調整してみます。ありがとうございました。

>>210
お前、>>185？

sageるとID分からないのでageて書くけど、違います。
そのアンカー先の質問が似てるのならちょっと参考に目を通してみます。

>>212
id="right"が飛び出すって話なら、ソースが間違ってると思う。

OperaとFirefoxで表示が違うね。

wrapとrightのwidthの指定が逆じゃないか、普通。

個人的には width:100%; でくるんでる wrap に float:left; のほうが
気になったんだがこれ外すと全体を囲わなくなるんだね…（Safari、FF）
でもOperaだと変わらず全体を囲む、これってどっちの解釈が正しいの？

元ソースが意味不明すぎる。
何故マイナスマージンなのか。
それを削ったとしても、div直書きなら一見上手くいくわけだが、
wrap内に例えばp要素を入れると途端に違うものになる。

>>216
#wrapのfloat:leftを削除した場合は、子要素のフロートを含めない高さにな
るのが正しいんだよ。
> Only children in the normal flow are taken into account (i.e.,
> floating boxes and absolutely positioned boxes are ignored, and
> relatively positioned boxes are considered without their offset).
http://www.w3.org/TR/CSS21/visudet.html#normal-block

うちのOpera 9.24ではFirefox 2.0.0.10と同じように全体を囲まない。

>>218
ふ〜ん、子要素と言えどもフロートされているものは別、ってのが
基本なんだ…うちのOperaは8.01（Mac版）だから古いわけだね
勉強になりました、ありがと〜
ただ wrap 自体にフロートを設定すれば全体が一つのブロック扱いに
なるってのはｲﾏｲﾁ直感的に理解しにくいな…

>>219
#wrapにfloat:leftを指定した場合は
Complicated case(http://www.w3.org/TR/CSS21/visudet.html#block-root-margin)
に当たるので、

> In addition, if the element has any floating descendants whose
bottom margin edge is below the bottom, then the height is increased
to include those edges.
http://www.w3.org/TR/CSS21/visudet.html#root-height
という規定によって、#rightのフロートを含めるようにして#wrapの高さが決
まるはず。

サイドバーの見出しをクリックしたとき、
見出しの色を変えるにはhoverで設定できますが、
その見出しに対応したページが表示されている間ずっと、
見出しの色がずっと変わっているようにするには、
どうしたらいいですか？
これはcssではできないんですかね？

↑ページ読み込み中の間、という意味ではないです。
そのページに来ているとき、どのサイドバーの見出しに該当しているか、
即分かるように、表示ページに該当する見出しの色だけ、他の見出しとは違う色にしたいのです。

５つのdivを同じ位置に重ねて表示するってできませんか？
<div id="Oya">
<div class="Kodomo" id="id1"></div>
<div class="Kodomo" id="id2"></div>
<div class="Kodomo" id="id3"></div>
</div>

これを、Oyaの中で同じ位置に重ねて表示したいのです。

Oyaに
position:relative;
Kodomoに
position:relative;
と
top:0px;
left:0px;
width:100%;
height:100%;
を指定したのですが、
重ならずに親と同じ大きさの枠になり下に連なって表示されます。

DOCTYPEはXHTML1.0のStricです。
宜しくお願いします。

>>221
hoverはクリックしたときじゃねえ。
カーソルがのっかったときだ。

>>221
jsでやれ

>>223
.kodomo {position:absolute;top:0;left:0;}

うちはメニューなんかにjavaスクリプトを使うなんてばかげた事したくないのでphpでメニュー作ってる。

>>221
サイドバーってのは別フレームでやってるの？
じゃなければ、そのページの見出しのみ、id付与するなり<span>で囲うなりして
手動で別の色を指定していけば？

CSSスレでフレームって・・アホか

>>221はブログだと予想

角の丸いコンテンツを作成したいです。
調べたところ、cssで<b>タグを連続させるようなものや、firefoxにしか適応できない手段や、テーブルを使って画像を組むものしか見つかりませんでした。

上記の3通りの手段以外に角を丸くする方法はありますか？
よろしくお願いいたします。

>>230
ttp://www.roundedcornr.com/

>>230
背伸びせずに自分の出来る範囲でサイトは作成しましょう。
なぜか？
あなたの文面を1度読めば誰もがそういいたくなります。

タグ＝<>
要素=p,table,div,span,etc...

>>231
参考にします。
ありがとうございました。

>>232
はい・・・。
頑張ります。

>>233
すいません。
勘違いしてました。
×<b>タグを連続
○b要素を連続

自分で出来る範囲でやってみたいと思います。
みなさんありがとうございました。

やれやれ・・・
こんなやつがまた公害のような糞サイト作るんだろな・・・・

別にいいじゃん。誰も見なければ無害

ieにだけ合わせて作った分、時間があまりまくりで本文に無数のキーワードを入れてるページが
多くて、つまらんサイトに限って検索するとヒットするんだよね。
例をあげると、phpのマニュアルサイト。
あんなもん本家行けばあるのにアクセス稼ぎだけのために載せてあったり。

妬み乙

>>230
横幅固定になるけれど
http://adp.daa.jp/archives/000424.html

スクリプトでやる方法も
http://webdesign.html.it/articoli/leggi/528/more-nifty-corners/1/

遅くなりすみません。
>>225
javascriptですることなんですね、なら諦めようと思います。
>>227
意味がよく分からないです。

>>227 フレームではないです。

>>221
例えば共通のサイドバーがこんなのだとしたら
<ul>
<li id="works">Works</li>
<li id="diary">Diary</li>
<li id="about">About</li>
</ul>

「Works」のページのstyle要素には#works { ... }、
「Diary」のページのstyle要素には#diary { ... }と
別々にスタイルを設定すればいいんでないの？style要素じゃなくて、
works.css、diary.cssみたいに外部スタイルシートにして別個に
読み込んでもいい。一つのスタイルシートファイルで済ますのは無理だよ。

JavaScriptでそのページのURLを見て、DOMを使ってスタイルを指定するって
手もなくはないけれど、普通にスタイルシートを使ったほうが簡単だと思う。

>>221
クリックで〜なんて条件をつけるから面倒になるんだ。

ttp://www.lucky-bag.com/archives/2005/12/print-background-image.html
ここで紹介されている印刷の時に背景画像を表示する方法を使ってみたのですが

<h2 id="toppage">トップページ</h2>

h2#toppage {
color: #fff;
display: list-item;
list-style-image: url(../images/toppage_title.jpg);
list-style-position: inside;
letter-spacing: -1000em;
font-size: 1pt;
}

Operaで印刷プレビューをすると、表示された背景画像の横に1ptの隠すつもりの1ptサイズ文字（トップページ）が表示されてしまいます
(firefoxやIE７などでは表示されません）
ページ内の他のcssが邪魔してるのかなと新たにXHTMLページを作って、html＆cssソースを上に書いた物だけにしても
やっぱりOperaでは文字が表示されてしまいます
この紹介ページからのサンプルページ
ttp://www.lucky-bag.com/appendix/print-background-img/print-background.html
をOperaで印刷プレビューしてみると文字は表示されませんでした、一体どこが違うのでしょうか・・・

>>244
サンプルのソース見ろ

>>242
説明ありがとうございます。
分かりました。それでやってみます。
どうも有難うございました。

わざわざ背景画像まで印刷させようとする意図を聞いたみたい

>>246
ごめん補足。>>242の例でサイドバーのソースを「Work」のページだったら
<ul>
<li id="works">Works</li>
<li>Diary</li>
<li>About</li>
</ul>
のように、スタイルを変更したい要素だけにidかclassを設定することで、
一つのスタイルシートファイルだけで済ませられる。

table-layout: fixed;　に関する質問です。
table-layout: fixed;を設定し、最初の一行目のtdでwidthを設定しておけば
一行目の内容を読んだ時点から逐次描画が始まると説明しているサイトを
よく見かけるので（例　http://www.htmq.com/style/table-layout.shtml）
本当かどうか実験してみました。
ブラウザはFirefoxの場合はtable-layout:の設定にかかわらずテーブルの
逐次描写を行ってくれるので、IE6を使いました。
（内容は２×２のテーブル内の各セルで2秒間スリープを設定しているだけです）
-------------------------------------------------------------
<html><head></head><body>
<table width="400px" style="table-layout: fixed;">
<tr><td width="200px">スリープ１回目開始<br>
<?php
sleep(2);
?>
</td><td width="200px">スリープ２回目開始<br>
<?php
sleep(2);
?>
</td></tr>
<tr><td>スリープ３回目開始<br>
<?php
sleep(2);
?>
</td><td>スリープ４回目開始<br>
<?php
sleep(2);
?>
</td></tr></table>
</body></html>

table-layout: fixed;のおかげで逐次描写が行われるのなら
サーバー側のスリープで待たされている間、表の部分描画を行うはずです。
ところが前述のファイルにアクセスすると部分描画は一切行われず、
8秒間待たされた後に表全体が一度に描画されました。

従って（少なくともIE6の場合は）table-layout: fixed;はブラウザに
逐次描画を促すことはせず、テーブル全体の内容を読み込むまで
描画は行わないのではないか？という結論になりました
（内容を読み込んだ後の描画は高速化するのかも知れません）

実験自体が間違っている可能性もあるので念のために
table-layout: fixed;で検索をかけてみたのですが
table-layout: fixed;を使えばテーブルの描画が高速化する
と書いているサイトばかりがヒットして参考になりません。

これについて詳しい方がおられましたらお教えいただけると幸いです。

昔のMSDNをInternet Archiveで漁っていたのですが
どうも800行くらいの大規模なテーブルじゃないと
効果が出ないだけのようでした。

とりあえず解決と言うことにしておきます。
お騒がせしました

一つ質問させて下さい
WordPressデフォルトのテンプレートやその他のテンプレートで３カラム（記事欄＋サイドバー右側に二列）にしたいのですが、検索しても良く分かりませんでした。
Firebugでサイドバーが２列並んでいるサイトのソースを覗かせて頂いたりして、自分のブログに適用しました。
そしたら二列になりました。
二列にする大まかな方法（？）やり方と言うかタグと言うか･･･。
教えていただけると嬉しいですm(_ _)m

見難い駄文で恐縮です

>>252
専用スレあんだからそこでいけばいいじゃん。
WordPressのことなんて誰もわからない。

了解しました

>>251
ていうかIEのtable-layoutにはバグが多いから気にスンナ。

ie前提の話はやめましょう。

他のブラウザで表示が崩れるってんならともかく
特定ブラウザで表示が早くなるんならそれがIE専だろうがFF専だろうが
やるべきだろ　アホか

入れ喰いですね旦那

div idで４つに分けてグループ分けしたのですが。
１グループの中のみ文章を変色したり小さくしたいときはどうしたらいいのでしょうか？

普通に#hoge { color: blue; font-size: 90% }みたいに書けばいいんでないの？

cssの基本からやり直しですな
色変え出来ないなんて。

class指定

画像を使って角を丸くしたいんですけど、
１つのdivの中に画像を１つしか置けないのですが、これは
HTMLで配置するんですか？

>263
━┓
┏┛　　　　⌒
・ 　　 .＿__　⌒　 ＿＿＿　　　━┓
　　 ／　―＼　／　―　　＼　 ┏┛
　／ノ　　(● Ｘ　　(●)　 ＼ヽ ・.
｜　(●) 　/_　　（⌒　　(●) /.　
｜　　 （__/　　 　 ￣ヽ__） ／ 　 　
　＼　　／´　　　　_＿_／ 　　　
　　 ＼|　　　　　 　 ＼ 　　 　 　
　　　/|´　　　　　　　　| 　　

>>263
君は何を言っているのだ。

すいません。シンプルにdivで4つのグループ分けをしまいた
box1,2,3,4として

[　　1　　]
[2 ][3 ]
[ 4 ]

４つの丸角画像で枠を丸くしたいんですけど、ＣＳＳでどう指定するんのですか？
box１つの中にback-gorundの画像が１つしか置けないのですが。

説明の追加です。すいません。
box1の左右の端に上左と上右の角丸を置きたいのですが。

>>266
ちょっとはｸﾞｸﾞﾚｶｽ
ttp://www.google.com/search?q=css+%E8%A7%92%E4%B8%B8

bodyで指定しないのに、文字の行の間隔が開いてしまったのですが、
どうやったら狭くすることができるのですか？
line-height:はダメでした。

>>267
臨機応変と言う言葉があってだね、

>>269
親と子の両方のマージンとパディングを殺しなさい

最初に初期化しない人多いのだな。
まともなサイトのcssとか一度でも見てみれば分かるが
どこもキチンと初期化してあるんだけどな。

基本を勉強してないからだ

初期化って普通に
*{ margin: 0; padding: 0; }
とかってことか？

人それぞれだろうけどうちはぼーだーもしてる。

FC2ブログとかいうのを始めて、ほぼ始めてCSSとにらめっこしてたら気が狂いそうになった

みんなすげえな　メシおごるから俺の強制透過する本文画像直してくれよ・・・

>強制透過する本文画像
それはCSSじゃなくて画像直さないと駄目じゃね？

量子力学に比べりゃcssなんて簡単な方だ
ああレポートが

>277
画像は普通のだぜ！！！　で調べたらなんかtopentryとかいわれたけど
これってCSSのほうじゃなくてHTMLの方じゃね？って気づいてすでに俺の気が狂っていることを示していました

>>279
俺もブログからCSS勉強し始めたクチだから偉そうなこと言えんが、
お前マジでメシおごるから消えてくれ。
ここでtopentryなんつーFC2独自変数持ち出してきてどうすんだよ。
お前みたいなのがいるからブログ（笑）テンプレート（笑）ってなる。
つーか、どうせfilter:alphaとかopacityとかだろ。自分で調べろ。

>>だぜ！！！

これだけでもうぐんにょりだ。
釣りだとしたらまぁそこそこの釣り師だな。

cssで、divブロックの高さ指定をしたいんですが、
単純にheight指定をしただけだと、
Firefox2 → OK
IE7 → OK
IE6 → NG
となってしまいます。

IE Developer ToolbarでIE6の画面を調べたところ、
どうやらclientHeightというプロパティに入っている値が邪魔してるっぽい。
で、このclientHeightというのは何者かというと、
IE Developer Toolbarで、Show Read-Only Propertiesにチェックをつけたときに
表示されるプロパティです。

IE6のdivブロックの高さを指定する方法をご存じでしたら
教えてください。

>282
ttp://search.live.com/results.aspx?q=clientHeight
ttp://search.yahoo.co.jp/search?p=clientHeight
ttp://www.google.co.jp/search?q=clientHeight

で、ソース貼らないで何がしたいんだ？

>>283
すみません。

えっと
画面はこんな感じです。

-----------------------
メニュー表示部分
-----------------------
コンテンツ部分

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

えっとそれで、メニューの高さを調整したいです。HTMLはこんな感じです。

<div id="menu">
メニューのHTML
</div>

えっとそれでcssはこんな感じです。
#menu {
position: relative
top: 0px;
height: 140px;
}

こう書いてるのに、clientHeightが勝手に231とかなってるんです。
お願いします。

ie7も含めすべてのieなんかにあわせる時間が無駄無駄。
ieなんてテキストみせてりゃいい。

>>284
何言ってんのかさっぱりわかんねー

>>286
すみません。CSSとか分からないひとはちょっとご遠慮ください。

なに？画面て意味不明

overflow:hidden;

ただの釣り師か

IEﾃﾞﾛﾃﾞﾛﾂｰﾙなんて使ってる奴いんの？

釣り師じゃありません
ほんとのデザイナーですよ
お返事待ってます

>>289
ありがとうございます！
その一行で解決しました！
とってもファンタスティック！
助かりました

>>ほんとのデザイナーですよ

　　　　　　　　　　　,, -──- ､._
　　　　　　　　．-"´　　　　 　 　 ＼．
　　　　　　 　：/　　　_ノ 　　　ヽ､_　ヽ.：
　　　　 　 　：/ 　 oﾟ(（●）)　(（●）)ﾟoヽ：
　　　　　　：|　　　　 　　（__人__）　　　 |：
　　　　　　：l　　　　　　　 )　 (　　　 　 l：
　　　　　　：` ､　　　　　　 `ー'　　 　 /：
　　　　　　　：, -‐ (_).　　　　　　　 ／
　　　　　　　：ｌ_ｊ_ｊ_ｊ と)丶─‐┬．''´
　　　　　　　　　　：ヽ　　　：i　|：
　　　 　 　 　 　 　：/　　：⊂ノ|：

今時のデザイナーってーのはコミニュケーション能力に欠ける奴ばっかりなのか ?

こんなんばっかだから、わざわざ求人情報に「他人とコミュニケーションが出来る人」などと
小っ恥ずかしい一文を入れるハメになる。

デザイナー（笑）

おれもデザイナーだぜ！

じゃあ俺も

僕は高良みゆきちゃん！

おいらは紫彩乃だぜ？

>>296
それはデザイナーより、プログラマーの募集に多いと思うぞｗ

おれプログマラーもできるんだぜ！

おれもプロマグラー

オラ悟空！

三波春夫でございます。

うん、この流れはここまでな

う
ん、
こ

複数の画像を縮小して表示するときに、
自動的に元の画像へのリンクを張る方法はあるのでしょうか？

>>309
激しくｽﾚ違い

>>309
こういう質問する馬鹿は、サイトなんて作るのは数億万年早い。
2chばかりみてないで少しはいろんなサイトのソースをみたりしろ。
画像もコードもウェブページにあるもの全て同じ枠でしか考えれないなんて話にもならん。

>311
こ〜ん、まで読んだ

そもそもCSS,HTML,JPEG,PNGが何なのか全く理解していないんだろ。

初心者を馬鹿にするのって楽しいよね！

現在<link rel="stylesheet" type="text/css" href="++.css">で
外部.cssを呼び出してスタイルシートを使っています
これにファビコンの表示を加えたいのですが、可能でしょうか？
可能ならばどう記述すればいいのか教えてください

>>314
omeda!!!!!!!!!wwwwwwwwww

>>315
>>311

ttp://1kb-sozai.com/icon/paint12.html

CSS 2.1の絶対位置決めに関する質問なのですが、
http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width
で定義されている"The static position for 'left'"は
その要素がインラインレベル要素で先行する兄弟のインライン要素が
存在している場合以外は、常に0になってしまうんではないかという
気がするのですが、他に"0"にならない場合ってあるでしょうか。

CSSでイケてるかもしれないデザインサイト
http://pc11.2ch.net/test/read.cgi/hp/1087892776/

落ちました

>>319
どこにインラインレベルの話が。。

すいません、質問させて下さい
マウスの位置によってリストの表示、非表示をしたく下記のようにしてみたのですがうまくいきません
どうやらオンマウスで表示させようとしてもうまくいってないようなのですが原因がつかめず困惑しております
願わくば解決方法を教えていただきたいのですがよろしくお願いします

<div id="menu">
<h2 onmouseover="document.getElementByID('pop01').style.visibility='visible'"
onmouseout="document.getElementByID('pop01').style.visibility='hidden'">
<a href="index.html">目次</a></h2>
<ul id="pop01" onmouseover="this.style.visibility='visible'"
onmouseout="this.style.visibility='hidden'">
<li><a href="side.html">１</a></li>
<li><a href="side.html">２</a></li>
</ul>
</div>

>>322
なんでJavaScriptの質問をCSSスレでしますか

>>322
スレ違い
続きはWebで
http://pc11.2ch.net/test/read.cgi/hp/1194265231/


ちょっとヒント
document.getElementById
margin: 0;

>>323
ごめんなさい、HTMLの本に載ってたのでCSSだと誤認してました
スレ汚しすいません

>>324
ご丁寧に誘導までありがとうございます
ヒントは私なりに試行錯誤したのですがよくわかりませんでした
続きのところで質問させてもらうことにします
度々スレ汚ししてすいませんでした

table{ width:100%;}

で、テーブルすべて100%表示しています。
これを一部のテーブルだけ100%指定を解除するには
どうしたらいいのでしょうか？

>>321
<div id="hoge">
あいうえお<span id="fuga">かきくけこ</span>
</div>
#hoge { position: relative; font-size: 10px; }
#fuga { position: absolute;
left: auto; right: auto; width: 60px;
margin-left: auto; margin-right: auto; }
と指定すれば、#fugaのleftの値は約50pxになるはずなんですが、
これ以外に"static position for left"が0以外の値を取ること
があるのか、という質問です。インラインレベルの要素も絶対位置決め
することができるはず。(そしたら 10.3.7 Absolutely positioned,
non-replaced elements が適用される。)

ど　こ　に　イ　ン　ラ　イ　ン　レ　ベ　ル　の　話　が

>>320
classでも使ってください。
「脱初心者をめざす人のためのホームページ作成講座」
　http://mynotes.jp/lecture/

>>327
さっぱり要領を得ないが、10.3.7の内容は包含ブロックの幅の算出で、
＞インラインレベルの要素も絶対位置決めすることができるはず
なんつー話に関係ない。
それより名前欄に最初の質問番号入れてね。

>>326
基礎の基礎から勉強する

IE6.0なのにborder-style のinset outsetが効かない（inputおよびdivタグでテスト）
っておかしいですよね？
私のほうがどこかの記述を間違えてるんですよね。

解決しました。すれ汚しすまそ

画像と文字を同一セル内で続けて表記して、文字位置が下つきになってしまうので、
この文字の縦位置を中央に配置したいのですが、どう記述すればよいでしょうか？

検索語句が良くないのか、ググって試した<td valign="middle">では上手くいきませんでした。
下記の様に配置したいです。宜しくお願いします。

■■■■
■画像■　文字
■■■■

>>333
cssなんて使った事もないだろ。web初心者スレ池。

>>333
このスレは初心者おことわり。

>>335
おまいもおことわりってことだな。

10.3.7の内容は包含ブロックの幅の算出か。すごいな…。確かにそういう考え方もできるが。

>>333
おまえみたいなカスは消えろ、死ね

>>338
子供は黙っていてね。お姉さんとの約束よ。

はーい,わかりました。

>>333
こういう方法しか思いつかない。
* { margin: 0; padding: 0; border: none }
div { height: 200px; line-height: 200px }
img { vertical-align: bottom; height: 200px }
<div>
<img src="gray.png" alt="text">
文字
</div>
もっといい方法はないのかね。

2人とも初心者スレ池

ユーザーCSSについて、お伺いしたいんですが…よろしいでしょうか？
背景色変更は下記記述でいいと思うのですが…。
body{background:#xxxxxx !important;}

これだと全てのWebに同じ背景色が適用されてしまいますね？
”Stylish使えばいいのでは？’というお話になりますがStylishに完全対応
でないか対応していないMacintoshのMozilla系ブラウザで特定のサイトだけ
狙い撃ちで背景色変更をする技はありますでしょうか？
（例：SeaMonkey, MacOS9のWazilla1.3,WamCom1.3.1）

某SNSサイトで、10月に行なったリニューアルによってMozilla1.3系ブラウ
ザしかOS9環境でユーザーがまともに使えるものがなくなったのとFirefox系
にはなじめない・Safariは最初から相手にしてない…という私のような人は
非常に見づらいデザインを強要されているのでユーザーCSSでの書き換えを
試行中ですが、背景色の問題だけが解決出来ません。

ご教示よろしくお願いします。

ていうかStylishってなんですか？

>>343
なんか勘違いしてるようだが、Stylishは管理が楽、再起動せずに反映してくれるというだけで
やってることはuserChrome.css、userContent.cssに記述してるのと全く一緒

/* userContent.css */
@-moz-document domain("yahoo.co.jp") {
  body { background-color:#ffffff !important; }
}

というようにドメイン単位で指定することもできる

というかスレ違い

>>345
感謝です。ようやく問題解決しました。
記述が下記のようにしていて疑わなかった事が原因でした。
/* userContent.css */
@-moz-document domain("yahoo.co.jp")
body { background-color:#ffffff !important; }

やっとこれで、ゆっくり寝られそうです。多謝！！

最近あちこちのスレで中華多いな。

#main table{ border:1px}

として、#mainの中のtableにボーダーを付けました。
#mainの中の一部のtableにはボーダーを付けたくありません。
その場合、どういうソースを書けばいいのでしょうか？

classを付ける

class="ichibunihabo-da-wotuketakuarimasen"

基礎も学ばずテーブルレイアウトしてるんだね。

>>346
もうちょっと自分で勉強して理解してからやれよ
理由も構造もわからないままモノづくりは出来ないし、修理もできないよ

CSS始めた頃ってやたらimportantとか使いたがるんだよな。
いまいち意味も分からずに。

訳がわかると逆に意味がわからなくなるimportant、IEのせいで。

その意味がわからんな
仕方なく使う理由はある

特定の条件でボックスが勝手に大きくなってしまう現象がおきました。
アンカーのhover状態でフロートやブロックについてのバグがあるみたいなので
同じ関連のものなのかもしれないです。

親ボックス、中に左、右、下のボックスがそれぞれあり、左右は左フロート、下はclearしてあります。
そこで、(今回の件で試したのは)左ボックスの右マージンが特定の数値になると
下ボックスが勝手に大きくなってしまいます。
マージンを含めた中のボックスの幅が、親ボックスのwidthより大きくなっていることはないと思います。
現時点では左ボックスの右マージンを特定の数値以下にするか
アンカーのhover状態で背景色を指定しないようにすると直るのですがこれはバグなのでしょうか？

ソースは　http://www-2ch.net:8080/up/download/1197426102128858.KEQW9e?dl　においてあります。

すいません、現象がおきたのはIE6.0でした

言葉足らずでした。
スクロールしたり、アンカーの部分に触れたり、リロードすると
ボックスが大きく(時には小さく)なります。

ああ、それは天狗の仕業

<LI></LI>に、background-colorを指定すると、
</LI>で閉じた以降も文字のバックグラウンドに色が付いちゃうんだけど
これはIEの仕様なの？

>>360
さすがのIE様もそこまで馬鹿じゃない。
試しにやってみたがIE6,IE7,Opera,Safari,FireFoxでなんの問題もない。

ごめんごめん
入り子状態の<UL>の一つが、<UI>になってたよ！
単純な閉じ忘れだった

もう、このおちゃめさん！つねってやるんだから！

（ぶちっ）

へ〜ieでも終了タグは一応気にしてるんだな。

よくみたら終了タグじゃなく要素が間違ってんじゃないかｗ

入り子だし

いりこと言えば、関東の人って味噌汁って出し取らないの？
関東で味噌汁のむと辛いだけで味がないんだけど。
うどんやそばもしょうゆの味しかしないし

かつおの繊細な風味もわからん関西人に言われたくないねと釣られてみる

>>367
そうだよ。
だからお前は一生関東に来ないでいいよ。

自己解決しました。
clear要素にwidthを指定してなかったのが原因だったようです。
clearするボックスには本来widthの指定は要らないはずですよね？
fxで確認した際は正しく表示されていたのでやはりIEのバグでしょうか。

>>370
最小ソースも出さないで独り言か。
基本から間違ってんだろ。

>>371
申し訳ないです。

<div style="width: 800px;">
　<div style="float: left; width: 200px;">
　　<p>左<br>左<br>左</p>
　</div>
　<div style="float: left; width: 600px;">
　　<p>右</p>
　</div>
　<div style="clear: left; background-color: #808080;">
　　<p>フッタ</p>
　</div>
</div>

この状態でフッタのボックスが大きくなります。
左のテキストをドラッグすると背景色がずれたりもします(http://sakuratan.ddo.jp/uploader/source/date62635.png)

ソースでどこか間違った所があるでしょうか？

また忘れた・・・
IE6.0の標準準拠、後方互換どちらも起きました。

urlは最後のカッコを抜いた　http://ime.nu/sakuratan.ddo.jp/uploader/source/date62635.png　です。

>>372
marginどうこう言ってたけどどこに？左のテキストをドラッグするとは？
それは置いといて、IEは親要素の中身を800にしたらズレるって馬鹿仕様があるけど。

>>374
書き込みの後に再現性を調べてたらマージンとかではなく
clearしているボックスにwidthが指定してあるかどうかでした。
IEはそんな仕様があるんですか、気をつけます。

＞親要素の中身を800にしたらズレる
エエエエエエエエエエエエエエエエ
知らなかった･････
知らないうちに使ってそうだ

px指定なら平気だろ
合計100%指定だとあふれることあるけど

pxでも合計値が親と同じになったら駄目ってのがある。
その他の条件は忘れた。

>>372
クリアするdiv要素にwidth:100%などを指定するといいかも。

はあ？

例えば中央表示させた横幅720pxの両側に影をつけて、
少し立体的に見せたいと思っています。
それで、影を付けた背景画像をＣＳＳで中央にもってきて、
repeat-yさせました。
そしたら、中央に影がちゃんと表示してくれましたが、
見るウィンドウ幅によっては、1px分だけ影がズレてることあるんですよね。

多分、ウィンドウの幅が奇数か偶数かで、中央表示のズレが1px生じて
くるのだと思うんですけれど、これってどうにかならないものでしょうか？？

なにがあっても幅を変えられないブラウザ作ればいいんでね

しかし、やっぱりどのブラウザでも、
なるべく同じように表示されたいと思っております。
メディアファクトリーのサイトは両側の背景の影が、
見るウィンドウ幅によって微妙にズレが生じていますね。

しかし　ttp://www.popxpop.com/
のサイトはズレないんですよね。
やってることは同じだと思うのに、どうしてなんでしょうか。

ソース見る気は無いの ?

IDも出さないしつもんは放置しましょ。

別にIDを出す必要はないが

>>386
わざわざレスしなくても結構です。

別にIDを出す必要はないがｗｗｗ

filterを使う時にbodyの幅を未設定または100%以外の値を設定するとfilterの処理が
非常に遅くなるという記述を見つけたのですが本当でしょうか？
とりあえず100%にして見たんですが、自分じゃあまり変化が感じられない＆
そうすると横スクロールバーがでてしまい他のところも修正しなければならないようなので質問です。

filterはCSSじゃないのでスレ違い

最近こんな質問多いよな。

cssだと思っていました。すみません。
えっとでは該当スレで聞こうと思うのですが、filterは何なのでしょうか？
ぐぐってみたけどスタイルシートの解説のところに書かれている…

根本的なことを言えばActiveX。
だが初心者スレでいいんじゃない？

＞スタイルシートの解説のところに書かれている
あのアホサイトか。。
今でこそCSS3に一部盛り込まれる予定だが、それもM$の尻拭いとしか思えない。

用語もわからん、自分が何をしているのかもわからんのに
よくサイト（たぶんサイトのことだろうが）とか作ってるつもりになれるな。
filterとか漠然とかかれてもあんたしか分からんだろ・・・・・
自分で自分が何をしてえるのか分かってるんだろうか・・・・・

質問です。カーソルに画像を使用したいんですが、

<style type="text/css">
<!--
body{cursor:url(カーソル画像のアドレス);}
a{cursor:url(リンクに触れた時のカーソル画像のアドレス;}
-->
</style>

のソースを使用すると、リンクにtitle=""を使っていた場合
リンク文字にオンマウスするとカーソルがチカチカして安定しません。
よろしければアドバイスをお願いします。

ハードの問題にまでどうしろと。

>>394
CSS3はopacityだろ？

未だにスクロールバーやカーソルを変えたいやついるんだな。あんなのサイト管理者だけが喜んでるだけで
見に来る人は迷惑この上なうんだけどな。
何をどう考えればそんな「変えたい！」って思うんだろうか。

どんなのサイトでカーソルを変えてるのかソースを見てみたい。

>>398
一部って書いたじゃないさ。からまないでくれ。

別に盛り込まれたわけじゃねーべ

JS系からのアプローチじゃなかったか？

>>402
だから予定って書いたじゃないさ。ワザとかよオイw

2,3行もレスも読めない奴がいるのかよ

>>404
絡むなって言っておいて人に絡んでるおまえはワザとかよ、オイ。
つかいいかげんウザイよ。

>ディスクトップにおとしました。
いやいいんだけど

>>406
あんたは人に曲解されたままで平気なんだ。へえ。
大体あんな短い文章の意を読み取ってくれない人が1人以上居るって事に、
教育の歪みを感じないのか？ 危機感はないのか？
はい、釣られてやったよ。満足した？

>>406
バカじゃねーの

馬鹿ほどどうでもいい場所で頑張っちゃうｗ

>>407
ゴバクしたなw

質問させてください。
css
.bg_left_top{position:absolute; z-index:30; top:0px; left:-20px; height:700px; width:20px; background:url/bg_left.gif) no-repeat;}
.bg_left_bottom{position:absolute; z-index:10; bottom:0px; left:-20px; height:1600px; width:20px; background:url/bg_left_bottom.jpg);}

ヘッダには<div class="bg_left_top"></div>
フッタには<div class="bg_left_bottom"></div>
と書いて背景画像をヘッダーが手前になるように重ねたいのですが
FFだと狙い通りに、IEだとフッターの画像が上に来てしまいます。
バグっぽいんですがうまく表示する方法を教えて頂けないでしょうか？
二つとも大元のrelative<div>の中にあります。

>>412
バグだと思ったらまず調べるクセをつけろ
ttp://cssbug.at.infoseek.co.jp/detail/winie/b162.html

マック用の Gekko 系ブラウザだと、
table の上マージンが caption の下に入るのですが、ウインドウズ用でも
同様のことが起きますか？

>>413
レスありがとうございます。
しかし、そこに載っているのとはケースが違うようなんですが。
bodyにz-index指定していませんし。

>>415
ああごめん親要素じゃないのか
それにしてもそのソースおかしいんでね？
left:-20px;は意味不明だし、positionにheight指定してるし、urlのカッコはタイポなわけ？

>>412
最小ソースを貼れって

>>414
起きます。
CSS2.0と2.1の違いなのでどっちが正しいとも言えないけど。

>>418
ありがとう。
マック用の Mozilla だけ取り残されてたのかと思ってました。

バグ辞典に無かったようなんだけど、

<dl>
<dt><a herf>モジモジ</a></dt>
<dd class="hage"><a herf><img /></a></dd>
<dd><a herf>モジモジ<dd>
</dl>

<dl>を左フロートして、<dt><dd>も左フロート。<dd class="hage">を右フロートで組んだら、
IE6のみ<dd class="hage">の<img />にa:hoverでのボーダー色切り替えが有効にならない。
IE5や他のブラウザでは問題なかったんだが・・・

CSSはほぼ同じで、（無印<a herf><img /></a>を左フロート）以下にしたら直った。
<div>
<dl>
<dt><a herf>モジモジ</a></dt>
<dd>モジモジ<dd>
</dl>
<a herf><img /></a>
</div>

モジモジ君

釣られんなよ

とんねるず

つーかhtmlだけ出されても検証のしようがない

IEの話されても興味ねーしな。
どうだっていい。

<div id="Box">
<ul id="ItemList">
<li class="Item">
<img src="商品画像" />
<p>商品名</p>
<p>商品説明</p>
</li>
<!-- サーバで動的に生成するliの繰り返し -->
</ul>
</div>

div#Box { width:320px; }
ul#ItemList { list-style-type:none; }
li.Item { float:left; width:100px;}

このようなHTMLとCSSで、商品カタログの表を作ろうとしています。
LIをフロートさせているので、Boxの範囲内で勝手に改行されて、例えば9つの商品がある場合は以下のようになります。
■■■
■■■
□■■
(■がLIの要素を表します。□は後述の位置説明のための印で■と同じです)
しかし、商品名や商品説明の長さによった場合により
■■■
■■■
　　□
■■
のようにズレでしまいます。これを解消する方法はないでしょうか？

>>426
>商品名や商品説明の長さによった場合により
この日本語がわからんが、7つ目の説明を長くしても再現せず。
だいたい環境も書かずにどうしろと。

>>426
liをdisplay:block;してheight指定とか
ところでul内にpっていいんだっけ？

>>428
ulはブロック要素だからありでしょ

>>429
そうかサンクス

>>428
HTML 4.01でもXHTML 1.0でもli要素の中のp要素の存在が許されています｡
それはDTDを見れば分かります｡

>>429
p要素を含められないブロック要素もありますから､ ｢ブロック要素だからあり｣ というのは間違った説明であります｡

ulに入れれるのは、liであって
ulがブロックなのでpを入れれるってのが間違いじゃないの？
liにはブロックインラインいずれも含める事が出来るけど。

>>432
なるほどサンクス
聞き方が悪かったよ

>>433
いえいえとんでもないですｗ
こういう話はそれぞれ再確認出来ていい話題ですな。

>>427
環境はブラウザを問わず発生することがあります。ただ、説明が長い商品、
短い商品がいろいろと組み合わさった場面で発生し、再現させる条件が定か
ではありません。
レイアウトが崩れている時は常に崩れています(リロードすれば直るとかではない)。
また、例えばIEで崩れているときに、Firefoxで見るとOKだったりもします。

>>428
商品名や説明が長くなったときのことを考えると、height指定は難しいです。

>また、例えばIEで崩れているときに、Firefoxで見るとOKだったりもします。
IEが崩れようと何の意味もない

世の八割の人から見て崩れていても何の意味もないんですね。勉強になります。

>>437
＞商品名や説明が長くなったときのことを考えると、height指定は難しいです。
ならfloatしなきゃいいじゃん。

>>437
IEは2+3＝6と言うブラウザーです。

floatで引っかかりが発生している
liの横幅があふれて広がっている
の複合要因だろうな

>>426
それ、立派な表だ。ﾃｰﾌﾞﾙ使え。

サイトを作り出して、少し慣れてくるとテーブルが悪って情報が頭に入り込んでくる。
慌てて自分のサイトからテーブルを排除する。
もう少し慣れてくると、分かる事がある。テーブルが悪なのではなくテーブルレイアウトが悪だって事を。

>>441

<!-- サーバで動的に生成するliの繰り返し -->
Boxの範囲内で勝手に改行されて

これでどのようにテーブルを使うのか教えてくれ

liしか繰り返せないわけじゃあるまいて。

プロなら根本から見直せってこった。

>>445
と言うかプロが2chで情報集めとか終わってる・・・

終ってる奴が沢山居るんだな

>>431,432
liの中にpが入れられるなんて知らなかった
ありがとん！

ユーザースタイルシートなんですが
IEでは@IMPORTが使えないみたいなんですが
これって常識？

つチラシの裏

td {font-size: 13px;}
このような感じでセル内の文字の大きさをスタイルシートで固定しています。
しかし、そうするとセルの中でh1を30pxくらいの大きさにしようとしても大きくなりません。
どうすればよいのでしょうか？

うちでは普通に大きさ変えれるからな。
なんかおかしいんでしょ。

td h1{font-size: 30px;}

そもそもh1は1ページに1回しか出現しないので
td h1{
なんて有り得ない。

もしもテーブルしかないページだったら！

たまに
<BODY>
<TABLE>←あえて大文字ｗ

とかソース見ると一日気分が悪くなる。

>>456
実はそういうサイトなのですが・・・・。

テーブルレイアウトをするからtdの中にh1が来るんだな。

>>458
そうなんです。
tdの中にh1が入ると文法的に問題があるんですか？

5年前はそんなんばかりだったから、見る側には何も問題が無いし
レイアウト変更を考えなければCSSにする必要もあまりないっしょ
無駄に予算をかけてたら本末転倒
ぶっちゃけワードで作ってもいいわけだし。ってよけいに難しいか?ｗ

>文法的に問題
問題ないよ

ありがとうございます。
結局
td h1{font-size: 30px;}
が答えでよろしいのでしょうか？
他にも方法があれば教えて頂きたいのですが。

>>459
問題は無いよ。
問題なのはテーブルを使ったレイアウト。

>>461
他に方法って、h1で使われる文字列を大きくしたいのだから
h1{font-size: 30px;}
でいいっしょ。1ページ内に
<h1>abcde</h1>
<table>
<tr><td><h1>12345</h1></td></tr>
</table>
なんてマークアップは有り得ないので
td h1{font-size: 30px;}
も有り得ないし。

テーブルレイアウトはweb初心者スレ池

>>463
それだと
td {font-size: 13px;}
に影響されてh1の文字が30pxにならないんですよね

>>464
すみません、一応スタイルシートの話ではあるので・・・。

>465
h1{
だけでいい筈。駄目なのは何か重複してる可能性がある。
css細かく削っていって、どこが原因か調べたほうが良いよ。

td h1{が駄目っていうのは、坊主が殺生したら絶対駄目だ！
って言ってるようなもんだから、なまくら坊主でかまわないなら気にすんな
でもプロならよく考えてねｗ

いずれにしても、回答者がソースを書いてるのに
質問者がソースを出さない時点でそろそろ終わりって事で・・・

>>466
ありがとうございました。色々やってみます

>>467
すみません、終わりにします。

>>465
くだらない質問に回答貰えただけでラッキーだろ。
とっとと消えろカス。

向こうのスレでもそうだけど、
最近ソースをだせって言われると消えていく人ばかりだね。
疑問があるならソースを出すのが早いしソースが無ければ何を答えればいいのか
分からないし。
ソースを出すことで根本的な間違いも発見してもらえるチャンスがあるのに。

>>470
俺もそう思う
ソースを出すのがそんなに恥ずかしいのかな
個人が特定されるわけでもないのにね

とても見せられないソースという自覚はあるのだろう
超初心者なのにプライドだけは高い、成長しないタイプ

あっちのスレの場合、ソース出せの意味もわからんのでは。

>>473
あー「ソース」って単語そのものが分からないって事かな。
しかし他に言い方ないし。まさか「テキストファイルに書かれた文字列」とか「アルファベットが並んでるもの」とか？
でも「ソース」が分からないってのは車のってて「エンジン」や「タイヤ」が分からないのとよく似たものだし
サイト云々のもっと手前の問題だと思うしな。

それ以前の質問してくる人が増えただけ。

ソースという言葉が分からない人がCSSやスタイルシートの質問をするとは思えないが。

このスレの話じゃないよ。

widthにborderやpadding入れたら、ＩＥだとおかしくなるのは
知ってますが、heightの場合は別に問題ないですよね。
heightも駄目だと書かれてますけど、firefoxとかと同じように表示されますよ。

高さはずれてても目立たないだけじゃ？

＞firefoxとかと同じように表示されますよ。
鬼のクビ取ったわけ？

IEとFireFoxを比べられてもな・・・・
IEは簡易ブラウザーなわけで

どうせ標準モードと後方互換モードも理解しないで検証したんだろ

まあ、YUI使えば、標準モードで組めるから頑張れや

>>482
IEの人はそんなの知ったことじゃないんだろうな。
CSSやWEBスレも普通のブラウザー対応スレとIE用分けたほうがいいかもな。

IEもひっくるめて対応させるのがプロ

いえ。ちゃんと標準モードと後方互換モードで確認しましたし
borderの幅を多めにしても確認しましたよ。

>>486
＞ちゃんと標準モードと後方互換モードで確認しました
当たり前。

いえ。だから理解していないようなレスが書かれていたものですから
書きました。

ということで、heightとpadding／borderのバグは無いですよね。
それら含めた長さになってしまうバグは間違いだということで。

アル代ボケ

ol { list-style-position: inside; }
<ol>
<li>test</li>
<li>test</li>
<li>test</li>
...
<li>test</li>
</ol>
とすると、標準/後方互換モードのIE7・IE6でマーカーボックスとli要素の生
成する主要ブロックボックスが重なってしまいます。文字サイズにもよります
が、リスト項目が100以上あると確実に重なってしまいます。CSSバグ辞典のサ
イトを見ましたが、関連するページは見当たりませんでした。

これはIEのバグなのでしょうか。解決策があればご教示願います。
("list-style-position: outside"にするというのはなしで)

>485
だ。

だがそんな口を叩く奴はまともにそれができない。
やったことのある奴ぁそれがどれだけクソッタレな作業か身をもって知っているからな

＞それがどれだけクソッタレな作業か身をもって

おおげさ。慣れればどうってことない

>>492
同意
box解釈とfloat関係くらいで対応法把握しておけば
へんなことしなければ何の問題も無い

>>348と似たような質問なんですが…

tableのtd要素の中で 複数の単語を二次元でキレイに整列させるため
中に線なしのtableを組みたいと思っています

しかし 中のtableにclass指定をしても 親tableのclass指定のせいか
どうしても線が表示されてしまいます(firefox)

tableの線を消すこと自体 愚の骨頂だといわれそうですが
自分のやり方が間違っているのなら ご教示いただけるとありがたいです



ちなみにCSSはこのように指定しています

table, table.no_border, table.no_border tr td {
border-collapse:collapse;
border-style:none;
}
table.border, table.border tr td, table.border tr th {
border:1px solid #xxxxxx;
border-collapse:collapse;
}

>>494
まず宣言の順序を上下入れ替えて

table.border, table.border tr td, table.border tr th {
border:1px solid #xxxxxx;
border-collapse:collapse;
}
table, table.no_border, table.no_border tr td {

border-style:none;
}
下のborder-collapseを消去。

簡単なプルダウンメニューの作り方を教えてください。
□■
　■
　■
　■
□■
　■
　■
　■
こんな感じのを作りたいのですが。

>>490
対処方法は多分ない。

>>494
* { border:none; }
線のいるところだけ逆に書く。

>>496
スレ違い。JSスレ池。

メニューをJavaスクリプトで作るなんてあまりにもナンセンス・・・・

>>495さん
>>497さん
ありがとうございました！

結局495さんの言うとおり 順番を逆にしたら消す事ができました！

でもこれって 逆に親tableが線なしclass指定で 子tableで線を表示
させようとしたら できないってことですよね……

なんか釈然としないですねぇ
CSS本来ではありえないやり方だから良いのかな……

ともあれ ありがとうございました！


>>499
CSSのポップアップメニューはタイムラグがないから >>496のような
カーソルを横に動かすポップアップは少し外れるとポップアップが消えて
非常にストレスが溜まるらしいよ　横に表示させるならjavascriptの
方が良いと思う

>>500
どっちもできるがおまえのソースが汚すぎるから簡潔な物を示しただけだろ

>>500
基礎から勉強して下さい。

>>500
＞親tableが線なしclass指定で 子tableで線を表示させようとしたら できないってことですよね

＾＾；；；；

selectタグの枠をデザインしたいのですが、
selectにはborderが指定できないらしく、
Firefoxでは有効になるものの、IEでは無効になります。
何かよい手法はないでしょうか？

>>504
UA次第のform部品を弄くるな。

>>504
Javascriptでセレクトボックスを作る

>>505>>506
Javascriptで作ってみることにします。
ありがとうございます。

CSSのみのでテーブルを全く使っていない、
デザインの参考になるような、実際に稼動中の掲示板はありませんか？

CSS、掲示板でググってもtableは必ず使っていました。
どこかあればよろしくお願いします。

>>508
ttp://www.minc.ne.jp/~konda/cgi-bin/yybbs_xhtml/yybbs.cgi

>>509
ありがとうございます。
そのサイトを参考にして理想的なデザインを作りたいと思います。

ホームへ戻るボタンと次へ進むボタンを設置したんですが
どうすればいいでしょうか

>511
日本語でおｋ

こんな感じの

New Entry　　　　　　　　　　　-くまぇり-
-お風呂-
-くまぇり-　　　　　　　　　　　　くまぇり釈放されないかなぁ〜
-始めたよ-　　　　　　　　　　　可愛そうだなぁ〜
　　　　　　　　　　　　　　　　　　可愛いから顔に免じて無罪とか
Gallery　　　　　　　　　　　　　　・・・ならないか。
■■■■■
■■■
　　　　　　　　　　　　　　　　　　2007/12/20(木)　コメント；3


　　　　　　　　　　　　　　　　　　　　　　　　　　　　<←Back><Home><Next→>

>>513
ここ最近のアホな質問の集大成みたいなひどさだな。
スレタイも読めない文盲か。

お褒めにいただきありがとうございます

いえいえとんでもない

この国に明るい未来はなさそうだな。

業者が作ったページを手直ししています。
そのなかでiframeがあるのですが、高さを高く変更しました。
その後、プレビューしてみるとiframeの位置がずれてしまいました。
通常、プロパティやスタイルシートで配置を指定すると思うのですが、
どのshtmlやスタイルシートを見回しても配置情報の記述がありません。
ためしにスタイルシートに配置情報を記述したのですが、
IE7だけ若干左よりになりました。Firefox1.5.0.12、ネスケ7.1、Opera9.02
でプレビューしたところ、ちゃんと同じように表示されました。
（高さの変更前はどのブラウザでもちゃんとした位置に配置されていました）
ちなみにDreammeaver CS3で作業してます。
java scriptでiframeの配置を制御するとかいうことはあるのでしょうか？

shtmlのほうの記述
<div id="topix">
<h3><img src="image/tit_topix.gif" alt="TOPIX" width="43" height="14"></h3>
<iframe src="topix/index_test.html" name="TOPIX" scrolling="auto" frameborder="0" title="TOPIX">Ver.4以前のブラウザではご覧になれません</iframe>
</div>

スタイルシートのほうの記述
#topix iframe {
position: absolute;
margin: -39px 0 0 72px;
width: 341px;
height: 92px;
border: 0;
}

ブログをやっているのですが、記事の長さが短いとフッターがサイドバーにかぶります。
フッターを記事最下部に固定表示するにはどのようにすればいいでしょうか？

http://lllparopuntelll.blog118.fc2.com/

>>518
DWスレ

>>519
ブログ板

>>519
そらー流行だけでXHTMLにしてるんだからそうなるかもな。
マークアップが無茶苦茶だ。

>>519
そのソースで表示できるのがあるいみ奇跡だな。
一度記事も何も無い状態のソースみてなおしたほうがいい。
と言うか、レンタルだからソースいじれないのか？

fc2はHTMLもCSSも自由にいじれたはず
しかしこりゃひどいな

内容はみてないけどがんばってるようなブログだし
ソース触れるならやり直したほうがいいぞ。

Content-TypeもXHTMLなのにtext/htmlのようだしXHTML辞めてHTMLにするとか見直せば
勝手に今の問題も解消されそう。

>>519
ちょっと
ttp://htmllint.itc.keio.ac.jp/htmllint/htmllint.html
でみてもらってみ。どこがおかしいか分かるかもよ。

Template by...のリンク先見てみたけど、まずこの作者が駄目駄目だな。

あんな恐ろしいソースでもテンプレ配布していいんだな。
ある意味法にひっかかりそうなソースｗ
終了タグ無かったりcss使ってると思ったらFONTだったり。大文字要素だったり小文字だったり。
仮にも人に使ってもらうのならもう少しなんだろ。あるっしょ(/ω＼) と思うな。

そんなテンプレを喜んで使う奴がいるからだと。

FC2は共有テンプレートってのがあって、ユーザーが作ったのを登録できるけど、
ひどい出来のやつでも簡単に審査を通過してしまう。
で、そのひどいやつが他の人にカスタマイズされてまた登録され、
不思議マークアップが脈々と受け継がれていく……

何らかのチェック機関とかあったほうがいいと思うんだけどな。
完璧に勧告にそったものは難しいかもしれないけど、指摘し合いながら直していくってのもいいかも。
大手サイト少しでも見本になるサイトを作ってくれればな。
流行だけでXHTMLとかCSSを使ってるサイトばかりだし。

>530
馬鹿すぎｗｗｗ

>>520
ブログ板はHTMLとか取り扱ってないのでこっちだと思っていましたが。
違いました？

>>521
そうなんですか。私みたいな初心者にはてっきりちゃんとしたテンプレートだと思っていました。orz

>>522
そうですか・・・自分で一からHTMLの勉強させていただきます。
ちなみにFC2はCSSもHTMLも自由にいじれます。

>>523
相当ひどいんですね・・・

>>524
ありがとうございます。
そうですか。助言ありがとうございます。見直してみます。

>>525
FC2は独自の変数が合ったりするのですこしややこしくなりそうですがやってみます。
ありがとうございます。

>>526
信じてたのに・・・やはり手打ちが一番なんでしょうね
勉強します。

>>527
そんなにひどいんですか。作者ブログ結構人気なのに・・・

>>527
それなんて俺ですね

>>528
以前使っていたテンプレもそうでした

>>530
確かに俺のような初心者にはありがたいです。

やはりHTMLを勉強し自作のテンプレを作ろうと思います。
レスくれた方たちありがとうございました。

>>533
このさいだしおかしなテンプレなんて使わずに自分で作っちぇ！

>>533
いきなり自作は面倒だろうから　ttp://fc2.vicuna.jp/　でもつかっとけ

>>535
この人には相当お世話になってる

>>535
今ezHTMLでテンプレを作成しようとしていたのですがＦＣ２ブログゆえに独自変数があるためあきらめかけていたところです。ありがとうございます！

ナニこのキモい流れ。板違いはさっさと消えろ。

^^

このサイト、宗教じみている

サイト……？

さあ次の質問どうぞ

例えばクラス「.text」に文字スタイルが定義してあって、
クラス「.box」にボックススタイルが定義してあるとします。

「クラス「.box」の要素には自動的にクラス「.text」のスタイルも適用したい」
ような場合、どうするのがいいかな？

<div class="box text"></div>
とかしてるんだけど、これだと、後から
「クラス「box」の部分だけ文字スタイルを別のクラス「.text-2」で
定義したスタイルに変えたい」
という場合に面倒なことになりそうです。

みんなはそういう場合どうしてる？

.boxにも.textと同じ指定を記述する

>>543
divに直書きなどしてない限り、そんな問題は起きない。

>>543
整理整頓がよっぽど下手じゃない限り問題は起きない。

>>543
>>544と同じく、.box{}に.text{}と同じ内容を書くかな。

.text, .box {
〜
}
で済むね。

つか、何がどう面倒なのかよくわからん。
エディタの置換機能で"box text"を"box text-2"にするのじゃ駄目なの？

>>548
それだと.boxと.textが同じスタイルになってしまうから駄目じゃない？
>>543は、文字のスタイルは.text、ボックスのスタイルは.boxと使いわけたい
みだいだし。

.box div {textクラスを定義; }

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

<div class="box">

<div>テキスト</div>

</div>

>>549
いやいや、
.box {
〜
}
.text, .box {
〜
}

ってことだよ。要するにtextのとこにboxも追加しろってこと。

>>551
そっか。.boxと.textのテキストのスタイルが同じならそれでOKだね。
そんで「「クラス「box」の部分だけ文字スタイルを別のクラス「.text-2」で
定義したスタイルに変えたい」という場合」は別個に宣言を書けばいいわけか。

わーけーわーかーらーん！
fixedがMozillaでは適用されるのにIE(6)では適用されません。
原因がサッパリ分からなくて頭から湯気でてきました。
調べてるうちにここに来たのですが、どなたか分かる方居ないでしょうか・・・。

お前の方がわけらからん
ソース出せ

#container {
background: url(http://○○○.jpg) no-repeat fixed;
}

ちなみにライブドアーのカスタマイズです。

bodyに移したら適用されました。俺の１時間半・・・・。・・・いや、いいんだ・・・

基礎をやってないからさ〜

ここ数日の回答側らしき連中のレベル低下は何事？

レスありがとう。

いったい何がやりたいねん、っていうのを“強引に”書くと、
.box{
スタイル;
.text;
}
ってことなんですよね。

>>544
>>546
そうですね、私もそういう風に書くこともあります。
ただ、それだと.textと全く同じスタイル表記が重複して存在するわけで、
冗長だなぁと思ったりしてたんです。

それに、例えば後から「テキストの行間は全部●％に変更して」とかいう依頼が
あった時に「.textを修正したなら、.box（内のテキストスタイル）も同時に
修正しないといけない」ってことを“憶えておかないといけない”ですよね。
そういうのをコメント文にメモっておいたりするわけですが、なんかスマートじゃないなぁと。

続き。

>>548
>つか、何がどう面倒なのかよくわからん。
>エディタの置換機能で"box text"を"box text-2"にするのじゃ駄目なの？
面倒というのは、例えば.boxというクラスはサイト内のいろんなページに
存在する（場合がある）からなんです。
もちろん、DWのサイト内置換とかでできなくもないですが、それはそれで
面倒なこともあるかなと。
確実に
<div class="text box">
という書式だという保障があれば置換も容易だけど、
<div class="text other-class box">
<div class="box text">
とか書いてしまってる部分があるかも…とか。
（そもそもスタイル変更するのにサイト内置換しないといけないってこと
　自体があんまりよくないかと）

で、
>>551
の書き方が（私には）一番いいような気がしてきてます。
「.boxの中に.textを入れ子にする」って感覚だったので、.textの方に.boxを加えるって
発想が出てませんでした…。

551の書き方で少し気になるのは、.boxのスタイル表記だけを見た場合に、
「.boxには.textのスタイルも適用されてる」ってのが分からないってことですね。
でも、それこそコメント文入れとけばいいのかなって気もしますが。

＞.box{ スタイル; .text; }
なに言ってるかわかりません。
こんなのがプロという現実がよーくわかる、という事は理解しました。

ていうかそんなに悩むことか？
>>546の一言に尽きる気がする。

上司も苦労だなwww

>>550
これとか、釣りかもしれんけどひどすぎるな

みんな基礎から勉強しましょうねー

cssで質問です。
文字をdivタグの上辺にあわせたり、下辺にあわせたり
するにはどうすればいいですか？

たとえば、
<div style="top">うえ</div>
<div style="bottom">した</div>
とやったら、それぞれdivの箱の中で上辺そろえ、下辺そろえに
したいです。

padding使えば？

それだと、文字サイズの変更に対応が難しいので
できれば、エクセル見たいな感じで、そろえられたら・・・と、おもったのですが
cssでは難しいのでしょうか？

>>566
あっちこっちで質問しまくるなよ・・・・・

ボックスをセンタリングしたいんですけど、うまくいきません。

ボックスのプロパティに「text-align:center;」をいれると、
ボックスの中のテキストが、中央寄せされてしまい、

bodyのプロパティに「text-align:center;」をいれたら、IEで見ると、中央寄せになりましたが、
Firefoxで見ると、左寄せのままです。

なにか方法ってありますでしょうか？

初心者スレ行け
本当になんでこんなんばっか湧くのか……

>>570
margin:0 auto;

カキコした２０秒後に自己解決しますた

>>572
どもです

質問すると自分が何してっか整理されるから解決すんだよ

チラシの裏に書いて整理しろ

自己解決ってそういう仕組みだったのか。

質問みたいに気を遣う内容だと
送信前に最低10分は置いておかないか・・・

*{ margin : 0 ; padding : 0 ; }

<h1>test</h1>
<h2>test</h2>

これをIE6で見るとh1とh2要素の間に謎の空白が生まれてるんですけど
どうすれば解消されるでしょうか
FFではともに0で計算されて表示されてたのですが・・・。

>>578
*{
margin:0;
padding:0;
border:0;
font-size:100%;
}
h1{
font-size:300%;
}
h2{
font-size:200%;
}

>>578
｢謎の空白｣ とは､ h1とh2のline-height特性を1にしたら消える行間のことでしょうか｡

質問させてください。

画像を見るページを作っています。
現状はCSS無しで、
左に縦長の領域でサムネ+リンクを表示するフォーム、
右にブランクでnameがPICのフォームをつくり、
サムネ画像をクリックするとtarget指定でPIC画像を表示するというものです。

これをCSSでformなしでつくりたいのですが、
targetみたいな領域はどうやったら作れるでしょうか？

できれば画像1つ1つに対してhtmlを作る事は避けたいです。

分かりにくい質問で申し訳ありませんがよろしくお願いします。

>>581
できません。スレ違い。

>582
できないのか・・・
ありがとうございました。

p.hoge,div.hoge {}
をもっと綺麗に書く方法はありませんか？

綺麗に、の意味がワケワカメ

hogeの部分が一緒なので
イメージだとp or div.hogeみたいな書き方はできないもんだろうかと思って質問しました
なんかそういったよりシンプルな書き方はありませんでしょうか？

>>585
アホ過ぎ。
だがクリスマスは心が豊かだから答えたる。
.hoge {baka:100%;}

>>587
お前優しいな

レスおそくなってすみません
>>587
うーん・・・意図してることとは違いますね
細かく指定したいのでなるべくおおざっぱにはしたくないのです・・・
これ以上聞いても無駄そうなので自分で方法を探してきます

以前から疑問に思ってたのですが
全ての要素がdivで囲まれている場合でも
セレクタの頭にdivって付ける人がいるんだけど
これって何か意味あるの？

div .hoge { }　←divつける場合
.hoge { } ←div付けない場合

ある

１週間前からCSSを使い始めた俺でもわかる

付ける必要はない

つーかそもそも多種類の要素にベラベラ同じクラス名がつくことが気持ち悪くない？

テキストの下揃えについて質問です。

<p>ポイントは<strong>2ch</strong>です。</p>
strong{
font-size:200%;
vertical-align:bottom;
}

と指定するとFirefoxなどではきちんとテキストが下揃えで表示されるのですが
IE6では、上揃えになってしまい、文字サイズの大きい「2ch」の下半分が出てしまっています。
これを<table>を使わずうまくやる方法はないでしょうか？

なぜか vertical-align:middle; だと効いたので、これでよしとする事にしました。

IEなんか使うからそうなる

本当にアホ質問しか来ないな

まともなHTMLの知識がある奴は試行錯誤して自己解決するだろうから
中途半端な質問しかないのは必然

むしろこのスレに何かを期待する方がおかしい

それにしてもヒド杉だろと。

この１週間ほどwebスレもそうだけど質問があまりにもひどすぎる。
まるで日本のウェブサイトを反映してるんだけど。

日本語でお願いします

│　 　＼　　__　　／
│　 　＿　（ｍ）　＿ﾋﾟｺｰﾝ
│　 　　　　|ミ|
│　　 ／ 　｀´　 ＼
│　　　　　('A`)　　　　体技：スルー！
│　　　　　ノヽノヽ
│　　　　　　　くく
│
│　≡　　('('('('A` )
│≡　〜( ( ( ( 〜)
↓　≡ 　ノノノノ ノ　　ｻｯ

回答者のレベルが低すぎるなここは

お前がハイレベルな回答してやれよ

文字の形を変えれると聞きました。
どうすれば変えれるのですか？

　　　　　　　　　　 　 　 　 　 　 　 　 　 　 |
　　　　　　　　　　 　 　 　 　 　 　 　 　 　 |
　　　　　 ∩＿＿＿∩　　　　　　 　 　 　 |
　　　　　 | ノ　 _,　　,_ ヽ　　　　 　 　（（　 |　ﾌﾟﾗﾌﾟﾗ
　　　　 /　　●　　　● |　　　　　　　　　(=)
　　　　 |　　　　( _●_)　 ミ　＿　(⌒)　 　J　　））
　　　　彡､　　　|∪|　 ノ
⊂⌒ヽ　/　　　 ヽノ　 ヽ /⌒つ
　 ＼　ヽ　 /　　 　 　 　 ヽ　/
　　　＼_,,ノ　　　　　　|､＿ノ

>>606
font-family
ただしそのフォントがインストールされているPCでないと当然表示されない
もし指定したフォントがなかった場合ブラウザのデフォルトのフォントが使用される

なるほど、たしかに質問も回答もひどい

>>609
じゃお前がまともな回答とやらをしてみろ
質問の意味も汲み取れずエスパー回答すらできぬお前に回答者の資格はない

>エスパー回答すら
できるほうがすごいだろｗ

質問＝釣り
回答＝釣りにマジレス
これがひどいって言ってんだろ。アホか。

アホはお前だな
釣りで成り立ってたらスレなど成立しない
エスパースキル磨けよ

>>608=>>610=>>613
わかりやすすぎてﾜﾛﾀ

お前もな
なんでもかんでも=で結びつけるなよ池沼

そんなに初心者がうざいなら

CSS初心者スレッド＝1st＝
http://pc11.2ch.net/test/read.cgi/hp/1193327030/

に誘導してやれ。

ここはひどいインターネッツですね

なんか荒れてますけど、質問していいですか？

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

外部ファイル
.caption {width: 500px;}

HTML
<div class="caption">見出し</div>

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

『見出し』と書いてある部分に<h1>を適用したいのです。
通常なら、
<div class="caption"><h1>見出し</h1></div>
これで済みますけど、後付けの作業になってしまったので、
外部ファイルから<h1>を指定したいと思っているのですが…。

>『見出し』と書いてある部分に<h1>を適用したいのです。

cssで出来ると思っているのなら、基礎の基礎から(ry

>>618
後段の日本語が不明

div.caption h1 { ; } のことか？

多分レンタルCGIなりblogみたいなのを使ってるんだろう

ブログの質問はブログ板へ

質問いたします。わかる方がいらっしゃいましたらご教示ください。
divのfloatでleft,rightを指定してあり、両方の高さはそれぞれ異なるものとします。
その際に、right部分に画像を配置したいのですが、コレをボックスの下に配置したいのです。

いわゆる背景画像による、
background:url(img.gif) no-repeat bottom leftの動作と同じ表示をさせたいのです。

このような場合はどうすればよろしいのですか？ご教示お願いいたします。

>>619
<h>タグがCSSではないことは分かっているんですけど、
なんとかできないかと思って。
というか、分からないから聞いているのですが…。

まあようするにできない訳ですね。

状況わからんけれど、
<div class="caption">見出し</div>で検索かけつつ、
<div class="caption"><h1>見出し</h1></div>に置換すればおｋ。
CSSじゃ無理かと。

>>624
>>622

さあ誰か>>623について教えてくれ！

>>624
＞<h>タグがCSSではないことは分かっているんですけど
何しに来たんだか。

>>627、>>623
言ってる事がわかりません。

支那・チョソはまともな日本語が書けません

例えば、背景に画像使う場合、
background-imageでできるじゃないですか。
そういう類いのものがHTMLタグで適用できるものがあるのかなと思って。

>>625
レスありがとう。
それはそうなんですけど、十数ページにも渡ったサイト制作してるので、
一括して指定できないかなと思ったんです。
そうすればHTMLの記述も省略できていいと思うし。

つか、どんな質問ならお前ら満足するのよ。

後、たまに日本語おかしいけど、ちょっと眠くて…。
すまん。

>>631
まずHTMLとCSSの違いを勉強しなおせ
H1を指定するのはCSSの担当ではなくHTMLの領分
よってCSSでドウコウできる話ではない

つーかいい加減ｳｻﾞｲ

>>631
＞一括して指定
一括置換すればいいだけ。全くのスレ違い。

そもそもなんで
<div class="caption">見出し</div>
なんつーマークアップになってるのかと小一時間

理屈っぽい馬鹿はどこにでもいる

ブログではたまにそうなってるとこがあるよ

初心者スレ行ったほうが良かったね。

皆が言ってることは分かってるのよ。
でも、なんか裏技的なものが発見できればと思った訳で…。
ここまで叩かれるとは思ってなかったよ。

悪かったね、高尚なスレを邪魔しちゃったようで。
これからはスレタイに『上級者専用』って
入れたほうがいいと思うよ。
そうしないと俺みたいなのが来るから。

うっわぁ……

>>638
二度と初心者ｽﾚから出てくんな

＞皆が言ってることは分かってるのよ。
確実にわかってないです。

いや初心者スレにも行くな
お前が質問する限り結果はここと同じだ

電波・お花畑板へどうぞ

>>629
そ、そうか･･･。もう一度説明するぜ･･･
classのaとbにはそれぞれfloat:left、float:rightが指定してある。
classのcにはfloatクリアのためのclear:bothが指定してある。
さて、class="b"にある<img>をボックス内の一番下に配置させたい。
どうすればよいのだろうか。
ただしCSS背景プロパティを使用しないものとする。
<div class="a">
aaa<br><br><br><br>
</div>
<div class="b">
<img src="img.jpg">
</div>
<div class="c">
ccc
</div>

>>643
.b {position:relative;padding:0 0 imgの高さpx 0;}
.b img {position:absolute;bottom:0;left:0;}

>>644
ﾄﾝｸｽ。今からやってみる！

>>643
画像のほうに（margin-top）を指定するか、
bに（padding-top）を指定してやるか。

すまん。
眠過ぎて頓珍漢な質問してしまったようだ…。
悪かった。
確かにおかしいわ。

ひとりでサイト作ってる訳じゃないんで、
全ファイル修正になると色々面倒なのよ。
それでなんとか外部ファイルから指定できないものかと。

これで最後にする。

ガキにブログをやらせるから>638みたいのが沸く…

>>646
ありがとう。やってみます。thx

すいません、既出だと思うんですが、ぱっとみ見当たらなかったので質問させてください。

1枚の画像からいくつかにカットした画像を、
1つのdivの中に、1つか2つずつ横に並べて入れて、元通り1枚に見えるようにしたいのです。

その際、A、bc、deの間に隙間ができてしまいます。
これができないようにするにはどうすればいいでしょうか…。

<div1> 　　 画像A
　　　　　　　　　　　　　　　　　　　　　　　　←隙間が
<div2>　　　画像b　　画像ｃ
　　　　　　　　　　　　　　　　　　　　　　　　←隙間が
<div3>　　　画像d　　画像e

>>650
divにmargin:0;かpadding:0;を与えてみよう！

>650

<div>
〜hogehogehogehoge〜
</div>

みたいに記述してない？

<div>〜hogehogehogehoge〜</div>

ってやってみ。あとは>651

訂正訂正。
<div>
〜hogehogehogehoge〜
</div>

<div>
〜piyopiyopiyo〜
</div>

　↓

<div>〜hogehogehogehoge〜</div><div>〜piyopiyopiyo〜</div>

>>651
marginとpaddingは0にしてありました。
分からないのでとりあえずいろいろ0にしました…。

>>652
のやり方でできました！ありがとうございます！

見易さのために改行はダメってことなんですかね…。

どうもありがとうございました！

俺はこれで昔３日詰んだことがあってなｗｗｗ

>>654
単にIEのバグ

どこがcssだか。

初心者だという自覚がないんだろ。
だからわざわざココで聞く。そして答えるのも初心者。

CSSが問題なんだと思ってたんでそ

>>659
それが初心者という何よりの証拠。

>>656
確かに、これだとほかのブラウザでは直ってませんでした…。

>>661
http://www.mozilla.gr.jp/standards/webtips0018.html
http://www.mozilla.gr.jp/standards/webtips0025.html
http://www.mozilla.gr.jp/standards/webtips0026.html

IEなんかにあわせるのに時間を割くなら
まともなブラウザーだけしか見れないサイトを作ってその作成に時間を割くほうが有意義
IEにはプレーンでも見せとけばいいし。

見せる人の事を考えないオナニーサイト制作者らしい考え方だな

>>662

ありがとうございます！テーブルは使ってなかったんですが勉強になりました。


とりあえず全部左にfloatしたら縦の隙間は無くなりました。
お騒がせしました。
でもIEはfloat使うと何故か横に隙間が…。IEだめぽ。

>>665
スライスなんて古くさい事したいならtableでやれ。

>全部左にfloatしたら
おいおいおいおいおいおいおいおい

このスレは知識のある者が初心者を馬鹿にするために存在するスレである

従って、何ら努力もしていない初心者が他人の努力のおこぼれを漁りに来ても無駄である。

要するに自分で調べろってことだ。

>>21を試して、子要素の高さは揃ったんですが
親要素の背景色のpadding-bottomを得るにはどうしたらいいでしょうか？

>>671
下にdiv置けよ

冗談だよね？

>>673
上に置くか？

冗談だよね？

ちんぽ置くか？

おまえら疲れてんなw

肩揉んでよ

おれの玉でも見ておちつけ

　　　　ω

Tama_Not_Found

Sao_Not_Found

sao {
min-height: 8.5cm;
max-height: 15cm;
color: #f1bf99;
font-weight: bold;
}

cssで誤摩化すのはよくないよ。

left: 1cm;

<h1><b>sao</b></h1>

>>682
sao a.link { background-color:#f1bf99; }
sao a:hover { background-color:#c66; }

>>686
a.link → a:link

/* まじめにやってください */

このスレは知識のある者が初心者を馬鹿にするためにだけに存在するスレである
従って、何ら努力もしていない初心者が他人の努力のおこぼれを漁りに来ても無駄である。
要するに自分で調べろってことだ。

冬だな

HTMLコーダーはプログラマの中でも底辺の存在だからな
ここの住人が初心者を馬鹿にしたがるのも仕方ない

お前まだいたのか

マークアップエンジニアはプログラマとちがうっぺ ?

どっちでもいいがなー

CSSの継承についてよくわからないので教えてください。
たとえば下記のようなことがやりたい場合；
<style>
.hako1 { color:red; float:left; border:1px solid blue; }
.hako2 { color:red; float:left; border:1px solid yellow; }
.hako3 { color:red; float:left; border:2px dotted black; }
</style>
<div class="hako1">box 1</div>
<div class="hako2">box 2</div>
<div class="hako3">box 3</div>
<div >no css box</div>

この場合、color:red; float:left; が全てのdivでかぶるので

<style>
.common { color:red; float:left; }
.hako1 { border:1px solid blue; }
.hako2 { border:1px solid yellow; }
.hako3 { border:2px dotted black; }
</style>
<div class="common">
　<div class="hako1">box1</div>
　<div class="hako2">box2</div>
　<div class="hako3">box3</div>
</div>
<div >no css box</div>

とする以外に、共通部分のCSSを別に書き出すことは可能でしょうか。。。？（クラスを２つ割り振る等）

div .hako1, div .hako2, div .hako3{ color:red; float:left;}
とか？

>>695
例１
.hako1, .hako2, .hako3 { color:red; float:left; }

例２
.common { color:red; float:left; }
というクラスを作って、
<div class="hako1 common">box1</div>
<div class="hako2 common">box2</div>
<div class="hako3 common">box3</div>
とスペースで区切って2つのクラスを指定する。

好きなほうでやればおｋ

あと、また「初心者を馬鹿に云々…」とか言われるかもしれんけど、
これは初心者スレ向きの質問だと思う。以後はそっちでどうぞ。
CSS初心者スレッド＝1st＝
http://pc11.2ch.net/test/read.cgi/hp/1193327030/

ごめん、リロってなくて思いっきりかぶった。

初心者を馬鹿に云々…

/* ^^ */

ごめん、ロリってなくて思いっきりかじった。

ﾂﾏﾝﾈ

だまれカス

冬、到来

日本の冬

文字を縦方向で真ん中に表示したくHTMLとCSSを
下記のように記述しているのですが、上部に表示されて
しまいます。どなたか問題点をご指摘いただけないでしょうか。

よろしくお願いします。

<<HTML>>
<div id="my_header">
ヘッダー
</div>

<<CSS>>
* {
margin : 0 ;
padding : 0 ;
font-size: 9pt ;
color : #211A21
}

#my_header {
height : 90px ;
width : 100% ;
vertical-align : middle ;
}

>>706
そらそうだ

>>707
え、なぜですか・・・。
教えてください。お願いします。

>>708
vertical-align : middle ; ヽ(´ー｀)ノ
ってやってるが何に対してだよ。って考えれば分かるっしょ。
vertical-alignでぐぐってみ。どうしてかも答えも分かるはず。

テンプレ読んでないのがバレバレだな

>>708
あ。忘れた。上のを実現したいのなら
自分のサイトの文字を何文字かを選択してみれば分かるかもよ。
文字と選択によって色が付く部分の違いどうなる？
すれが分かれば何をどうすればいいのか分かってくるかも。

>709
ありがとうございます。勘違いしてました。。
paddingで計算して対応しようと思います


>>710
テンプレよんで、自分でぐぐっても、
vertical-alignの意味を勘違いしていたおおばかもんです。(・_・;)

-マージン使うんだっけか…。

>>713

#my_header {
padding-left: 20px ;
height : 90px ;
line-height:90px;
vertical-align : middle ;
}

で、できました。ありがとうございます。

どうしても
vertical-align : middle ;
入れたいのだな・・・

俺が言った選択してみろを全くやってない事は>>714見れば確認できるな

>>715,>>716
なんか違うような気がしたのですが、
文字を選択してもさっぱりわからず・・・。

>>717
そんなやり方じゃわかんないレベルだろ。
インラインレベルとブロックレベルについて理解してから来い。

display : block ;
をつかっても無理でした。。。。

>>717
最初に書いたものに追加されたのは
line-height:90px;
でしょ？
これが何なのか理解すれば、あなたがここに書き始めてからのみんなのレスの意味も全て分かるはず。
line-height:90px;
と
/*line-height:90px;*/
何が変わる？俺レスにかいたよ。

原理はあれだよね。

ポジション　上から50％の位置、左から50％の位置
で、width/2をマイナスマージンで引いて、heightも同じように〜　みたいな。

ね。

後は自分で頑張れ(´･ω･)

line-height･････行の高さを指定する（多分、ブロックレベル）

line-heightをコメントアウトすると、表示文字が上詰めになる？？？？

＞display : block ;
バカじゃね

みなさま、

分からなかったので>>714の方法でやろうと思います。
ありがとうございました。
＆
スレ汚しすいませんでした。

ボックスを画面の中央に配置する方法は>>7のQ6にあるけれど、ボックスの中
のテキストをボックスの中央に配置する方法ってテンプレにないよね。
>>706は後者なのに、マージンを使うだとか、両者を区別できていない人もい
るみたいだし。それで「テンプレ読め」って、読んでも解決するわけないだろう。

初心者だらけだし。
それにしても>>719はないだろ。基礎からやってくれとしか。

まあ、今回の質問者はなかなかひどいが、それに対して答えになっていない回
答をする回答者もどうかと思うよ。>>7のQ6のリンク先は掲示板のスレッドで
ごちゃごちゃしていてわかりづらいし、この質問は最近頻出なんだから、Q6は
修正したほうがいいんでないかな。例えば、

Q6-a:ブロックボックスを画面の上下中央に配置するには？
左右（水平方向）のセンタリングはA2に既出。上下のセンタリングは
http://www.stylish-style.com/csstec/hi-level/domannaka.html
http://chaichan.hp.infoseek.co.jp/qa3500/qa3558.htm
を参照。
Q6-b:テキストをブロックボックスの中央に配置するには？
テキストが1行のみのときは
http://www.stylish-style.com/csstec/basic/p-vertical.html
の方法が有効。複数行にわたるときは、
(i) <div style="display:table-cell;vertical-align:middle">テキスト</div>
とする 。ただし、IE6,IE7は未対応。
(ii) <td align="center" valign="middle">テキスト</td>とする。IE対応だ
が、表でレイアウトすることになり、HTMLとしてはあまりよろしくない。

質問です、よろしくお願いします。

ulでリスト項目を三項目作りました。
その三個目だけを画像に置き換え、三項目とも横並びにしたいのですが
一個目、二個目は横に並ぶのですが、三個目の画像だけが改行されてしまいます。

<ul>
<li>あああ</li>
<li>いいい</li>
<li id="gazou">ううう</li>
</ul>

ul{
display: inline;
}

li #gazou{
background: url(img/**.gif) no-repeat 50% 50%;
width: 10px; height: 10px;
display: block;
text-indent: -9999px;
}

/表示された感じ/
あああ　いいい
う（画像）

#gazouをブロック化しているからだとは思うのですが
対処の仕方がわかりません。
アドバイスをお願いいたします。

ul li {
display: inline;
}

ですね、すみません。。。

>>727
テンプレはるしか脳がないやつが何をいまさらほざいてんだ？
いいから見てるだけにしとけ。

>>727
ほら。下に質問きてるぜ？
答えてあげなよ。

>>728
floatで並べる

タイトルバーに高さ 50ピクセルの背景画像を使う場合で、
文字サイズは可変(8〜24ピクセルまで想定)の場合はどのように
CSSを指定すれば背景画像がズレずに済むでしょうか？

<h3>題材3-3 ○○○</h3>

文字自体の余白・マージンで背景画像の空間(高さ50ピクセル分)取ると、
文字サイズを変えると50ピクセル以上になってしまいます。

現在の所、

背景画像を合わせる為に<h3>の高さ50ピクセル指定、
文字位置の調整は<span>などで余白・マージン指定によって取る、

としていますが、さらにスマートな解決方法は無いでしょうか？

何を聞いてるのか意味が分からん。

>>733
最低でもテンプレを読んで勉強してください。初心者スレじゃありません。
また、ブログの質問はブログ板です。

今までブロック要素は基本的にdivで囲むコーディングをしていました。
で、最近自分でつくったXHTMLソースをながめていて思ったんですが、
divの入れ子だらけになっていて見づらいことに気付きました。
そこで、なるべく子孫セレクタを多様するようにしたんですが、
みなさんはどっちを好みますか？

# 今まで
<div id="box">
<ul class="list">
<li class="list-item">aaa</li>
<li class="list-item">bbb</li>
</ul>
</div>

#最近
<div id="box">
<ul>
<li>aaa</li>
<li>bbb</li>
</ul>
</div>

なんの為にDIVが必要なんだと小一時間・・・

どっちも好みません。
そのboxとかいうidをulに指定すればいいだけだな。divは要らん。

ていうか、スタイルシートの質問ですらないから
さすがに出て行けよ

恥ずかしくなってどっかいっちゃったな。

>>733
縦に繰り返しにすればいいんじゃ？

<hr>を中央に寄せるのってどうすればいいのでしょうか？
text-align:centerじゃできないみたいですし

初めから中央だと思うんだが

IEだと中央に表示されているのですが、FireFoxだと左寄りになってしまいます。
marginで適当に調整するしかないのでしょうか？

>>744
Firefoxでも普通にデフォルトだと中央だよ。
自分でどっか左寄せにしてるんだろ、それ外せ。

>>742
hrはブロック要素。基礎からやり直し。

死ねよクズ

ﾌﾟｹﾞﾗ

今度はhrとpの間隔がIEでみたら普通だけど、Forefoxだと間隔が少ないです。
とかの質問かな。

そういや初心者スレはなんで過疎ってるんだ？

初心者以前の質問ばかりだから。

div {
border: 1px solid gray;
width: 300px; height: 300px;
text-align: center;
}
<div>
テキスト<br>テキスト
</div>

上のdivのボックスの中のテキストを上下の中央に寄せる方法を教えてください。
IEにも対応させてください。

>>750
ウェブに関わるのに全角で英数かくとか、
ファイル名全角とか
拡張子が全角とか
#ＦＦＦＦＦＦ
とか
ソース貼れって言えばだいたいこんな感じ

>>752
テンプレ嫁

＞IEにも対応させてください。
王様ｷﾀｰ

>>752
＞IEにも対応させてください。
お前が対応させるのだよ！！！！！！
死ねよ！

>>752
基礎を全く勉強してないのが丸わかりです。出直して下さい。

強制改行で改行させるなと何億万回言えばいいんだ
一からhtml勉強して来い

>>742　そんなときに、 margin : 3px auto;

>732
li と　画像う　のfloat:left;で解決しました。
ありがとうございます！

>>754
テンプレを読んだところ、display:table-cellとすればvertical-alignが
使えることはわかったのですが、IEがtable-cellに対応していないので
なんとかする方法があったら教えてもらいたいです。

>>758
改行したいときはwhite-space:preなどを使ったほうがいいということでしょうか。

基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。

基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。

基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。

素直に初心者スレ行けばいいのに

色をredやらで書く時点であれなんだがな

基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。
基礎から勉強してください。基礎から勉強してください。基礎から勉強してください。

初心者の荒らしは所詮こんなもの

では上級者の荒らしとは？

わざと荒れるようなネタを投下して、住人の間でもめさせるとかかなあ。

display:table-cell;vertical-align:middleを使わずにボックスの中の
テキストを中央に揃えるにはどうすればいいんでしょうか。

IE5.5とFirefox2で表示させたいのですが。

左右２カラムのレイアウトで
左がメニューです。
メニューは
<div id="leftarea">
<ul>
<li>メニュー</li>
<li>メニュー</li>
</ul>
</div>
となっております。

ULをセンタリングさせて表示させたいのですが、
margin: 0px auto;
text-align: center;
でFirefoxでは正常になるのですが、IE5だとulのmargin-left: 0px;
指定が解除されて、マージンが加算されてカラム落ちになってしまいます。
しかしmargin: 0px auto;
を入れないとFirefoxでセンタリングされません。
これを共存させる方法はないのでしょうか？

>>772
hack

首吊って死ねやカス

>>771
死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね
死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね
死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね
死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね
死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね
死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね
死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね
死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね
死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね
死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね
死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね
死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね
死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね
死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね
死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね
死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね
死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね
死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね死ね

>>752
死ねよ初心者

>>752
お前はゴミ。死ね

誰か流してる馬鹿運営に報告してきてくれ
冬休みだからって調子に乗るなよ

>>771
ちょっと前のレスくらい読めアホ氏ね

アホ同士仲良汁！！

>>771
死ねあほ

>>771
過去ログ読めやボケ

これさ冬休みで子供の質問が多いので
馬鹿な質問ばかりだなと思ってたけど
社会人も休みなんだよね。もしかするとサンデードライバーと同じで
普段ネットなんてしないパパが「よーーーし！休みだからパパ、インツーネットでホームペンシつくちゃうぞ！」
とかやってんじゃないんだろうか。
あまりにも程度が低いと言うか質問の意味さえも分からない質問が多すぎ。

>インツーネットでホームペンシつくちゃうぞ！
ねぇよｗ

あるあるｗ
この時期って年賀状にクソガキの写真とってその勢いで
サイトを作るパパやママが大量に増えるんだよ。
「新人ママさん奮闘喜（←わざと喜にしたりして）！」とか
誰もみないようなサイトが完成する。

「俺が回答するに値する質問がこない」って偉い先生方が騒いでいるだけだろ。

>>786
そうですね＾＾＾

>>786
おまえが荒らしかwww

heightが'auto'であるブロックボックスを親ブロックボックスの上下中央に
配置する方法はあるんでしょうか。heightが'auto'でなければ、topとbottomを
'auto'以外の値にして、position:absolute;margin:auto;で中央揃えできる
ことはテンプレを読んでわかったのですが、heightが'auto'の場合にはどうすれば
よいのかわかりませんでした。よろしくお願いします。

>>789
できない。JavaScript使え。

>>789
テンプレなんか読んでないだろ。死ね。

何で中央中央ってこだわるんだか。
そうしなければ表現出来ない、なんてありえないし、結局自己満足に過ぎない。

そんならどんな質問にも「そんなことをする必要はない」ってレスしておけばOKか。

>>792
自己満足がダメなのなら、CSSどころかマークアップすら必要ないんだけど。
単に段落も作らずに文字を流し込めばいいだけになる。
全てのデザインは自己満足の世界から始めるのです。

技術的にどうすれば可能なのかという話を、その技術が必要なのかという話に
掏り替えるのは、ずるくないか。

今現在テーブルレイアウト以外で、cssでboxを垂直中央に持って来るプロパティは無いんだし、
それっぽく見せるだけならいいけど、UA次第なんだし、
テンプレにもそうハッキリ書くべきだと思う。
同じ様な質問が続いてるし、それ以前のレベルでうんざりするのはわかる。

UAしだいと言うか
FirefoxとSafariの為のcssスレなんだけどな。
ieはもともとブラウザーじゃないので放置です。

>>797
そーゆう趣味道楽人みたいな発言
恥ずかしいから止めたほうがいいよ

いつもの人だから放っとけよ

うりゃ〜

/* あけおめ */

そうおもわないか？
「IEで確認しました！＾＾ｖ」なサイトで内容もマークアップもろくなサイトなんてない。
一度も見たことないぞ？
その反対にキチンと内容も整理されてて勧告にそったマークアップされてるサイトは
マカーのサイトであったりFirefoxで確認したようなコメントがあったりする。
本家のマイクロソフトがあれなので使ってるやつがあれになるのは当然なんだが・・・

>>802
アホか
IEがデフォルトなのにいちいち
IEで確認･･･とか言ってる奴はどうみたって素人
ろくなマークアップがされてる訳が無い

あこ！

>IEがデフォルトなのに
Windowsしか知らん奴が来た

相手すんじゃねーよ
なんか自作自演な気までして来たｗｗｗｗ

何で判ったんだよｗｗｗ

＞本家のマイクロソフトがあれなので

こんなこと言うヤツに限って実は初心者な件

このスレはアマチュアがほとんどなんだな。

プロ同士のちょっとした話できるスレある？

>>809
http://pc11.2ch.net/test/read.cgi/hp/1188678624/
この当たりなら話があうのじゃないかな？

そこはプロ杉ｗ

>>811
すまんすまんｗ

恐れ入りますが、質問です。

http://blog.livedoor.jp/ch_guide/というコピペブログをやってる者です。
テキストファイルですがCSS、htmlを以下のようにしましたが
デザインが崩壊しています。
よろしければ、改善策を教えてください。

http://blog.livedoor.jp/ch_guide/CSS.txt
http://blog.livedoor.jp/ch_guide/tophtml.txt

>>813
基礎から勉強してください。このスレでその程度のレベルの質問をしないように。

ブログの質問はブログ板

＞デザインが崩壊しています。

ﾜﾗﾀｗ

DOCTYPEになぞの改行あるけどこれはやはり見た目重視なのかな。
divの中がやたら空白が多いし。どこでだれに習えばそんなとこを空白に出来るんだろうか。
仮にもXHTMLなのに。

ブログしか知らないのにサイト作成したと思ってんだから仕方ないだろ

あれはサイトでは無く、ブログだからな。

釣りにマジレス

お決まりの釣り宣言後逃亡

釣りのために実際レイアウト崩壊させてしまうなんて感心するわ

> コピペブログをやってる者です。

この時点で第3者がネタでやってるってのが自明だろｗｗｗ

ネタはもっと新鮮なヤツ頼むわ。

そのブログの記事本体にたどり着くまでの階層を見てびっくりした。

html #ldblog-standard > body > div #container > div #blogcontainer > div #wrapper >
div #content > div #blog > div #articlebody > div .blogbody > div .main

もうわけわかんないです。

＞このスレは知識のある者が初心者を馬鹿にするために存在するスレである

まさにその通りｗ

このスレの95％は批判でできてます

質問の比率がもうちょっと高いと思うよ

馬鹿にするわけじゃないが、
初心者スレをもっと活用すべきだと思うんだ。

スレタイに
初心者お断りとか基礎的な質問お断り
とでも入れたほうが良いかもな

>>830
それじゃおまいらは答えられないだろが！！

>>831
ｵﾏｴﾓﾅｰ

>>830
スレタイに初心者お断りと入れると
過疎ってこのスレの存在意義が失われてしまうからこのスレの住人はしない

要するに初心者を釣って馬鹿にする、それがこのスレ

>>833
馬鹿にされたからって腐るなよ

テンプレ見れば大体どういうスレか分かるっしょ
>>810とか頼もしすぐる

>>813みたくこのスレに初心者っぽい質問を投下してゆけば、
回答者はどんどん質問者を馬鹿にすることができて
満足するんではないかと思った。
そうすれば回答者が優越感にひたるスレとしてまだ存在意義がある。
質問は初心者スレでやってくれってことで。

簡単な質問中心に話しが進むと難しい質問した奴がバカにされ
難しい質問中心にスレが進むと簡単な質問がバカにされる
だからといってテンプレ書き出すと参考書読んでるのと変わらない量になってくる
もっと気軽に話しのできる雑談スレッド風になればいいんじゃないかなと思う
どうも専門版はぴりぴりしすぎだ

というかテンプレは大抵多い質問を書き込むんだろうけど読みにく過ぎなんだ
読んでみないとどんな内容かわからないだろ
参考書だったら目次やら索引やらあるからまだ調べやすいわけだ

たしかに気軽な雰囲気ではないけどさ
なんでもかんでも「馬鹿にされた」で片付けるのもどうかと思うよ。
明らかに散々既出の質問とかしてくるやつ多すぎじゃん。

>>839
過去ログ嫁とかまさに参考書以上の重労働なわけだが
ここに貼りついてるやつらばかりじゃないだろう
まぁそういう固定概念がたくさんありすぎるからいっそなかったことにして新しいスレを作ったほうがいいと言ってるわけだが

>>840
検索かけりゃ5秒で済む話だろｗｗｗ

>>840
んじゃ勝手にスレおっ立ててそっちでやってりゃいいんじゃね？
頑張れよ。うまくいけばそっちがメインになるかもよ。

別に俺は提案しているだけで建てるなんていってないけどな
有志いないスレには価値があっても落ち込むもんだからな
現実は厳しいのはここにいるやつらならわかってると思うが

このスレで出される回答一覧

1.テンプレ嫁
2.まともなHTMLを書いてから質問しろ
3.UA固有のバグだからスレ違い
4.初歩的な質問するな
5.div厨氏ね

つーか上記の回答に当てはまらないような質問なんてあるか？
まともなHTMLが書けるような奴が質問するとは思えないし
CSSを覚えていく上で問題になってくるのはUA固有のバグ回避ぐらいだから、
その質問をUAのバグですで蹴ってしまえば
後は全て基本を覚えろとテンプレ嫁で全て解決できてしまう

こんな回答を出しているようならこのスレの存在意義なんてないだろ
というか質問する事が無いだろ

divってなんでだめなんだ？SEOだから？

>>845
<div id="wrap">
    <div id="hdr">
        <div id="hdr-inner">
            <div id="hdr-content">
                あいうえお

こういうのが駄目ってことだろ

このスレの住人は答えるに値しない回答をした者をとりあえず叩く傾向にある。
質問の内容に叩く要素が無い場合はHTMLの書き方に飛び火する場合が多い

>>846
ん〜？俺には理解しがたい
ソース見る側としてはめんどくさくて仕方がないが

>>848
もしこいつを、「それはマークアップに関する質問だからスレ違い」
って言って追い出したりしたら、やっぱりまた叩いたとか言われんのかな？
やってられんわ。

>>849
>>848はこのスレはCSS質問スレなのに
どうしてdivの多さを問われるのかと言っているんだろ？

>>849
明確にすぐ出せる理由がないのなら偏見だ
という解答が得られたという俺翻訳が作動するけどな
細かくなればなるほど万人にとってはどうでもいい話しになるだろうし

>>848
何のために段落とかリストとかをあらわす要素があるのか、
考えてみればいいと思うよ。
まあSEO対策でもあるけどね。

>>852
文法的な問題なのか俺は独学で学んでるからブラウザでちゃんと表示されてればいいし
サイト構成的に作者の慣れ親しんだ作り方とかあるだろうしその辺りはどうでもいいと思った

回答者3〜4人にMac信者のような偏った思考の持ち主がいるから
このスレに何かを期待するのは諦めた方がいいとおもうよ

>>850
それだったら>>848自身が
>ソース見る側としてはめんどくさくて仕方がない
って答えを出してるようなもんでしょ。
質問スレなら、ソース見やすいに越したことないじゃん。

>>855
ああ、そういうとらえ方もあるか
俺が解答者に回る場合はユーザーとしてそのサイトを見た場合を想像して答えるから
ただ質問にでたソースが見にくいとかはあんまり気にしない
>>848は偏見的な見方で自分のサイトの参考にソース見るためのサイトに対しての愚痴をこぼしただけだ
web製作系のサイト内容じゃなければとそんなの気にならない

ブログのテンプレートなどは汎用性を高める為に
多めにdiv振ることぐらいは容易に想像つくがな

このスレは知識のある者が初心者を馬鹿にするためにだけに存在するスレである
質問者は注意してください。

これを定期的に貼れば過疎ってこのスレも終わるんじゃね？

うん、そういう汎用性を高めるためのdivは不要なdivじゃないよね。
それを考慮しても無意味なdivを乱発してると、div厨って言われるんだよ。

>>858
やたらそのコピペ気に入ってる奴がいるけど、
みっともないと思うよ。
馬鹿にされて悔しいのもわからなくはないが。

そろそろ質問者が解答者をバカにする時代がきてもいいよな下克上だ

ある程度の知識を持っている俺でも
あらぬ事で叩かれそうだから
このスレ質問しようと思わないからな･･･

もっと気軽なスレが欲しいのは確か

始めてfloatで段組しようとしてるんだけど基本を教えてください
色んなサイトから部分的に抜き出して使おうとするとブラウザによって形が崩れてばかりで中々うまくいきません

>>863
float カラム
でググレ
お前がどう作ってるのかも判らずに何をアドバイスしろと?

>>862
それが匿名掲示板の限界だと思う
はてなとかOKWaveのようなサービス利用にユーザー登録が必要なところにしたらいいんじゃない？

>>864
単語がわからない初心者もいるからそれでも十分ｱﾄﾞﾊﾞｲｽになってる

>>863

荒業だが、<br clear="all" />を使ったらなんとか崩れなくなるかも。

エスパー通り越して馬鹿

>>867
周りこみの部分はどうにかなってるんだけど
スクロールしたときの動作がIEと他ブラウザで調べたところ違いがあって
他ブラウザででスクロールしても定位置だったものが
IEだとスクロールすると周りと一緒に動いてしまうんだ

>>869

んー…。なんだろね。
定位置って…。floatの関係する場所？それ…。

ソースも出さない馬鹿者とエスパー気取りの馬鹿者の小話が始まりました。

このスレはエスパー養成所雑談になりました

>>871-872
こういうレスが一番無意味なんだけどな。
このレスもだけど。

>>869
ソースを掲示すると関係ない部分を叩かれるから注意しろｗｗｗ
むしろソースを出さずに消えたほうが幸せかと思われる

>>871
勘と適当っていうのは私は違うものだと考えている
勘というものはその人が今まで生きてきた経験を元に裏付けされた結論だ
だからあながち勘というものも馬鹿にできるものではないのだ
人はそれをエスパーだとか超能力だとか例える人が多いようだがそれはこの考えを持ってすれば間違えだといえるのだよワトソン君

>>875を書いたのは俺だけど感動した！

>>873
アホみたいな質問をする奴がわるい。それに対する回答は出てる。
以後の雑談はいつもの流れ。

>>875
山勘はいいが、見事に外してんじゃんwww

>>878
その考えに至った背景が見えれば会話から得られることも
人際色取りをますのだよ四季を彩る山のように

自己弁護は放っとけ

>>879
つまり雑談こそ素晴らしいという事だね。
屁理屈極まれりだ。

俺はお前らと普通に話しがしたい
それだけが望みだ

低能回答者はつらいな、おい。

>>879
＞人際色取り
×人際　○一際
×色取り　○彩り
総評：慣れない言葉をつかうのはやめましょう　採点：-20点

いいじゃないか俺らが集まったこのスレのみんなでレベルアップ図ろうぜ
エリート戦士はこんなところにいないんだから見返そうぜ

エスパーな俺がこの先の展開を予想
と言うかもう答えは出ている

>>869がソースを出す
↓
住人の回答→まともなHTMLを書け
↓
終了

ソースを出すだけ無駄であるｗ

>>885
お前と一緒にすんなボケ　とみんな思ってる。質問者でさえな。

いつの間に自治ｽﾚになってんだよww

質問と回答以外ﾔﾒﾚ

今のオタクと昔のオタクは価値観が違うんだ
今言われるオタクはエロゲーオタとかなわけだが
元来オタクというのは一つのことにのめり込んでる奴のことを言う
お前らは旧オタクになりたくないのか！
伝説のスーパーサイヤ人なみのレアだぞ！

>>869
floatはスクロールと共に動くのが当たり前なんだが、
まさかabsoluteと勘違いしてないよな・・・？

間違えたabsoluteじゃねえ、fixedだ。寝ようﾉｼ

かっこわりぃ・・・

CSSで段組って難しいなぁ
崩れてるサイトしょっちゅう見かけるけどこれは仕方ないわ

>>891
そうだfixedだ
それIE6,0ｻﾎﾟｰﾄされてないでしょ

>>893
clearfixで余裕だろ

>>895
>>867のことだと思うけどどこにいれんの？
適当にいれても何もかわらなかったけど

>>896
質問者は最初の質問番号を名前欄に入れる。
全然違うからちゃんとググレカス。

>>897
試しに何でぐぐる？

やはりタダのアホ質問者か。初心者スレ池。

cleafixと<br clear="all" />は全然別物だーっ

ググり方も知らないPC初心者でもある

お前らぐぐる検定何段？

初心者に限ってケツが重く、いくら誘導しようとも居座って動かない。
自分が初心者だと決して認めないのも超初心者の大きな特徴。

>>903
それここに居座ってる奴全員に当てはまるじゃん

初心者に説明もできないやつがプロ気取ってんじゃないよ！
15秒でしたくしな！

何で午前中だけでこんなに伸びてるのｗ
このスレにしちゃ珍しいな

ここはメモ帳じゃないからな
どんどん質問して
どんどん間違えた解答して心にメモ刻んで行こうぜ

プロなんて何処に居るわけ？
このスレに質問に来るアホプロのこと？
プロだから何だっての？

clearfixの話してるのに
clearfixでググることすら思いつかないのは
さすがにフォローのしようがないだろ……

答えもらっても理解できない初心者が、いつものように暴れてるだけだろ。

ごめんな、ほとんど俺の自演だから。
みんなマジすまなかった。

とっとと移動すりゃいいのに。

>>909
ぐぐったけどサイトの通りにしてみたけどなんら変化なし

>>913
ソース貼ってみ

>>914
ただの釣りだからソースなんざ存在してないよ

ｵﾏｲらｽﾙｰ力なさ杉

>>915
お前もなｗ
俺もだが