問題タブ [css]

私は絶対に配置されたdivいくつかの子を含み、そのうちの1つは比較的配置されていdivます。percentage-based width子でを使用すると、IE7ではdiv折りたたまれ0 widthますが、FirefoxやSafariでは折りたたまれません。

を使用すればpixel width動作します。親が比較的配置されている場合、子のパーセンテージ幅が機能します。

1. ここに欠けているものはありますか？
2. pixel-based width子供以外にこれを簡単に修正することはできますか？
3. これをカバーするCSS仕様の領域はありますか？

ページに次のCSSルールがあるとします。

定義されたフォントのどれがユーザーのブラウザで使用されたかをどのように検出できますか？

なぜこれを実行したいのか疑問に思っている人にとっては、検出しているフォントに他のフォントでは使用できないグリフが含まれているためです。ユーザーがフォントを持っていない場合は、ユーザーにそのフォントをダウンロードするように求めるリンクを表示する必要があります（これにより、ユーザーは正しいフォントで私のWebアプリケーションを使用できるようになります）。

現在、すべてのユーザーにフォントのダウンロードリンクを表示しています。正しいフォントがインストールされていない人にのみ表示したいです。

比較的単純な CSS の場合:

width 文字列が150に制限されたままになり、ハイフンで新しい行に折り返されるようにするにはどうすればよいですか?

無料の品質のWebサイトのデザインテンプレートのリストを集約しましょう。そこには何百万ものこれらのサイトがありますが、ほとんどは反復的で退屈です。

freeCSStemplates.orgから始めます

また、他のサイトはある種の標準に従う必要があると思います。たとえば、ここにfreeCSStemplates標準があります。

• Creative CommonsAttribution2.5ライセンスの下で無料でリリース
• 画像の点で非常に軽量
• テーブルフリー（つまり、レイアウトの目的でテーブルを使用しません）
• W3C標準に準拠し、有効です（XHTML Strict）
• PDPhoto.orgとウィキメディアコモンズによって寛大に提供されたパブリックドメインの写真が提供されます

CSS と Javascript ファイルは頻繁に変更されるわけではないので、Web ブラウザーによってキャッシュされるようにしたいと考えています。しかし、ユーザーがブラウザーのキャッシュをクリアしなくても、これらのファイルに加えられた変更を Web ブラウザーで確認できるようにしたいと考えています。また、Subversion などのバージョン管理システムとうまく連携するソリューションも必要です。

私が見た解決策の中には、クエリ文字列の形式でファイルの末尾にバージョン番号を追加するものがあります。

SVN リビジョン番号を使用してこれを自動化できます: ASP.NET Display SVN Revision Number

別のファイルのリビジョン変数を含める方法を指定できますか? それは HTML ファイルにあり、CSS または Javascript ファイルへの URL にリビジョン番号を含めることができます。

Subversionの本では、リビジョンについて次のように述べています。「このキーワードは、このファイルがリポジトリで変更された最後の既知のリビジョンを表します」。

Firefox では、CTRL+Rを押して特定のページのすべてをリロードすることもできます。

明確にするために、ユーザーが自分で何もする必要のないソリューションを探しています。

JavaScript で css を使用して HTML 要素の背景色を設定するにはどうすればよいですか?

HTMLの順序付けされていないリスト（ s）ColdFusionを含むテンプレートにデータを入力するために使用しています。<ul>

これらのほとんどはそれほど長くはありませんが、いくつかは途方もなく長い長さを持ち、2〜3列で実際に立つことができます。

これを簡単に行うためのHTML、ColdFusion、またはおそらくJavaScript（jQueryソリューションを受け入れています）の方法はありますか？スクロールを節約するために、複雑すぎるヘビーウェイトソリューションを使用する価値はありません。

2列のテーブルのようなページをレイアウトしようとしています。右端の列をページの右側にドッキングする必要があります。この列の背景色は明確である必要があります。右側のコンテンツは、ほとんどの場合、左側のコンテンツよりも小さくなります。右側のdivは、その下の行のセパレーターに到達するのに十分な高さである必要があります。背景色をそのスペースに塗りつぶすにはどうすればよいですか？

編集：この例は非常にテーブルに似ており、実際のテーブルが適切な選択であることに同意します。しかし、私の「実際の」ページは最終的にはテーブルのようになりません。最初にこのタスクをマスターしたいと思います。

また、何らかの理由で、IE7で投稿を作成/編集すると、コードはプレビュービューに正しく表示されますが、実際にメッセージを投稿すると、書式が削除されます。Firefox 2で私の投稿を編集することはうまくいったようです、FWIW。

別の編集：ええ、私はGateKillerの答えを受け入れませんでした。それは確かに私の単純なページではうまく機能しますが、私の実際の重いページではうまく機能しません。私はあなたが私に指摘したリンクのいくつかを調査します。

決まった日に新しいスタイルに切り替わるウェブサイトを制作中です。サイトの組み込みセマンティック HTML および CSS であるため、変更には CSS 参照の変更のみが必要です。どのように見えるかを確認できる必要があるデザイナーと、現在の外観のコンテンツの更新と新しい外観のデザインの進行状況を確認できる必要があるクライアントと一緒に作業しています。

新しい CSS ページを選択するために Cookie を書き出すフッターで、魔法のクエリ文字列値および/または JavaScript リンクを使用する予定です。ASP.NET 3.5 で作業しています。推奨事項はありますか？

IE8、7、および 6 のサポートのために IE 条件付きコメントを使用していることに言及しておく必要があります。置換を行う関数を作成する場合があります。

純粋なCSSレイアウトを作成しようとするたびに、1つまたは2つのテーブルを使用する場合よりもはるかに時間がかかるようです。3つの列を同じ長さにし、データ量を変えるには、特にクロスブラウザーの問題を処理する場合に、特別なハックが必要になるようです。

私の質問：

これらのいくつかのテーブルが傷つくのは誰ですか？

表は表形式のデータで特にうまく機能しているようです—なぜこの時代に表はそれほど罵倒されているのでしょうか？

Google.comのソースコードにはテーブルがあるので、他の多くのサイトもそうです（ちなみにstackoverflow.comにはありません）。