問題タブ [blueprint-css]

960で設計されたサイトとBlueprintを使用して設計されたサイトを比較すると、960 のサイトの方がはるかにシャープに思えます。

これが私が見ているサンプルの偶然かどうかはわかりません。

それとも、960 についてより優れたデザインを助長するものはありますか?

ブループリントで div の背景色を設定する方法はありますか?

class=error が色をピンクに設定することに気付きました (通知/成功は似ています):

しかし、divを任意の色に設定する方法があるかどうか知りたいですか?

編集:私は実際にエラー/通知/成功を気にしません。div の色を同じように設定できるようにしたいだけですが、自分で選んだ色を使用します。

div コンテナ内のものを右または下に揃える簡単な方法はありますか:

また：

また：

以下は、「topnav」を下に配置しようとしているもののサンプルです。

カスタム幅のカスタムCSSグリッド フレームワークを作成するには? 私の会社では、900 px、920 px、915 px、973 px などのさまざまな幅のサイトのデザイン (PSD) と、右に 10 px、左に 20 px などのさまざまなガター サイズをこのタイプの条件で取得します。私はグリッドベースのフレームワークを使用し、恩恵を受けています

タイトルが本当に私がやろうとしていることを説明しているのかわからない。実際、これは非常に単純で、インターネット上で広く使用されています。

コンテンツがブループリント固定グリッドを使用しているときに、背景に液体/全幅のストライプ（デザインの一部のdivと同じ高さ）が必要です。

たとえば、このWebサイト：intient.comは、私が探していることを正確に実行しています。液体の幅である黒の背景ストライプ（および灰色の別のストライプ）とグリッドを使用したコンテンツ（CSSを確認した後のブループリントではありません）

コンテンツを表示するためにブループリントの固定幅グリッド（950px）を使用しています。私がどうやってそれをすることができるか知っていますか？ブループリントとは？そして、静的な背景画像なしで...

ありがとう

次のhtmlコードがあります（指定された順序で）

そしてもちろん、上部にヘッダー パーツ、続いてコンテンツ パーツ、そしてフッターを表示したいと考えています。青写真を使用して CSS コードでそれを行うにはどうすればよいですか?

PS : コンテンツ部分は、より SEO フレンドリーになるように最初に記述されます。

編集: ソリューションは、div セクションが記述されている順序で機能するはずです。たとえば、divの「コンテンツ」は、divの「フッター」の後にXHTMLファイルに書き込むことができます...しかし、コンテンツの下にフッターを表示したい（コンテンツによっては高さが不明です）

このブループリント CSS チュートリアルを実行しようとしましたが、最後の列に表示する要素を取得できませんでした。私はこの解決策を見つけました。これは、最後のクラスに問題がある可能性があることを示していますが、うまくいきませんでした。

他の誰かがこの問題を経験し、修正を見つけましたか?

明確にするためにスクリーンショットが必要な場合はお知らせください。

プロジェクトで BluePrint.css フレームワークを使用してきました。それはうまくいきます。

ただし、私が調べたほとんどの CSS フレームワークと同様に、テキストの多い新聞風のレイアウトにより適しているように見えます。SharePoint や iGoogle などの「ウィジェット」メタファを利用する Web アプリケーションの構築に使用すると、使用が少し難しくなります。重要な問題は、Web アプリでは、多くの場合、情報の視覚的なコンテナーを作成することが標準になっていることです。これにより、グリッドを壊してしまうパディングが必要なボックスが導入されます。

別の説明としては、コンテナー ボックスが 8 つのグリッド列にまたがる場合、コンテナー ボックスにはパディングがあるため、8 つのグリッド列に収まらないということです。

これに対する回避策を見つけましたが、それらはすべて、少し面倒な別の CSS レイヤーを追加する必要があります。次のプロジェクトに進む前に、他の誰かがこの問題に遭遇したかどうかを確認し、a) この視覚的要件に対応するグリッド システムを見つけたか、b) のいずれかでこれに対応するいくつかの巧妙な方法を見つけたかどうかを確認したいと思いました。既存の CSS フレームワーク。

私は現在、幅を 910px に設定するBlueprint CSSフレームワークと、 Steve Hatcher によるスティッキー フッター マークアップを使用しています。

私が得ている問題は、何らかの理由で Internet Explorer 6 のみで、#wrap クラスの右側に 10px の余分なパディング/マージンが追加されていることです。

ここにテストサイトをアップロードしました：

http://www.prashantraju.com/test

IE6 と IE7 の比較です。

比較 http://www.prashantraju.com/test/ie6ie7.gif

ご覧のとおり、IE7 では右側 (赤い領域) にマージン/パディングはありませんが、IE6 では余分な 10px があります。

これを修正する方法はありますか? または余分な 10px の原因は何ですか?

前もって感謝します。

Blue print CSS を使用していますが、Firefox では正常に動作します...しかし、IE lt IE8 を使用しても IE で見ると、間隔と配置に関してまだ正しく動作していないようです。

それを適切に見せるために私ができることについて何か提案はありますか?