問題タブ [fluid]

Jos Stam の Stable Fluids に出くわしたり、3D の例を持っている人はいますか? これの 3D バージョンを openGL で追求する必要がありますが、そうするのにひどい時間を費やしています。できればopenGL/C/C++でこの例はありますか?

次のアドレスで開始した Web ページがあります: http://digitalgenesis.com.au/my%20sites/Digital%20Genesis/

基本的には、背景色をフッターまで均等に表示する2つの流動的なコンテナを備えた2列のレイアウトの後です。

ただし、現時点では、左側の列にはテキストの量の背景のみが表示されます。2 つの列とそれに含まれる div のコードを以下に示します。

ページ全体の赤い背景を表示する左の列を取得する方法について困惑しています

簡単にするために、固定幅のサイドバーに頼るべきですか?

http://www.designinfluences.com/fluid960gs/を使用してサイトを刷新しています

Fluid 960は、MooToolsやその他の手法を使用しています。

Fluid 960アコーディオンスタイルを実装するページをロードするときに、最初のサブメニュー項目以外のアコーディオンサブメニュー項目を展開してレンダリングするにはどうすればよいですか？<li>およびタグで「current」クラスと「selected」クラスを試しました<a>が、機能しません。

また、流動的なCSSのリファレンスページで、メニューアコーディオンのサブメニュー3に「アクティブ」クラスがあり、何も実行されていないように見えることに気付きました。

今から小さなサンプルコードに取り組みますが、誰かがそれなしで答えられることを望んでいます。

ページの読み込み時に非表示になり、jQuery を介して 100% 幅に伸びる div があります。アニメーションは素晴らしいですが、コンテンツはコンテナー (ストレッチ div 内にある) がフルセット幅に達するまで流動的に調整されます。

以前はコンテンツがシフトせず、コードを何度も編集した後、何がその動作を変更したのかわかりません! コンテンツが移動しないようにするにはどうすればよいですか。サイズ変更 div が移動なしで許可する限り表示しますか? 具体的な問題は次のとおりです。

-#show_contact アンカーは、同じ行に入る余地ができるまで 2 つの姉妹の下にドロップします -#collections div の margin:0 auto は、#show_contact の短い訪問の影響を受けます

ありがとう！

PS-これは以前のように見えたものです/今のようにしたいものです：http://jsfiddle.net/ZP86m/

HTML:

CSS:

Javascript:

流動的な幅の jQuery 画像カルーセルを知っている人はいますか?

私はこれを見つけました: http://www.nikolakis.net/liquidcarousel/ ...しかし、速度を下げると恐ろしいように見えます。

さらに、マウスがある方向に移動したときにアクティブにしたいのですが、スライダーは反対方向に移動する必要があります。ところで、それは何と呼ばれていますか？

前もって感謝します。

CSSでこれをどのように作成すればよいですか：

divs私は 2つ以上を持ちたいのですが、この例では div 間のマージンを固定する必要がありますwidth。percent30px

私にとっての問題は、2 つの div 間のマージンです。これは、div をより大きな div に配置し、左右のパディングを 30px に設定しても問題ありませんが、2 つの div 間のマージンをどうすればよいですか?

たとえば、最初の div に追加しようとするとmargin-right:30px;、div の幅70% + 30pxが全体的に 100% を超え、2 番目の div が下がります。

それで、これに対する解決策は何ですか？

2Dコンテナ（移動および回転可能）内の流体をシミュレートするためのいくつかのアルゴリズム（またはソースコードを含むいくつかのアプレット/例）を探しています。

私が必要としているものの例は、スマートフォン用のiBeerアプリケーションのように、内部に水が入った2Dガラスです。

HTML5 / CSS3で次のことをしたいと思います（完全なブラウザー準拠は素晴らしいですが、完全に必要というわけではありません-これまでにFirefox 4b12、Safari、およびChromeでテストしています）：

私は次のhtml構造を持っています：

私がやりたいことは次のとおりです。

contentwrapperは、位置が固定され、上20、下20pxに設定されます（=固定ヘッダーとフッターの間のすべてのスペースを使用します）。

脇は100％の高さに設定されています（コンテンツラッパーのすべてのスペースを使用してください！）

child1には可変コンテンツ（ユーザー操作によるCSSまたはDOM操作によって変更される可能性があります）があるため、高さはautoに設定され、それに応じて高さが調整されます。

child2にも可変コンテンツがあります。しかし、私はこのdivに、脇に残され、child1によって占有されていない利用可能なすべての垂直スペースを使用するようにします。コンテンツにさらに多くのスペースが必要な場合は、必要に応じてスクロールバーを作成するためのoverflow：autoがあります。

列全体の後に、右に浮かぶメインコンテンツ領域が続きます。しかし、これは私の問題には関係がないはずです。

私がこれまでに試したこと：

child2の高さをautoまたは100％または固定値に設定できません（大きくなる可能性があり、スクロールバーがない、ユーザーのウィンドウの高さがわからないなど）。

位置：固定値と上+下の値は使用できません。これは、child1を参照しないためですが、比較的脇にレンダリングされます。

要素にはテーブルセルに適用されない境界線/書式設定があるため、display：tableを使用できません。

私はあなたが問題を理解し、そして多分賢い解決策を持っていることを願っています...

編集：これが私の問題のスクリーンショットです：

ビュー1では、ビューポートが十分に高いときに何が起こるかを確認できます。

ビュー2では、十分なスペースがなく、child2がフッターの下にスライドします...

私が欲しいのは、child2が高さを取得できるすべてのものを取得しますが、その内容をスクロールすることです。

ご協力いただきありがとうございます

セバスチャン

私のプログラマーは、iPhone ゲームの流体シミュレーションで物理演算を機能させるのに苦労しています。基本的に、彼は水滴を取得して、画面を継続的に流れ落ち、その後ろに軌跡を維持する必要があります。彼はその正確な「流動的な」外観を得ることができません。助言がありますか？サンプルコード？または任意のヘルプ？:)

ありがとう！

これは本当に難しいかもしれません！

これが私が達成したいことです：

これがjsfiddleの私のテストコードです

私は運が悪いので、さまざまなことを試しました。問題は、左右の両方の div 幅がテキスト幅に基づいていることです。また、サイトの背景がグラデーションであるため、結合点線を左と右の div の下に配置し、背景色でマスクすることもできません。

少なくともこの場合、親 div は固定されています。

何かご意見は？