問題タブ [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 投票する
1 に答える
321 参照

css - 完全に絶対位置に配置されたレイアウトは空白で表示されます

ビューポートのサイズは常に固定されているため(オフラインのiphone webapp)、私はWebサイトで作業しており、絶対測位を使用しています。途中で、適切なDoctype宣言などを使用していないことに気付きました。それらを追加してブラウザで更新すると、コンテンツが完全に消えてしまいました。

コードサンプルを以下に示します。Doctypeがなく、単純な ""開始htmlタグがない場合、コンテンツが表示されます。以下のように、ページは完全に空白で表示されます。このコードが標準モード(doctypeなど)で機能しない理由を誰かが説明できますか?絶対位置のレイアウトを使用しながら、それを修正するために何を変更できますか(できればクロスブラウザー互換)?

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

jquery - jQuery を使用して要素を別の要素と比較して表示する

ユーザーがボタンをクリックできるようにする必要があるインターフェイスに取り組んでいます。次に、ボタンに対して相対的に配置されたフローティング div を表示します (下向き矢印をクリックしたときに表示される領域と考えることができます)。ドロップダウン)。

このフローティング要素を、クリックされたボタン (ページのどこにでもある可能性があります) に隣接して正しく配置するにはどうすればよいですか?

前もって感謝します!!

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

css - 前がハイトオートだと位置関係に困ります

フッターに収まるコンテナとして使用するdivがあります

マスターページの HTML は次のとおりです。

contentplaceholder は、たとえば、私のページのコンテンツに置き換えられます。たとえば、コンテンツの何とか何とかテキストなどを展開します

そして上記のcss:

この後に来たいフッターブロックですが、実際に得られるのは、それがページの半分下にあり、コンテンツの上にあることです。追加するコンテンツが増えても問題はありません。上記のコンテンツの高さがわからないので、絶対的な位置付けはできません! コンテンツの一番上に配置を削除すると、非常に奇妙で、頭を少し悩ませています。

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

css - 相対親 div の幅を継承する絶対要素

インライン/インラインブロックアンカーリンクの上にグラデーションを配置しようとしており、そのグラデーションがその親アンカーの幅を継承するようにしています。問題は、スパンがアンカーの親の幅全体を継承するか、  の幅だけを継承することです。アンカーのインライン表示を維持しながら、スパン要素に幅を適切に継承させることができません。

CSS

HTML

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

css - ie6 および 7 の z-index に関する問題

このページhttp://equals.lsri.nottingham.ac.uk/puzzle/createで、入力に何かを入力して [保存] をクリックすると、カスタム ダイアログがポップアップします。しかし、ダイアログの z-index とそのコンテナーの z-index が数式エディターの z-index よりも高いにもかかわらず、エディターは依然として ie6 と 7 のダイアログに重なっています。

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

css - 動的に変更されたページ コンテンツでの IE7 の相対/絶対配置のバグ

IE7で次の問題に取り組む方法を知っている人がいるかどうか疑問に思っていました:

これを IE7 で実行すると、「パネル」の CSS を変更した後も「フッター」要素が残っていることがわかります。IE8、FF、および Chrome でテストされた同じ例は、期待どおりに動作します。

すでに要素のクラスを更新しようとしましたが、ブラウザーのウィンドウが最大化されて開かれ、ウィンドウのサイズがさらに変更されていない場合、これは機能しません (これは、製品のユースケースの約 90% です... . :( ) 私は CSS ベースのソリューションで行き詰まっていますが、IE7 固有のものを簡単に作成できる場合 (つまり、他のブラウザーがこれで標準的な方法で動作することを意味します)、例外を作成できると思います。 .

助けてください!

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

jquery - Jquery: 要素を別の要素に相対的に表示する

ユーザーが特定のフォームフィールドをクリックするたびにjqueryを使用してドロップダウンリストを表示しようとしています...

現時点ではHTMLはそのままです

そして、Jqueryはそのように見えます

ただし、クラス時間のあるフォーム フィールドをクリックすると、timePicker ドロップダウンが表示されますが、希望するフォーム フィールドの横ではなく、常に同じ場所に表示されます。

何か案は?

ありがとう

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

css - SafariでCSSのポジショニングが壊れます

ページ上に特定の場所を(CSSを使用して)配置しようとしているWebサイトがあります。は絶対的に配置され、比較的配置されたpaerntの内側に配置されます。FirefoxやIEでも問題ないように見えますが、Safariでは問題が発生し、本来より5ピクセル低く表示されます。私は何日もそこに何が悪いのかを理解しようとしましたが、それを見ることができないようです。

問題のあるページへのリンク例は次の場所にあります: http://yaronattar.com/index.php?option = com_content&view = article&id = 117:the-new-lovers-2010&catid = 51:the -new-lovers-2010&Itemid = 242

問題は、ページの右下隅にある「前/次」のナビゲーションを含むものです。

誰かがここで問題を引き起こしているものを見ますか?

ありがとう

0 投票する
4 に答える
6402 参照

jquery - 配置されている場合、jqueryはテキストをフェードさせません:絶対;

フェードアウトしてフェードインしたい LI があります。リスト項目内にテキストがあります。このテキストは LI 内に完全に配置されます。

問題は、IE8 (IE6 と 7 は問題ないようです) では、テキスト以外のすべてをフェードさせることができるということです。

http://jsbin.com/esamu/13

テキスト要素 (この場合は P) の絶対位置を削除すると、IE8 はテキストを適切にフェードできます。

http://jsbin.com/esamu/14

これがなぜなのか知っている人はいますか?誰でも修正を知っていますか?

アップデート:

テキストが配置されている場合、これは IE8 の一般的な問題のようです。したがって、厳密には絶対ではありません。これは、cleartype のフェード バグによるものだと思います。

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

javascript - Google Maps Info Box - マップ コンテナの外に存在できますか?

私はグーグルマップを持っています、本当に標準運賃です。それは非常に小さく、マーカーのポップアップ情報ウィンドウは非常に大きいので、私の質問は、これらのポップアップ ウィンドウがマップの端から実際の Web サイトに飛び出す可能性はありますか? (例については、危険なフォトショップの仕事を参照してください)。

代替テキスト http://dotcafedesigns.com/stuff/box-breakout.png

ありがとう!