問題タブ [blueprint-css]

blueprint cssを使って以下のようなレイアウトをしたいと思います

これを機能させるための適切な列幅、マージン幅、および列数はどれくらいですか?

10px の列と 10px の余白でこれを実行しようとしていますが、中央のガターとして 30px になります (1 つの完全な列 + 右からの余白)。

次のようなボタン mixin を作成しようとしています。

sass をコンパイルすると、-filter と -ms-filter で始まる行で次のエラーが発生します。

SASS::SyntaxError:予想される rparen トークンは、single_eq トークンでした

= の私の配置だと確信していますが、正しく書く方法が正確にはわかりません。!lighter、!darker の代わりに 16 進値を渡すと機能します。これは、次のように = 記号を削除できるためです。

私は青写真を試してみたかったのですが、最初からうまくいきました。それからウェブサイトをオンラインにしましたが、驚いたことに何もうまくいきませんでしたか？私がここで間違ったことをしたかもしれないことについて私を導くことができるcssの第一人者はいますか？

http://kurdiskainstitutet.se/

私が言ったように、インターネットエクスプローラー以外のすべてのブラウザで完璧に動作します

サイトのレイアウトを試みているときに問題が発生しました。Blueprint Frameworkを使用していますが、divに境界線を適用すると発生します。それらの幅はspan-XX（または960gsgrid-xxで気づいたように）によって制御されるため、これらの画像に見られるように、要素に境界線を適用すると、グリッドから外れます。クリックしてズームクリックしてズームdiv

span-XXそれを修正する唯一の方法は、要素の幅を変更することですが、クラスがもうないため、フレームワークのグリッドの目的は終了します。それを修正する他の方法はありますか？

ピクセル値を％で再計算するツールはありますか？

この単純なレイアウトをエミュレートしようとしています:

どこ

1. ヘッダーとフッターがページの幅全体に広がる
2. ヘッダーは常に上部にあります
3. フッターが一番下にくっつく
4. blueprint コンテナーは固定幅のコンテナーであり、その中のすべてが blueprint を使用して管理されます。

これを達成するための最良の方法は何ですか。課題は、私の弱いレイアウト スキルと、ヘッダー/フッターを流動的にする方法を理解していることです。これにより、ヘッダー/フッターは常に伸びますが、コンテナーは固定されたままになります。

So looking into Blueprint, the default width is 950px and using 24 columns. My question is why change the columns to either lower or higher? We are still in the end getting 950px total.

Do people do this for more control over the columns?

Thanks.

これが私のレールアプリのナビゲーションバーです。問題は、アンカータグのパディングを調整して必要な高さを取得しているため、これがクロスブラウザーで機能するかどうかわからないことです。もう 1 つの問題は、検索フォームがこのナビゲーション バーの内側にあり、垂直方向の中央に配置されていないことです。

私は基本的に、リンクのようないくつかのボックス（ホバー付き）と検索フォーム（テキストボックスと検索画像の両方が統合されている/シームレスに見える）を備えたFacebookスタイルのナビゲーションバーが必要です。検索テキストボックスとボタンがシームレスではなく、別々に見えます。

助けていただければ幸いです。

CSS

ブループリントCSSフレームワークを使用しています

次のコードを使用する場合:

これらの列の間に小さなスペースがあることに気付くでしょう。

そのスペースを削除する方法はありますか？

I am attempting to implement the BlueprintCSS grid framework in my app and after including the scripts it calls for my links are rendering weird. I have it narrowed down to the print.css. was wandering if anyone has run across this before.

Here's what renders

Logout (javascript:__doPostBack('ctl00$LoginStatus1$ctl00',''))

Obviously, removing the print.css fixes this problem but, why? This is the browser screen? IE8 and Chrome both render the same.