問題タブ [css-position]

CSSposition: fixedが適用されている要素が原因で、FirefoxがページをスクロールするときにCPUを100％消費するのはなぜですか？そして、回避策はありますか？

StackOverflowのページ上部にある通知バーなど、いくつかのサイトでこの動作に気づきました。それが問題になる場合に備えて、私はLinuxを使用しています。

これが私が説明する必要があるCSSのスニペットです：

わかりました。明らかに、画像の絶対的な配置です。

1. 上は上からのパディングのようなものですよね？
2. 残りの50％は何をしますか？
3. 左マージンが-445pxになっているのはなぜですか？

更新： 幅は860pxです。それが違いを生む場合、実際の画像は100x100ですか？

WPF で要素を相対的に配置するにはどうすればよいですか? 標準モデルでは、すべてにレイアウト マネージャーを使用しますが、単純に他の要素の位置に基づいて (たとえば、Canvas 上に) 要素を配置したい場合はどうすればよいでしょうか?

たとえば、パネルの位置やレイアウトに関係なく、ある要素 (ボタンなど) を別の要素 (おそらくパネル) の側面に取り付けたい場合があります。エンジニアリング ツール (SolidWorks、AutoCad など) を扱ったことがある人なら誰でも、この種の相対的な配置に精通しています。

すべてをレイアウト マネージャー (異なる WPF パネル) に強制することは、特定のシナリオではあまり意味がありません。要素が親コンテナーによって維持されていることを気にせず、他の子が変更によって影響を受けないようにする場合です。互いのレイアウト/外観。WPF はこの相対配置モデルを何らかの形でサポートしていますか?

私は ASP.Net/C# でテキスト ボックスの絶対配置を使用する Web ページに取り組んでいます。テキストボックスを追加するまでは、問題なく機能していました。つまり、既存のテキスト ボックスはまだ正しく配置されていますが、他のものと同じように CSS で新しいスタイルを作成したにもかかわらず、新しいテキスト ボックスは正しく配置されませんでした。以下に例を示します。

同じ CSS ファイル (もちろん名前は異なります) 内の同一のスタイルは、このファイルの上と下の両方で正常に機能します。の CssClass 属性でスタイルの名前を確認し、二重に確認し、三重に確認しましたが、正しいです。ただし、新しい名前を付けたり、古いエントリをコピーしたり、名前を変更したりするなど、何をしても、これらの3つの新しいテキストボックスはページの上部に配置されますが、他のテキストボックスは正しい絶対位置に表示されます. aspx のソース ページを見て、それらが他の DIV などに含まれていないことを確認しました。今のところ回避策を思いつきましたが、そのままにしておく方法ではありません (プログラムで Asp:Literal 内に HTML を作成する必要があります)。

結果のソースを (IE のビューソース経由で) チェックしたところ、結果の HTML でクラスが正しく設定されています。

これが問題になる場合に備えて、もう1つ。この Web サイト プロジェクトは、もともと VS 2005 で作成され、VS 2008 形式に変換されました。それは問題ではありませんが、私はそれについて言及したいと思いました。

他の誰かがこの種の行動を経験しましたか?

メニュー付きの YUI 分割ボタンを実装しました。メニュー付きのボタンは、ヘッダー div とフッター div の間のスクロール div に表示されます。フッター div の近くにメニューを公開すると、メニューは div の背後に表示されます。

-1 の z-index でフッター div を配置しようとしました。z-index 500 を使用して、メニュー付きのボタンを含む div (スクロール div 内) を配置しようとしました。メニューは常にフッター div の後ろに表示されます。

私は YUI レイアウトを使用していません。まだ。もしそうなら、それは役に立ちますか？ >

私の Web ページには、ページの 100% (垂直方向) にまたがるサイドバーがあります。その後、そこにとどまるはずなので、残りのコンテンツがスクロールしてもスクロールしません。これを行うには、次を使用しました。

これは、最新のすべてのブラウザーでうまく機能します。残念ながら、位置をサポートしていない IE6 用にコーディングする必要があります: 修正済み。私がこれをどのように行うか分かりますか？

絶対配置と負のマージン (上: と左:) を使用して、Web サイトにロゴやその他のものを配置しています。IE6 には負のマージンと絶対位置に関する問題があることは承知していますが、IE6 で正しく動作するようにこれらの問題を克服するにはどうすればよいですか?

私は2つの絶対に配置されたdivがあるサイトで作業しています...ロゴとメニュー（ナビゲーションバー）

IEは、z-index操作を複数回試行した後でも、両方を埋めています。神のために、IEがFirefoxやOperaと同じように機能しないのはなぜですか？

アップデート.......

これらのdivがフラッシュムービーの上に配置されていることを忘れました。どうしてそれを省くことができたのでしょうか？！

アンカー セット (...#xxx) を使用してサイトにアクセスすると、上部の画像がビューポートの外に移動します。

通常の動作: http://soc.org/index.php?id=4
破損したデザイン: http://soc.org/index.php?id=4#c272

トップ画像は絶対位置です。google-analytics コードの直後にいくつかの空白行があります。それらを削除すると、機能します。

ご提案ありがとうございます。