CSS {スタイルシート質問スレッド:50%;}

>>950
色々いじくってたら直りました。ありがとうございます。おそらくもう大丈夫だと。

>>951
line-height

>>952　
無駄に長いスタイル指定に萎え。もっと簡略化できるぞ。
position: relative; はなんのため？
スタイルを適用させるHTMLソース例も出しなさい。長くせず、キモの部分だけな。

今さらなんだが、
>>637ってoverflow:hidden;で指定幅のみ選択になるよな。
でもここらへん、確かMacIEで表示できない細かい条件があったような気がするんだけど、
MacIE環境持ってる人、知らない？hiddenじゃやっぱり危険？

MacIE は overflow:auto; すると display:none; みたいになってしまうからいやん

すみません。質問します。
ＣＳＳでデザインされたとてもカッコいいサイトを見つけました。
参考にさせてもらおうと思い、ＣＳＳの中身を除いた※１のですが、

@import url("base2.css");

/*\*//*/
@import "ie5mac.css";
/**/
このような記述が出てきてＣＳＳが見れませんでした。
どうすればいいでしょうか。
サイトを晒したいけど、許可をとっている訳ではないので止めておきます。
よろしくお願いします。m(_ _)m

※１ http://ホームページ名//css/base2_im.css　←を入力

>>957
http://ホームページ名//css/base2_im.css
を
http://ホームページ名//css/base2.css
にするとbase2.cssが見れるよ！

>>957
ちなみにそれバグの多いMacIE用ハックだから、
一般用CSSはそれじゃないと思われ。その部分はただの回避策じゃないかな。

>>958 >>959
レスありがとうございます。中身を見ることができましたm(_ _)m

全体を包むcontainerがあり、上からheader
sidebar(左フロート)main(右フロート)ときて
下にfooterがあるレイアウトで、全部のコンテンツより縦の大きい解像度で見ると
footerの下には何も出ません。
これをcontainerの幅でその下にも背景を出したい場合どうすればよいでしょうか？

説明がわかりづらいくてすみません
例としては
http://www.cyberagent.co.jp/company/
http://www.nttdocomo.co.jp/utility/privacy/
とかです。

>>961
ttp://www.stylish-style.com/csstec/ultimate/fix-foot.html

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

#navi a:link, a:active, a:visited {
〜略〜
}

#navi a:hover {
〜略〜
}

　上記のようにスタイルシートを記述しているのですが、なぜか <div id="navi"></div> で
囲っていない部分にも a:link, active, visited が影響されてしまいます。(hovor は適用されてません)
　原因はなんでしょうか？　W3C や HTML-Lint でチェックはしたのですが…

http://pc8.2ch.net/test/read.cgi/hp/1137080639/29
からきました

<dt>DT1</dt>
<dd>DD1</dd>
<dd>DD2</dd>
<dt>DT2</dt>
<dd>DD3</dd>
<dd>DD4</dd>
<dd>DD5</dd>

というのを
DT1 DD1 DD2
DT2 DD3 DD4 DD5
と並べて表示したいのですが
dt
float: left
clear: both
dd
float: left
だとWinIEで
DT1 DD1 DD2 DD3 DD4 DD5
DT2
となってしまいます。
どうやったら解決できますか

#navi a:link, #navi a:active, #navi a:visited
に修正。

>>966
感謝！

>>965
ttp://cssbug.at.infoseek.co.jp/detail/winie/b093.html

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

もう一つ質問なんですが
ul {
background-color: #FFFFFF;
}
とやるとIEだと背景色が適用されますがFirefox1.5だと適用されません。
どっちが正しい挙動なのでしょうか

FireFox1.5で
> <q cite="引用元">引用文</q>
を
> 「引用文」（引用元）
と表示してさらに"（引用元）"の部分のフォントや色を"「引用文」"とは別のものを適用したいのですが
> q { quotes: "「" "」"; }
> q:after { content: "（" attr(cite) "）"; } /*←fontとかcolorとか指定する予定*/
とすると
> 「引用文（引用元）
のように表示されます（閉じるかぎかっこがない）
> q:before { content: "「"; }
> q:after { content: "」" "（" attr(cite) "）"; }
とすると一応
> 「引用文」（引用元）
と表示されるのですがそれだと当然ながら
"（引用元）"の部分だけに"「引用文」"とは別のスタイルを適用することができません
（"」（引用元）"の部分にスタイルが適用される）
どうすれば思い通りにできるでしょうか

