問題タブ [liquid-layout]

このサイトや他のサイトを調べても、この特定の問題の解決策は見つかりませんでした。私が達成したいことは、次の例（これも下に配置されています）を見た後で最もよく説明できます：http： //jsfiddle.net/yev8/HRQB5/

現在の状況：この例では、左の列（固定幅）と右の列（液体の幅）があります。右の列には4本のバーがあります。上部に配置された2つのバーは、すべてのページで同じです。下部に配置された2つのバーはページごとに異なり、2つのすべての組み合わせが可能です。真ん中には、利用可能なスペースを埋めるdiv「content」があり、必要に応じて、垂直スクロールバーがあります。

達成したいこと：divのスクロールバーを、デフォルトのスクロールバーのように、ページ全体を垂直にカバーするスクロールバーに置き換えたいと思います。スクロールするとき、左側のメニューとすべてのバーの位置が変更されないようにする必要があります。スクロールするのは中央のコンテンツdivだけです。

これが可能かどうかはわかりませんが、理想的な状況では、cssのみでこれを修正したいと思います。これが不可能な場合は、javascript（jQueryの有無にかかわらず）が機能します。

誰かが私に何か提案をしたり、正しい方向に私を向けたりできますか？思い通りに動かないようです。

私の現在のhtml：

私の現在のCSS：

私はさまざまなページでスティッキーコードを試してきましたが、私のページが半分まともなように見える最も近いコードは、cssstickyfooterのものです。

私は数ヶ月前に、隣人の娘のために制作することを目的としたプロジェクトを開始しました。私は大学のコースでモジュールのウェブサイトを作成する必要がありました、そしてこの考えは新しいビジネスの所有者の父によって私にもたらされました。それで、私はこのサイトを作成し、講師に提出しました（多くの視覚的な欠陥とおそらく多くの役に立たないコード）：IrishBaublesのWebサイト

私が現在抱えている主な問題は、フッターがページの途中で立ち往生していることです（たとえば、ビジネスページを参照してください）。私はそれをかなり待ちきれず、ryan faitのコードレイアウトで作業しようとしましたが、うまくいきませんでした。

これで、コンテンツがプッシュされ、フッターが画面の下部に表示されます。私の友人も固定位置でそれを行うことを提案していますが、コンテンツはフッターの後ろでフォローアップされません。

また、ビジネスページ、ボイラープレート、および流体レイアウトから新しいコードのページを貼り付けました。

明確にすると、両方とも#main cssルールの下で、コンテンツは元に戻りますが、フッターはまだ高すぎます。

私はこのページを例として使用して、最初に残りの部分を進めていきます。

どんな助けでも素晴らしいでしょう！ありがとう！

2 行 5 列で表示される大きなボタンとして機能する 10 個の div を持つページがありますが、ページのサイズが変更された場合、または画面が小さいデバイスでページが開かれた場合に、ボタンのレイアウトが自動的に変更されるようにしたいと考えています。しかし、どうすればいいのかわかりません。

どこから始めるべきですか、またはこれを達成するのに役立つ優れたチュートリアルを知っている人はいますか?

ありがとう

私はいくつかのウェブサイトで、それぞれがブラウザウィンドウを埋める本質的に垂直な「ページ」を提供する効果を見てきました。例：

http://www.bleed.no/

http://www.weworkonsunday.com/

1つ目は、かなりクリーンで洗練されたものです。

私はこの効果を達成する方法を困惑させてきました。高さが問題にならないのであれば、ページアンカーなどを使用するのは簡単ですが、ウィンドウの垂直方向（および幅）を埋めることが私を失望させます。

私が見逃している簡単な方法はありますか？それとも、すべて複雑なJavaの不正行為ですか？

助けてくれてありがとう

私が取り組んでいるJavaScriptプロジェクトのラピッドプロトタイピング用にJekyllに構築されたサイトがあります：Choropleth

今、私はプロジェクトにmustache.jsを導入することに決めました、そして明らかに私は口ひげの構文と矛盾する液体レイアウト{{}}構文の問題に遭遇しました。

口ひげの区切り文字の設定機能を使用して、プロジェクトでの口ひげの動作を変更する方法を知っている人はいますか？Jekyll / Liquidによって生成されたJSに書き込み構文を組み込むにはどうすればよいですか？

Shopifyのアプリケーションプロキシを構築しています。

ドキュメント（http://api.shopify.com/app_proxy.html）には...

プロキシURLからのHTTP応答のヘッダーにContent-Type：application / liquidが設定されている場合、Shopifyは、ショップのテーマを使用して、ショップのコンテキストでリクエストの本文にあるLiquidコードを評価してレンダリングします。これは素晴らしいです。正しい方法で使用すると、手動の介入なしで、アプリがショップの一部として属しているように自動的に見せることができます。Shopifyの商人はそのようなものが大好きです。

これはこれまでのところ私の最善の試みです。デフォルトのテンプレート（http://plnkr.co/edit/iXbWWiMlEsi6NsA6uPtG?p=preview。）で問題ないように見えますが、すべてのテンプレートで機能するとは限りません。

コンテンツがすべてのテンプレートで機能することを確認するにはどうすればよいですか？コンテンツに入れる必要のある特定のクラスはありますか？私が従うべき慣習？例は素晴らしいでしょう。

マイケル

サイトの流動的なレイアウトを作成しようとしていますが、問題は、ページが読み込まれる前にウィンドウのサイズが変更され、ウィンドウが最大化された場合、ページのサイズが小さいことです。私の質問はどのようにページが小さい場合でも、ウィンドウの幅と高さをフル サイズで取得できますか。

これにより、ウィンドウの高さと幅が得られます。ウィンドウが小さくても最大サイズが必要です。

ユーザー登録フォーラムのカスタムフィールドを追加する方法に関するドキュメントが見つからないため、何かを試しましたが、機能しませんでした。

追加したフィールドは、テキスト入力（ペット名、Cat / Dogのラジオボックス）です。テストアカウントを使用しましたが、何も保存されないという出力が返されました。{{customer.pet_name}}を使用して保存された値を取得しようとしましたが、何も返されませんでした。助言がありますか？ありがとう！

私のページの 1 つで、ブラウザが小さくなるとレイアウトが変わるレスポンシブ テーブルがあります。この fiddleに示すように、テーブルの列に値がある場合、すべてが正しく機能します。

ただし、列に値がない場合、この fiddleに示すように、テーブルのレイアウトの小さなバージョンに表示されないものがあります。

私は何が欠けていますか？

また、以下の動作しないバージョンから必要なコードをコピーしました。