問題タブ [css-position]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
5 に答える
1991 参照

css - この CSS 値は何を意味しますか?

Web ページのソースを表示しているときに、ボタン内のスパンに適用された次の CSS を見つけました。

とはleft: -1e+7px;どういう意味ですか? これは私が知っておくべきトリックですか?

0 投票する
2 に答える
5742 参照

javascript - 絶対モードで div を配置するための高さを取得する

私の最後の質問はすぐに答えられたので..私は私の髪をすべて取り除いている新しいものを投稿することにしました.XD

これが問題です..

私は、透明なpngと単純なアンカーを持つ絶対位置のdivを持つデザインを持っています...このように。

だから..絶対位置に配置されたこのdiv.buyfloatが必要です..動きません..ジャンプもフェードもありません..ページの一番下から200pxに必要です...フッターの上部..ページの高さが増減すると..上部セレクターを使用できません。

ええと..「底を使ってください!」あなたは言うかもしれません..はい、私は試しました..しかし、何らかの理由で..下部のセレクターは、全体ではなくウィンドウの高さ(表示部分)を使用します..そして..ページを下にスクロールすると..画像はページの真ん中にあります。

CSSで体の高さを教えてくれるjavascriptを探しています(いつか見たと思います)..しかし、別の簡単な解決策があれば..私はすべて耳です!

前もって感謝します。

0 投票する
2 に答える
2354 参照

html - FFとIEでCSSの位置が違う

ページ上のいくつかの要素を絶対位置に配置しようとしています。次のテスト コードを使用しました (HTML クリーナーを通過するために <> を [] に置き換えました)。

これは明らかに IE で行うべきことですが、FF (3.0) では div を 1 つ下にフローするだけです。CSS のサポートがかなり変わりやすいことは知っています。これを行うためのより標準的な方法はありますか?

0 投票する
1 に答える
328 参照

css - IE6でのCSS変動高さの問題

IE6で左側のサイドバー(高さDIVを変化させる)の配置に問題があります。

主なニーズ:1。高さの値を設定できません。高さが変動しているため、ブラウザで計算する必要があります。2.サイドバーには上下の間隔が必要です。

トップバーの問題は、位置を相対位置に置き換えることで解決されます。

何か案は ?前もって感謝します !

以下に、簡略化されたコードとスナップショットを標準のブラウザでどのように表示するかを示します。

スクリーンショット画像へのリンク

0 投票する
2 に答える
1558 参照

jquery - ブラウザー Chrome に関連する HTML ページ要素を修正する

ページの左上隅に div を配置しようとしていますが、ブラウザー ウィンドウのサイズ変更やページのスクロールに関係なく、そこに留まりたいと考えています。

プレーンな CSS (可能であれば) または jQuery を使用してこれを行うにはどうすればよいですか?

0 投票する
9 に答える
20129 参照

html - 絶対配置によるCSSセンタリングの助けが必要

Web ページのコンテンツを中央に配置するためのさまざまなソリューションに完全に満足したことはありません。この<center>タグは 18 世紀半ばに廃止されましたが、妥当な代替案が見つかりません。具体的には、中心に配置された親 DIV が必要ですが、その左上隅に対して「絶対に」設定することができます。

すべてを再測定するwindow.onresize JavaScriptを使用せずにこれを達成する方法はありますか? それはかなり単純なアイデアのように思えます...物事を絶対に配置したいのですが、0,0座標をブラウザウィンドウの左上隅以外のものに相対的にしたいだけです。

今、私がしていることは、コンテンツを中央に配置するように div を設定してから、相対的な位置を調整することですが、これは非常に面倒です。

これに関するあらゆる考えを大歓迎します。

0 投票する
5 に答える
21278 参照

css - IE6および7のリストとテーブルでの絶対測位/Zインデックスに問題がある

