問題タブ [center]

div タグ内に Flash 要素を配置する際に問題があります。問題は、フラッシュ要素がユーザー入力に基づいてサイズを変更していることです。フラッシュ要素の実際のサイズを動的に取得し、フラッシュが統合されている div 要素の動作を変更する方法が必要です。実際には、div の中央に配置したいと考えています。

現在、フラッシュ要素の幅と高さを 100% に設定していますが、そのようにすると要素を div 内の中央に配置できません...

解決策はありますか？JavaScriptが必要かもしれませんよね？私はjavascriptの初心者です！

前地

ユーザーが私のウェブサイトのボタンをクリックすると、ウェブサイトDIVの他のすべてのコンテンツの上にブラウザの中央に表示されるようにしたいと考えています。私は を作成しDIV、表示/非表示のものを把握しました。オーバーレイとセンタリングの部分は、私が理解できないものです。

ビューポートの下部に固定されているフッターがあります。jQueryトグルを使用して、ユーザーがコメントして送信できるコメントカードを開きます。

当然、CSSセレクターを＃comment-cardに追加しないと、フッターの下に表示され、見えなくなります。

だから私は追加しました：{position:absolute; bottom:30px; left:auto;} 30pxなので、高さ30pxのフッターの上に表示されます。

問題は、これをビューポートの中央に配置できないことです...ピクセルを使用する場合、解像度に応じて、左または右に遠すぎます...これをビューポートの中央に配置するにはどうすればよいですか？

そのため、現在絶対に配置されているこのテンプレートデザインがありますが、ワイドスクリーンブラウザの中央に配置しようとしています。コンテナの左側と右側の幅を自動化しようとしましたが、それでも左側に揃えられています。

Css

html

すべてのdivクラスが完全に配置されていない場合、作成したコンテナが機能することはわかっています。位置を変更する必要がありますか、それとも別のエラーを起こしましたか？

2 つの画像を垂直方向に分割し、ブラウザのサイズを変更するときに、重複せずに垂直方向の中央に配置することはできますか?

左側の画像を固定したままにして、右側が途切れないようにすることはできますか (オーバーラップ)

これは私が今持っているものですが、ブラウザのサイズを小さくすると、左の画像が右の下に押し込まれます。むしろ、画像が外側で切り取られ、中央で互いに重ならないようにするのは理にかなっていますか?

ブラウザのサイズが変更された場合でも、画像をページの垂直方向と水平方向の両方の中央に配置したいと思います。

現在、私はこのCSSを使用しています：

そして、このHTML：

FF では中央に配置されますが、IE では中央に配置されません (画像の中央は左上隅に配置されます)。何か案は？

-ロボット

おそらく私は正しい方法を探していませんでしたが、GWTレイアウトパネルを使用して要素を中央に配置する方法を一生理解できません。

私は UiBinder を使用しており、HasVerticalAlignment (DockPanel、Horizo​​ntalPanel、VerticalPanel) を実装するすべてのパネルを試しました。それらのどれも、垂直方向の配置 (または水平方向でさえ) を設定しても影響を与えないようです。幅と高さが 100% であることを確認し、ブラウザから結果の DOM レイアウトを調べましたが、これらのプロパティから何も変更されていないようです。

関連する UiBinder の抜粋 (余分な Docklayout 要素は省略されています):

私が見つけた迅速で汚い修正は、基本的に valign="middle" セルを持つ HTML テーブルを持つ HTMLPanel のラッパーである独自の "CenterPanel" ウィジェットを作成することです。ただし、これは基本的に、従来の css レイアウトの中間センタリングの問題への逆戻りのように感じます。確かにGWTには、私が完全に見落としていたこれを行う何かがありますか?

プラットフォーム:

• C# を使用した .NET 3.5
• WPF
• 3Dツール

3D モデルの回転とパンのために、Codeplex サイト ( 3D Tools )の 3DTools を使用しています。これはうまくいきます。Trackball クラスには、マウス ホイールでモデルをズームするためのメソッドも含まれています。ただし、このメソッドは、常に Point(0,0,0) をズームの中心としてモデルをスケーリングします。しかし、マウスポインターの座標にズームしたいと思います（Googleマップのように、ここではマップの中心ではなくマウスポインターの座標にズームします）。

この問題を解決するためにさまざまなことを試しました：

• Trackball クラスの ScaleTransform3D オブジェクトのCenterX/Y/Zをマウスポインタの座標に設定→ 動かなかった
• ズーム後にモデルをパン-> 機能しませんでした。マウスポインターの座標が変わらないため、パン距離を計算できません。
  • ズーム前の MousePointer 座標 -> 334、210
  • Trackball クラスから Zoom(-e.Delta) を呼び出す
  • ズーム後の MousePointer 座標 -> 334、210
  • MousePointer Coordinates が 330, 205 などに変更される場合、モデルを左に 4 ポイント、上に 5 ポイントパンすることができます (私のプログラムには 2D モードもあり、そこで座標が変更されます)。
• カメラの位置を移動-> 機能しませんでした。現在のカメラ位置と MouseWheelEventArgs.Delta に基づいて、新しいカメラ位置を計算しました

この問題を解決する方法を知っている人はいますか?

を使用outputPanel.setLayout(new BoxLayout(outputPanel, BoxLayout.Y_AXIS));してから、要素（JLabels、JButtonsなど）をに追加しoutputPanelます。例：outputPanel.add(submitButton);。

追加されたすべての要素が「中央に配置」されていることがわかります。要素を中央に配置したいので、それは良いことです。私が「中心」と書くとき、私は「左右からの等距離」を意味します。しかし、問題は、要素の左側が中央に配置されていることです。そして、要素の中心を中心に配置したいと思います。どうすればこの動作を取得できますか？