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

html - 正しく整列するには2つのdivが必要です

これは、両方のdivのラインナップのスクリーンショットです

左の列は、右に並べたいdivはです

そして、それらのdivは両方とも内にあります

.col-middle divを正しく整列させるにはどうすればよいですか?

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

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

jquery - スクロール後に要素を画面中央に配置する

マイページは画面の高さの 2 倍です (サイズはページの他の項目によって異なります)。スクロール位置に関係なく、画面の中央に絶対配置された SPAN を表示したい。

ボタンのクリック時に次のスタイルを適用しますが、一番下までスクロールすると、ページ全体の上部から 50% をカウントするため、要素がページの一番上に表示されます。

ボタンクリック時のスクロール部分に基づいて、要素をページの中央に配置するにはどうすればよいですか?

ありがとうございました。

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

css - CSSでオーバーフローを指定する方法はありますか?

私は自分のデザインで多くのことを使用してきましたposition:relative;が、必要な場所にすべてを配置する最も簡単な方法を見つけました.

ただし、サイトに追加するアイテム (それぞれに個別のdiv) が増えるほど、ページの下部にどんどん配置されるため、手動でそれらをより高く配置する必要があります。

これだと一番下に空きスペースが多くなり、追加するとスクロールが少し制限されるのではないかと思ったheight: 1000px;のですが、この方法はうまくいかないようです。

height: 1000px;ラッパーに追加しようとしましたが、まだ機能していません。

垂直スクロールを選択したピクセル数に制限するにはどうすればよいですか?

よろしくお願いします。

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

css - エラー ラベルの自動幅

エラー ラベルはテーブルの幅まで表示されます。このように:

代替テキスト http://img518.imageshack.us/img518/8864/width1.jpg

ラベルのテキストまで表示するにはどうすればよいですか? これはcssです:

0 投票する
8 に答える
204 参照

css - ページ レイアウトに何らかの IE 6 ハックが必要ですか?

私のサイトroofcommunityservices.orgには、IE6でいくつかのdivシフトの問題があると言われています。ここのオフィスには IE6 はありませんが、Firefox レンダリング ツールを使用してスクリーンショットを表示しています。私は Mac を使用していますが、クライアントと同じ問題は見られません。

誰かが IE6 PC でサイトを見て、特に寄付ページで何が表示されているか教えてもらえますか?

どうもありがとう。

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

javascript - jquery:この位置がどのように機能するかを詳しく説明できますか?オフセットなどを使用して配置する初心者

このjqueryオートコンプリート関数をトレースして、誰かがここで何が起こっているのかを詳細に説明できますか?

この関数を使用します:

参照: http: //www.pengoworks.com/workshop/jquery/lib/jquery.autocomplete.js

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

css - CSS: 下に固定して中央に配置

フッターをページの下部に固定し、中央に配置する必要があります。フッターの内容は常に変更される可能性があるため、margin-left: xxpx; で中央に配置することはできません。マージン右: xxpx;

問題は、何らかの理由でこれが機能しないことです。

Web をクロールしましたが、何も見つかりませんでした。コンテナのdivとnadaを作ってみました。私は他の組み合わせとグルニッシュを試しました。どうすればこれを実現できますか?

ありがとう

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

css - ポジショニングバグ

私が管理しているサイトの FF/IE8/Chrome (たとえば、このページ) に小さなレイアウト バグがあることに気付きました。

サイトを乗っ取ったときになぜ気づかなかったのだろうと思っていましたが、IE7 を IE8 にアップグレードしてから明らかになったことに気付きました。

これらの「適切な」ブラウザの場合、IE7 (およびそれ以下) が必要とする 56px とは対照的に、この絶対位置の画像では top 属性を 59px に設定する必要があります。

解決策は簡単ですが、a) まず問題を理解したい、b) さまざまな解決策を検討したい (複数の解決策があることはわかっています)。それを念頭に置いて...

  • 問題の原因は何ですか?

多くのポジショニングの問題は、誤った IE ボックス モデルが原因でしたが、これは IE7 で修正されたと思いました。まだ IE7 に影響するのはボックス モデルの問題ですか、それとも別の何かですか?

  • 最善の解決策は何ですか?

多くのソースは、条件コメントを使用して IE7 パッチ CSS ファイルをインクルードする方法を提案しています。

簡単ですが、サイトのすべてのページのヘッダーにそれを挿入する必要はありません (もちろん、必要に応じて挿入します)。

おそらく仕事をすることができるCSSハックがたくさんあることは知っていますが、特に新しいブラウザが出現するにつれて、保守が難しくなるため、CSSを避ける​​べきだと言う学校の考えがあります. 私は確かにこの考え方に共感できます。ただし、このサイトは 3 か月以内に完全に再開発されるため、短期的な解決策を検討しています。CSS ハックを使用することを選択した場合、IE7 以下の動作を変更するには何をする必要がありますか?

私はまた、良いリセット スタイルシートがこれらの問題の多くを回避できることも読んだので、笑いのために、Eric Meyer のReset Reloadedスタイルシートを適用しました。

要約すると、問題は正確には何ですか。問題の短期的な性質を考慮して、最良の長期的な解決策は何ですか?また、どの解決策が展開するのが最も簡単でしょうか?

CSS ('Banner02'): http://new.eminox.com/_lib.css/content.css


複数のサブクエリを持つ oracle クエリ

テーブルの行を選択し、サブクエリを使用して単一の行リスト (item1、item2、item3) を生成しようとしています

とにかくSQL:

問題は、テーブル 'admins' のメイン クエリ フィールド 'code' にあるようです。リスト生成クエリ内で機能しません。

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

php - ポートレットの位置を保存する方法

jQuery の機能を使用して、Web アプリケーション スーツ用のポートレット ウィジェットを作成します。まだ始めていませんが、近日中に始める予定です。

現在、ページが読み込まれ、ウィジェットがデフォルトの位置に読み込まれます。ユーザーはそれらを移動したり、設定を変更したりできます。

さて、私の問題は、セッションごとだけでなく、アカウント変数として、ウィジェットの配置がユーザーのために保存されるようにしたいということです。

レベルベースのコーディングに PHP と MySQL を使用していますが、どこから始めればよいかわかりません。

私を助けてください :)

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

css - CSS - テキストの横に画像を配置する

私は、テキスト コンテンツの横に画像を表示する必要があるサイトを作成しています。これは、画像とテキストが単一の html ソースから取得されるため、一種の疑似 2 列レイアウトです。

画像を独自の段落として配置し、それらをフローティングすることで、これを行う非常に簡単な方法を見つけました。これらの余分な段落なしで、余分な css を画像に帰属させるだけでこれを行うための (html に関して) もっと簡単な方法がまだありますか?

フローティング画像がテキストと同じ段落にある場合、画像がある段落とない段落では幅が異なります。

編集: 基本的に、このような画像を配置するために、できるだけ単純な HTML マークアップを探しています。CSS は複雑になる可能性があります ;)