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

>>859
だいたいこのスレばっかじゃねーか…。
酷すぎる。

>>847
これがかのゆとり教育ってやつなんだろうか…。
きみはもうすこし本を読んだ方がいい。
おっちゃんちょっと心配になってきたよ。

おっちゃん　心配せんでもええがな
所詮厨やろ　気もむと禿げるでぇ

>>858
現在のCSS仕様では無理。JavaScriptを使えばできる。

例えば、キャンバスの幅を document.innerWidth とか
document.documentElement.clientWidth とかで取得して、
その幅から画像幅と右辺からのオフセット値を差し引く。
後は document.body.backgroundPosition 等で位置を指定。

WinIE6の互換モード、もしくはWinIE5.5以前の場合、
キャンバスがhtml要素ではなく、body要素なので注意。
document.compatMode で判別して、振り分ければ良い。

JavaScriptが無効の場合はどうすのか問題だが……
後は自分でJavaScriptを書くなり、諦めるなりしてくれ。

>>863
ありがとうございます。理解しました。
結果としてスレ違いの話題になりましたこと、お詫びいたします。

IE6の互換モード時、
htmlへの背景画像指定が効かないのは仕様ですか？
バグ辞典にも載ってなかったんだけど。

ｽﾏｿ訂正。
htmlとbody両方に背景画像指定がある場合の互換モード、でした。
htmlに指定したほうの背景画像があぼんされる。

>>865
バグ辞典をよく見ろ。
ttp://cssbug.at.infoseek.co.jp/detail/winie/b142.html

>>867
ｽﾏｿIE5系は見てなかったorz

ブラウザを縮小・拡大しても文字が改行せずスクロールバーが出てくるようには
どのようにしたらいいのでしょうか？
以下のページソースとCSSファイルを見てもわかりませんでした。
ttp://homepage1.nifty.com/~yoshi-s/home/

なんちゅー迷惑な・・・

>>869
「横スクロール　迷惑」でぐぐってからもう一度聞きにこい

?
特に普通の質問だと思うが、何が迷惑なん？

>>869
widthで幅を固定しとく。

>>872
800*600でネットを巡回してる人か。

>>872
ありがとうございました

>>873
何で貧乏人に合わせなきゃいけないんだよ馬鹿が

度々すみません。
div を連続して使うとくっついてしまうので
いちいち <div><br /></div>を入れているのですが
スマートな方法はないものでしょうか？

高解像度のモニターを使ってる奴程窓全開にしないものだよ。

>>876
xhtmlで書いてる人がmarginも知らないのかい？

俺も前回にはしないけど800*600まで小さくはしないな

>>875
もうちょっと優しく言ってね♥

Macだとフォトショップなどを除いて全画面表示自体が馴染みない文化。
つうか最近のばかでかい液晶と高解像度の組み合わせで画面一杯に広げると
見づらくて仕方がない罠。

>>878
ごっつぁんです

IEでカラー名のlightgrayが使えないのはバグですか？
他のグレー系の名前はgrayでもgreyでも通るようですが
lightgrayだけはlightgreyでしか読み込んでくれません。
firfoxでは両方可能ですが、他のブラウザではどうなのでしょうか？

１６進で書けば問題なかろうて

>>880
フォトショやイラレでもフルスクリーンにはしないだろう。
クリッピング使えなかったら不便じゃん。

<small>とか相対で文字サイズを指定するタグあるけど
これらのタグまでcssで置き換える必要はあるのだろうか？

それはstrictスレじゃない？

物理タグつかっちゃいやん

ins要素がブロックレベル要素のときとインライン要素のときで
表示を変えることはできますか？

どうしたいんだ？

ins要素がブロックレベル要素のときは枠線を付け、
インライン要素のときは下線を引く、といった感じです。

例え親要素が同じでも
<li><ins>なんとか</ins></li> ならins要素はインラインで、
<li><ins><p>なんとか</p></ins></li> ならブロックレベルなので
子孫セレクタを使うことができなくて、どうすればいいか考えてます。

spanでclass付けとかさ。

こんばんは
今リストで画像のメニュー（ロールオーバーなし）を作ってるとこなんですが
cssでliに対しdisplay:inline;を指定してそれぞれのliの中に
画像を４つ組み込み横並びで作成しプレビューしてみたら
全てのブラウザで画像と画像の間に隙間で出来てしまいます。
隙間のなくす為にはどうすればいいかすみませんがアドバイス
よろしくお願いします。
ちなみにulとliに対してmargin&paddingを0にしても駄目でした・・・

li要素間の改行コードが半角スペースとなっているようです。
li要素を連続して記述するようにしてみてください。

>>893
すげー　それを見て初めて892が何を言っているのかわかったよｗｗｗｗ

>>893

返答ありがとうございます。
言われた通りに修正してみたらうまくいきました！
本当にありがとうございました。

>>894
説明がへたくそでマジすいません・・・

893
神返答だなｗ
なんでそれでわかるんだとｗ
しかも断言してるしｗ

昔それでハマったんｼﾞｬﾏｲｶ？

隙間が出来る
-> タブ・スペース・改行が原因
-> vertical-alignがbaselineになってる

ってのはFAQな希ガス

俺たちは今、エスパー誕生の瞬間を見た！

サイドメニューにbackground-colorで背景色を表示させたいんですけど
背景色が最下部まで表示してくれません。
heightに絶対値をいれる以外に方法はありますか？

>>899
>背景色が最下部まで表示してくれません。
サイドメニューそのものが最下部まで到達してないと思われるがどうか。
つうかこのスレッドは>>893みたいなエスパーだけで構成されている訳じゃねー！

>>900
そのとおりです！
右側のコンテンツのボックスには色々と文章が入っていて
最下部まで到達してるんですけど
左側のサイドメニューのボックスには入れる項目が少なく
最下部に届いてない状態なんです・・・
こういった場合はmarginなどでバランスをとるべきなんですかね？

>>899
サイドメニューのdivとメインのdivにdiv。
外のdivに背景色指定してサイドメニューかメインのどちらかに背景色指定。

>>902

言われた通りに作ってみたんですけど
ie6は背景の赤が表示されたんですがfirefox1.5とネスケ7.1が
背景色の赤が表示されず白になってしまいます。
何回もすいません・・・

ちなみにソースです。
#aa{
width:450px;
background-color:red;
}

#bb{
float:left;
width:50px;
}
#cc{
float:left;
width:400px;
background-color:white;
}


<div id="aa">
<div id="bb">aa</div>
<div id="cc">aa</div>
</div>

すいません#aaにheight:100%指定したら出来ました！
アドバイスしていただき本当にありがとうございました！

>>903
御免なさい。不完全な助言で申し訳ありません。
>>893 の神を待ちましょう。

>>905
貴方がアドバイスしてくれたおかげで解決しましたよ。
本当にありがとうございました！

>>903

#aaがページ全体ならbodyに背景画像の方がすっきりしていいかも。
#aaの上や下にヘッダー、フッターなどは居るなら#aaに背景画像入れるとか。

height関係をいじるとブラウザによって表示が変わることなかったかな？

frameやframesetに適用できるCSSってあるんでしたっけ？

>>908
frameはそれぞれ独立したページでしょう。
JavaScript を使えば若干の操作はできるかもしれないけれど
基本的には無理でしょう。
CSSを外部ファイルにして両方のページで共有するのが一番近い答えかな。