問題タブ [fluid]

誰もこの種の経験がありますか？

私はこのようなアプレットについて話しているhttp://dan-ball.jp/ja/javagame/dust/

私はそれらがどのように機能するかに非常に興味があります.通常のゲームの物理学よりも流体力学に似ているようです. オープンソースのバリエーションや、それらがどのように機能するかについてのヒントを知っている人はいますか? このようなことに取り組むのは本当に楽しくてやりがいのあることだと思いますが、どこから調査を開始すればよいかわかりません...

ありがとう ：）

キャンバスを使用してグラフ スクリプトを作成しています。チャートにアニメーションを追加していますが、見た目が好きではありません。X 関数に setInterval を使用して長方形に高さを追加し、棒グラフを作成していますが、アニメーションをもっと滑らかにしたいのですが、アニメーションを行う別の方法はありますか?

私はhttp://www.vanessacaroline.comを設計している最中で、CSS の支援が必要です。現在の画面解像度で問題がはっきりしない場合は、ウィンドウのサイズを変更して、サンプルの 2 列のレイアウトでフッターが押し出されるようにします。最も簡単な方法は、ブラウザー ウィンドウの下端をつかんで上にドラッグすることです。

グロスでしょ？コンテンツがフッターを押し下げないだけでなく、ページがスクロール バーを作成しません。

ウィンドウを水平方向にスケーリングすると、2 番目の浮動列の div がドロップダウンし、フッターにあふれます。

ただし、ウィンドウを水平方向に縮小すると、最終的に列のコンテンツがフッターを押し下げ始めます...これは正しい機能ですが、最初のフラッディングを取り除くことができないようです.

私は比較的流動的なレイアウトを作ろうとしてきました。フッターコードには、 http: //ryanfait.com/sticky-footer/のリファレンスを使用しました。私はネット上でいくつかの他の方法を見てきましたが、私はこれに行きました.フッターが常にページの一番下にくっついている通常のコンテンツ/スクロールバーの動作が欲しいです; 誰でも助けることができますか？

ありがとう！

編集: 最初の提案でサイトを更新しました。#push の clear:both と、#wrapper、#push、#footer の position:relative です。これで、読み込まれた画面位置のしきい値より下にフッターが表示されます...これにより、「隠れたフッター効果」が生まれます。

私はこれを気に入っていますが、非常に薄い画面解像度で表示すると、フッターが下部のコンテンツに重なって表示されます。 どうすればこれを回避できますか???

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

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

アドレスバーのRSSボタンのクリックをキャプチャし（feed：//プロトコルを呼び出す）、SafariのフィードリーダーではなくGoogleリーダーにリダイレクトするSafariの簡単な拡張機能を作成しました。ただし、ユーザーがFluidアプリ（Googleリーダーを開くアプリ）をデフォルトのフィードリーダーとして設定している場合、インターセプトは機能しません。

別のアプリに送信されているリクエストをキャプチャする既知の方法はありますか？現在、拡張機能はキーオンされていますdocument.beforeload()が、ドキュメントが新しい「アプリ」で開かれている場合は、もちろん到達することはありません。

キャッチできる別のイベントはありますか？拡張機能がキャッチできるイベントの包括的なリストは見つかりませんでした。

ありがとう。

したがって、レイアウトは次のようになります。

div.col1別の色を作りたいので、このために縦に繰り返される背景画像を使用していdiv.containerます。問題は、このコンテナが流動的で、画像を配置する方法がわからないことです。

私はこのようなことを試しましたが、ブラウザウィンドウのサイズを変更すると機能しません:

これを行う方法はありますか？

余分なhtmlマークアップを必要とせずに、ピクセル幅のパディングまたはマージンを流動的な列のデザインに組み込む方法を誰かが知っているかどうか疑問に思いました。

さらに説明するために、次のような単純なhtml/cssレイアウトを考えてみましょう。

これは正しく表示されます（その他のcss表示のバグは無視して対処できます）。ただし、たとえば10pxのパディングをcolクラスに追加すると、フロートはインラインで表示されなくなります。クラスに3pxの境界線を配置したい場合も同じですcol。ボックスモデルから作成された追加のピクセルを反転させるために負のマージンを使用するcssテクニックを見てきましたが、それでも<div>幅は縮小されません。つまり、基本的に、私が欲しいのは、10％の幅を維持できるようにするテクニックですが、その10％の10pxはパディング（またはマージンなど）です。

流動的なレイアウトがあり、親コンテナーのサイズに応じて拡大/縮小するテキストエリアが必要です。

CSS では、次のようになります。

しかし、これはテキストエリアでは機能しません。

javascriptでこれを行うにはどうすればよいですか？親要素の幅を取得し、その幅に合わせて列の数を計算できますが、1列のサイズ(px)をどのように知ることができますか?

私の問題は、#promocion領域 (手のアニメーションが表示される場所)の色をメインコンテンツ領域 ( Fluid、ここではちょっと新しく、これを行う方法がわからない) と同じ高さにしたいことです。

#promocion で高さ 100% を実行しようとしましたが、IEでは機能しません...

私のCSSとウェブサイトをチェックしてください...

お時間をいただきありがとうございます...

魚の水槽やコップ一杯の水など、アニメーション化された流体を含むサンプルの iPhone アプリを探しています。どこかで利用できるものはありますか？