問題タブ [liquid-layout]

わかりました、これは本当に迷惑で、なぜこれが起こっているのか理解できません。CSS Stickyフッターを機能させようとしたときに、いくつかの問題が発生した可能性があります。

行っていたのですが、体が液体ではなかったので、これを試してみようと思いました： http: //ryanfait.com/sticky-footer/

しかし、結果は次のようになりました： http ://www.serverbart.com/film/

青いボックスはギャラリーに似ているはずなので、色は気にしないでください：p私がやろうとしていることは理解できると思います。また、div構造の再設計についての意見を受け付けています。私はさまざまなレイアウトを本当に上手にしようとしていますが、これは私を少し悩ませてきました。

すべての div をパーセントでマークすると、すべてのスペースがうまく埋められます。私は2つの問題に直面しています:

a) 画像サイズ: ウィンドウのサイズが変更されたときに必要以上に大きくなったり小さくなったりしないように、画像サイズを定義するにはどうすればよいですか?

b) フォント サイズ: 解像度に基づいてフォント サイズを増減するにはどうすればよいですか? （私が直面している問題は、非常に高い解像度でテキストが判読できなくなることです）

リキッドレイアウトの作り方の良い参考書を教えてください。

固定幅のdivとその横に液体幅のdivがあるレイアウトを作成しようとしています：

左側のdivがその幅を埋めていません。また、右側のdivが存在しない場合に、このdivがメインのdiv全体を埋めるようにしたいのですが、どうすればよいですか？

blueprint/yui/960 と同等で、パーセント ベースのリキッド レイアウトをサポートするアクティブ/ソリッド クロス ブラウザ CSS フレームワークはありますか?

Emtasticを見たことがありますが、1 年ほど活動しているようには見えません。Matthew James Taylor の Liquid Layoutsについてどう思われますか?

Rails アプリ用の Liquid テンプレート言語を見ています。

http://wiki.github.com/tobi/liquid/

ユーザーが AJAX 呼び出しもできるようにしたいと思います (定期的に_call_remote、observe_field などのレールにあるものと同じように)。これは可能ですか？

Railsヘルパーをフィルターとして追加できると仮定すると、ユーザーはAJAX呼び出しによって返されるものをどのように変更できますか? サーバー上の rjs ファイルなどを変更することはできません。AJAX 呼び出しは (レンダリングされた html ではなく) JSON を返すことができ、javascript はそれを使用して何かをレンダリングできると思います。しかし、それが正確にどのように機能するかを想像するのに少し苦労しています。

誰かが私にこの例を指摘したり、明確にしたりできれば、大歓迎です。ありがとう！

私の次のRailsプロジェクトでは、リキッドページを使用したいと思っています（グラフィックデザイナーが気にせずに自分の仕事をすることができるように:D）私の質問は

使えるかな

リキッド レイアウト内の render_component および render :partial コマンド。できればどのように

前もって感謝します

乾杯、sameera

これらのプロパティを使用して、ネストされた div をレイアウトできるようにしたいと考えています。

• width: 100%
• height: 100%
• padding: 10px

パディングが計算される前ではなく、残りのスペースの幅と高さが 100% になるようにしたいのです。それ以外の場合、次の例のようなドキュメントがある場合、子はスクロールバーを表示します。しかし、スクロールバーは主な問題ではなく、子が親コンテナーの幅を超えて伸びるという事実です。

すべてのposition: absolute宣言を使用できますが、それは正しくないようです。コードは次のとおりです。

position:relativeor position:static、およびパーセント サイズを使用して、親の幅/高さからパディングとマージンを引いた値に従って、パーセント サイズの子を作成するにはどうすればよいですか? position:absolute左/右/上/下に頼る必要がありますか?

助けてくれてありがとう、ランス

Shopify を使用して、製品バリエーションのラジオ ボタンの代わりにドロップダウン選択リストを表示するように製品テンプレートを変更しようとしています。なんとかこれを実行できましたが、リストから商品をカートに追加しようとすると、「バリアント ID が渡されませんでした」と表示されます。

ラジオボタンのコードは次のとおりです。

この時点でのドロップダウン選択のコードは次のとおりです。

ありがとう、

ウェイド

FlotグラフライブラリjQueryプラグインを使用していますが、サイズの変更が含まれている場合<div>（たとえば、ウィンドウのサイズ変更のため）、グラフのサイズ変更を処理するための適切な方法が見つかりませんでした。onresizeイベントを処理するときに、包含の幅と高さが<div>正しいサイズに更新されていることを確認してから、setupGridとdrawの両方をプロットオブジェクトに呼び出してみましたが、効果はありませんでした。含まれているグラフを削除して再読み込みし、その中のグラフを再プロットするというアプローチで、ある程度の成功を収めまし<div>た。ただし、他を追加する必要がある場合、これは無限のサイズ変更イベントループでスタックする傾向があるようです<div>同時にドキュメントの要素（グラフのツールチップなど）は、サイズ変更イベントもトリガーできると思いますか？私が行方不明になっていることを処理する良い方法はありますか？

（Flotと関係がある場合は、Flotを使用できるようにするためにExplorerCanvas for IEも使用しています。他のブラウザーではまだ実際に試していません）

流動的なレイアウトでは、200px の左側のバーと右側の div を幅方向に拡張する必要があります。幅の広いコンテンツ (たとえば、いくつかの列を含むテーブル) が入ったときに、ブラウザーの幅が十分でない場合、右の div が左のバーの下に押し下げられます。

どうすればこれを並べ替えることができますか?