問題タブ [positioning]

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 投票する
7 に答える
126269 参照

css - 画像を水平方向に中央揃えし、コンテナの下部に揃えるには?

画像を水平方向に中央揃えし、同時にコンテナの下部に揃えるにはどうすればよいですか?

画像を水平方向に中央に配置することができました。コンテナの底を自分で揃えることもできました。しかし、私は両方を同時に行うことができませんでした。

ここに私が持っているものがあります:

そのコードは、画像を div の下部に揃えます。画像を div 内で水平方向に中央揃えにするには、何を追加/変更する必要がありますか? 画像のサイズは事前にわかりませんが、175x175 以下になります。

0 投票する
7 に答える
19547 参照

javascript - offsetParentをnullにするものは何ですか?

JavaScriptでポジショニングをしようとしています。私は、最上位ノードまでの合計とそれぞれについて、古典的なquirksmode関数に基づく累積位置関数を使用しています。offsetTopoffsetLeftoffsetParent

ただし、offsetParentFirefoxに関心のある要素がないという問題が発生しています。IEoffsetParentには存在しますが、offsetTop合計offsetLeftが0になるため、Firefoxと同じ問題が発生します。

画面上ではっきりと表示されて使用できる要素に、がない原因は何offsetParentですか?または、より実際的には、その下にドロップダウンを配置するために、この要素の位置をどのように見つけることができますか?

編集:これの1つの特定のインスタンスを再現する方法は次のとおりです(現在受け入れられている回答では解決されていません):

  1. StackOverflowのホームページを開きます。
  2. Webブラウザ(Chromev21など)のコンソールで次のコードを実行します。

    /li>

なぜoffsetParentその要素のnullですか?

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

html - IEは左側のサイドバーをコンテンツの下に配置します

私はこのウェブサイトに精通していませんが、私が構築しているウェブサイトで必死に助けを求めています。私が正しい場所にいないか、間違って質問している場合は申し訳ありませんが、私が何か間違ったことをした場合は教えてください!

私は4つのページ(index.htmlと他の3つのページ)で構成される簡単なWebサイトを構築しました。FFではすべてが正常に機能しているように見えますが、IEでは機能しません。同様の問題がたくさんあることは知っていますが、何時間も検索しても解決策が見つかりません。左側にサイドバーがあり、FFではその場に表示されますが、IEではコンテンツの下に表示されます。奇妙なことに、4ページ目では機能するので、アカウントのcssエラーかhtmlエラーかがわかりません。当面のウェブサイトはhttp://www.kids2move.nl/djctapasにあります。

私が間違ったことを見て、どうすればそれを修正できるかを知っている人がいることを願っています。このページを定期的にチェックして、css-fileやhtmlcodeなどの追加情報を必要に応じて追加できるようにします。前もって感謝します!!

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

css - Div の背景が Div と位置合わせされない

クラスと ID を使用してスタイルを設定した Div がいくつかあります。それらは背景のプレースホルダーにすぎないため、div 自体は空です。部門の例:

次に、この css を使用してスタイルを設定します。

Div がドキュメントの左上にある限り、画像は正しく表示されますが、Div がページの別の場所に配置されると、画像はページの左上隅に留まり (見えなくなり)、画像と重なる部分のみが表示されます。 div (この例では、これは画像の下部になります)。

編集 他のレイアウトに影響を与えずにこれらの Div を配置しようとしています。それらは他のレイアウトの背後にあります。これは、背景画像が div の位置に従わないという事実を除いて機能します。
したがって、基本的に私の質問は、ranImg1 div の背景が div と一緒に配置されていないのに、左上隅にとどまっている理由と、これを修正する方法です。

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

html - 配置ロゴとナビゲーション リンクが整列しない

問題のスクリーンショット:

http://i36.tinypic.com/dfxdmd.jpg

黄色のブロックはロゴで、青いボックスはナビゲーション リンクです (空白にしています)。本文のコンテンツ (白いボックス) の上部にくっつくように、リンクを下部に配置したいと思います。どうすればいいですか?関連する CSS と HTML は次のとおりです。

前もって感謝します。

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

html - html要素は CSS の left+right プロパティを無視しますか?

<input>HTML の要素が「左」と「右」のプロパティの CSS ペアを無視していることに気付きました。「上」と「下」のペアも同様です。以下のサンプル コードを参照してください。

ブラウザの<input>ほぼすべてのスペースを占めるはずです (周囲の 10px の境界線を除く)。Safari では問題なく動作しますが、FireFox と IE では<input>ブラウザの左上隅に小さいままです。

「左」と「幅」、「上」と「高さ」を使用すると、すべて正常に機能します。ただし、幅と高さはわかりません。ブラウザウィンドウのサイズに応じて調整してください。

これを回避する方法はありますか?

ありがとう。

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

css - IEは絶対配置要素の幅を自動サイズ変更しません

この内部の任意の要素のスタイルでa を指定するheightと、IE は幅を「自動サイズ」に保つのではなく、全体を 100% 幅にします。

他のブラウザでは問題なく表示されますが、IE では表示されません。これを修正するにはどうすればよいですか?

ありがとう!

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

javascript - ブラウザーの端の距離に応じて div を配置する (javascript)

主に css に依存する小さなツールチップ スクリプトを作成しようとしています。私が理解できない JavaScript のビットは、ブラウザーの端までの距離に基づいて div を配置する方法です。

divが表示されたら、上下左右にどれだけ近いかを確認したいと思います。たとえば、ツールチップ リンクの上に div を表示する十分なスペースがない場合は、リンクの下に配置する必要があります。

基本的に、divがその位置を「認識」し、それが表示されるようにするためにどこに行くべきかを知っていることを望みます。

ありがとう

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

html - 別の HTML リストに影響を与えずに小見出しのコンテンツを配置する

見出しと小見出しでリストを作成しています。私のメイン リストである Home1 の後には、小見出しが続きます。別のリストに影響を与えることなく、小見出しのコンテンツを正確に配置するにはどうすればよいですか?