>>969
そんなことなかったです
リスト要素がulの外に配置されてるような状況になってたようです。
これはこれでバグだとおもいますが

>>969
Win2000Firefox1.5で変わることを確認。
スペルミスを確認汁。

リロードしたんだが…orz

>>971
小分けですまん、それもそんなことはないから、おまいの書き方確認。

>>970
citeまで装飾（CSS）として付けるのは法律的にちょっと難という意見があるので
cite属性を用いるがよかろ。

cite属性じゃねえ、cite要素だ。

>>974
li要素をfloatしてた所為でした。

IEだとfloatされたli要素もulの中のように振る舞いますが
FFだとulの外に浮いてる形になるみたいです。
後続する要素とのマージンなどからもこんどこそ合ってると思います

>>975-976
レスどうもありがとうございます。
そもそもhtml部分を
> <q cite="引用元">引用文</q><cite>引用元</cite>
として
q要素のcite属性部分をcssで装飾するのではなくcite要素を追加し装飾すれば委員ですね。
それでもやっぱりq要素のcite属性は書いたほうがいいのでしょうか？
って、これはcssの質問ではないのでスレ違いですね。
どうもありがとうございました。

>>977
それ、フロートのＦＡＱですから。
http://web2ch.s31.xrea.com/?CSSFAQ のＱ４のリンク先に書いてありますから。

>>977
http://cssbug.at.infoseek.co.jp/detail/winie/b053.html
>本来、ボックスサイズを算出する際にはフロート化された子孫要素は除外される

>>978
q要素とcite要素が完全に対応する確証がない（現在の仕様ではそれを明文化する規定がない）から
HTMLとしては、たとえcite要素はなくともcite属性は書くべき。
むしろHTML的にはcite要素は法律的なおまけと考えておいたほうがいい。
またcite属性にはURI（URLやISBN）しか書けないが、
cite要素のほうはq要素のtitle属性と同じような出版物名とか著者名とか書けるんで便利。

>>979>>980
素朴な疑問。
その仕様通りだと、ブロック要素であるhrはフロートされちゃマズイと思うんだけど、
hrがきっちりフロートの下に潜り込んでるのは知ってる限りOperaだけで、
IEはおろかFirefoxでもMozillaでもフロート幅によって縮められちゃってテキスト扱いになってる感じなんだが、
これってバグ？

>>982　読んだか？
http://cssbug.at.infoseek.co.jp/misc/hr.html
http://cssbug.at.infoseek.co.jp/detail/mozilla/b042.html

>>983
いや、標準モードでそれだった気がするんだが・・・
もういっぺん試してみる。

>>982　読んでないんだな？
http://bugzilla.mozilla.gr.jp/show_bug.cgi?id=1726#c19
https://bugzilla.mozilla.org/attachment.cgi?id=50543&action=view

http://www.rootace.com/

ちょっと該当見付からなかったんですけど、
legend要素に:first-letter擬似要素が働かないのは仕様ですか？

●OSやブラウザの種類とヴァージョンについては必ず明記してください
http://hp.vector.co.jp/authors/VA022006/css/corrbrwser/selector.html#pseudo-elements

>>988
Windows2000SP4Firefox1.5です。

>Netscape 6〜7.0
>:first-letter疑似要素には，ボーダー関連のプロパティは適用されない。
とあるな。　>>988

ソース出して、下記に報告しなさい。
　CSS/DHTMLバグ辞典スレッド 第４版
　http://pc8.2ch.net/test/read.cgi/hp/1078463560/l50

>>990
わかりました、あとでソースを簡略化してやってみます。

おはよう埋め

雪だ

梅干しすっぺー

カリカリ埋め

すっぱいまんくいてー

うめうめ

すっぱいまんこいてー

次スレ:

/* CSS・スタイルシート質問スレッド【51th】 */
http://pc8.2ch.net/test/read.cgi/hp/1137310503/

このスレッドは１０００を超えました。
もう書けないので、新しいスレッドを立ててくださいです。。。