私はCSS/XHTMLテーブルベースのカレンダーのプロトタイプを作成しています。これは、SimpleUpdatesコンテンツ管理システム用にPHPで最終的に生成されます。絶対位置を使用して、セルに収まる以上のイベントがある1日のすべてのイベントを表示するポップアップを作成する際に問題が発生しました。問題はここで見ることができます:

http://sutest.bravehost.com/

ご覧のとおり、IE7とIE6の両方で、複数日のイベントと日付の下にポップアップが表示されます。ポップアップにz-indexを配置すると、Firefoxの問題が修正されました。あらゆる種類のz-index値をポップアップに配置し、ポップアップと関連要素の表示プロパティを変更したり、その他のさまざまなアプローチを試したりしましたが、成功しませんでした。

HTMLは次のとおりです。

これは、ハードコードされたポップアップを含むテーブルのセルです。最初のリストには、通常の表示可能なイベントが含まれています。2番目のdivを含むdivがポップアップです。複数日にわたるイベントで表示されるはずです。

私はリストアイテムを使用して、複数日のイベントを「偽造」しています。この日のliは、IE6および7のポップアップ上にレンダリングされるように見えるバーのセクションになるようにスタイル設定されています。

ポップアップに関連するCSS:

そして、数日間のイベントへ:

私はGoogleを繰り返し検索し、他のQ&Aサイトを試すことで、この問題を解決しようとしました。

どんな助けでも大歓迎です!

0 投票する
3 に答える
222 参照

html - ポジショニングの問題

フッターを絶対に配置できないという問題があります。私はそれを配置し、IEでは5pxのマージンのように表示され、Firefoxでは多くのマージンがあり、Chromeでは完全に表示されます...なぜこれが起こるのか本当にわかりません...ここにHTMLがあります:

そしてCSS:

画像「cesped.jpg」をbottom:0px;に表示したい。しかし、それはそこにとどまりません=/何かを見逃したり、持ってはいけないものを追加したりしましたか?


編集

基本的に、フッターを「コンテンツ」divの一番下に配置したいのですが、固定幅であるため、そのdiv内に配置することはできず、この画像をブラウザ全体に繰り返しxさせたいです(したがって、配置されますコンテンツの後、 width="100%" を持つラッパーの前; ラッパーの位置を絶対的および相対的にしようとしましたが、それでも一番下に配置されません...そして、「自然に」押し下げられるようにしました「しかし、そうはなりません...

これがどのように見えるべきか(そしてChromeでのように見える)は次のとおりです:(ソース:flickr.com代替テキスト

次に、IE と Firefox を示します。

代替テキスト
(ソース: flickr.com )

代替テキスト
(ソース: flickr.com )


編集 2

問題が見つかりました。何らかの理由で #wrapper がブラウザの高さ全体をカバーするように拡張されていませんが、その一部しかカバーしていません。追加した:

0 投票する
2 に答える
8031 参照

css-position - position:absolute inside of position:relative inside of overflow:auto のスクロールバーを取り除く

スタック オーバーフローに関する最初の質問です。かなり単純なものを機能させようとしているのですが、かなり明白なものが欠けていると確信しています。まだ「標準」の CSS に慣れていないため、機能しない CSS を何年も使用しています。へー。

だから、私がやっていることのサンプル:

本質的に: 最初の div はコンテナーであり、コンテンツが追加されると自動的にオーバーフローしたいと考えています。そのコンテナー内にはポップアップ メニューがあり、ここでは単純化しています。ポップアップ メニューは、"hello" のすぐ下に表示されます (そうあるべきです)。

ただし、私の問題は、絶対位置で予想されるように、ポップアップメニューが親から「出てくる」のではなく、実際に親にスクロールバーが表示されることです。

「位置:相対」を使用すると機能することはわかっていますが、必要な場所(前の要素の真下)に表示されなくなります。

ここで何が欠けていますか?

編集:サンプルはこちら: http://marcos.metx.net/OverflowTest.htm