新生鳩丸掲示板♯

皆さん、はじめまして。

現在、WEBデザイナーを目指して、勉強中のYbonと申します。

正しいHTMLに沿って、レイアウトテーブルを使わない

CSSだけでデザインされたサイトを創れることを目指してます。

さっそくですが、皆さんにお聞きしたいことがあります。

conditional commentってなんでしょうか？

僕は「Web Creators」という雑誌を購読

しているのですがその、vol22(P62)を見返したら、

”Javascriptを使わず、HTMLだけである程度のCSSの振り分け”

について書かれていて、すこしだけconditional comment

に触れられていました。

しかし、具体的にconditional comment

がどういう物かは分かりにくかったです。

（分かったのはIE5以上が対応していることと

これをつかえばjavascriptを使わず、

振り分けが可能だという事）

お手数ですが、conditional commentについて教えて下さい。

よろしくお願いします。

http://www.keynavi.net/ja/bugh/comments.html

他のハック使ったほうが、量は減らせますよ。

>さっそくですが、皆さんにお聞きしたいことがあります。

>conditional commentってなんでしょうか？

　俗に言う「IE の謎コメント」というやつですね。

#ヨスケ先生の得意技としても知られている……?

　正式な情報としては以下にあります。

　http://msdn.microsoft.com/library/?url=/workshop/author/dhtml/overview/ccomment_ovw.asp

　で、これを使ってブラウザの CSS 系バグを吸収するという話だと思いますが、具体的には

・Mozilla で完璧に見えるように作る。

・IE で見てバグっているところがあったら conditional comment を使って「IE にのみ読まれるスタイル」をつくり、その中でバグったスタイルを何とかする。

・IE の古いバージョンで見てバグっている場合も、同様にそのバージョンだけで読まれるスタイルを作成してなんとかする。

　……というような形で作業することになるでしょう。

　http://konicaminolta.jp/ なんかで使われていますね。

　ただし、これはあくまで IE の独自拡張実装なので、「正しいHTMLに沿って……」という主旨に合致するかどうかは微妙ではあります。いちおう valid にはできるので、問題ないといえば問題ないのですけれども。

ROMさん、ばけら、どうもありがとうございました。

＞ROMさんさん

大変参考になるサイトを教えてくださってありがとうございます！

とても参考になりました。

＞他のハック

というのは　voice-family:"\"}\"";voice-family:inherit;

や　@import 　や　子供セレクタ 最初の子供セレクタなど

でしょうか？

（僕の知っているのはこれくらいです）

もし他にもハックをご存じか、それらの解説をしているサイト

（できれば日本語）をご存じなら教えていただけませんか？

＞ばけらさん

具体的な使い方まで含めた親切な解説ありがとうございました。

おかげさまで、実際に使えるようになりそうです。

＞いちおう valid にはできるので

すいません、validってなんでしょうか？

2回目の質問で申し訳ありません。

よろしくお願いします。

>＞他のハック

>というのは　voice-family:"\"}\"";voice-family:inherit;

>や　@import 　や　子供セレクタ 最初の子供セレクタなど

>でしょうか？

ですです。

>もし他にもハックをご存じか、それらの解説をしているサイト

>（できれば日本語）をご存じなら教えていただけませんか？

Eskizyとかどうですか。知る限り、一番多いです。

http://su.que.jp/eskizy/index.cgi?CSS_Hacks

残念ながら、日本語訳されたものはあまり無いですね。

多分「To Hack Or Not To Hack」にあるような事情によるのでしょう。

私は、それを嫌うよりも、まずは

必要なら使ってUA互換のスタイルを作り、それを広めて欲しい

と思っているタイプです。

板違いかも知れません。

そぐわないのであれば、削除お願いします。

>すいません、validってなんでしょうか？

http://altba.com/bakera/hatomaru.aspx/glossary/00760061006c00690064

に用語解説があるようです。

>板違いかも知れません。

>そぐわないのであれば、削除お願いします。

　そぐわないということは全く無いと思います。

　普通に CSS の話で盛り上がっているわけですし。

　ちなみに削除機能は実装していませんので、削除するためには生データを手で編集するしかなく、とっても面倒だったりします。

>>板違いかも知れません。

>>そぐわないのであれば、削除お願いします。

>

>　そぐわないということは全く無いと思います。

>　普通に CSS の話で盛り上がっているわけですし。

そう思うぐらいなら書かなきゃ良いのにと、いつも思います。

>そう思うぐらいなら書かなきゃ良いのにと、いつも思います。

すみません【謎】。

http://altba.com/bakera/hatomaru.aspx/htmlbbs/article/1393

>>>そぐわないのであれば、削除お願いします。

>>　そぐわないということは全く無いと思います。

>そう思うぐらいなら書かなきゃ良いのにと、いつも思います。

　書かないほうが良いと思っているわけではなくて、書いて OK のような気はするんだけどイマイチ自信が無い、というステータスなのではないでしょうか。6:4 くらいで OK な気はするんだけど、みたいな。

>>そう思うぐらいなら書かなきゃ良いのにと、いつも思います。

>すみません【謎】。

　反省するがよろしい……というフレーズを思い出しました。懐かしい。

>　書かないほうが良いと思っているわけではなくて、書いて OK のような気はするんだけどイマイチ自信が無い、というステータスなのではないでしょうか。

ハイ、ここではCSSのバグを扱っているのを何度か見ているのですが(参考にさせて頂いてます<(_ _)>)、直接ハックに関する話は見たことがありませんでしたので、グレーゾーンだったんです。

> 削除するためには生データを手で編集するしかなく、

失礼かと思いますが、ちょっと意外でした。