問題タブ [height]

代替テキストhttp://img14.imageshack.us/img14/2055/sof.jpg

HTMLマークアップ：

CSS：

次のように、リストに基づいてソート可能な単純な jQuery があります。

アイテムの内容に関係なく、ヘルパーが常に同じ固定サイズになるように、ヘルパー関数を作成しました。

私の問題は、多くのコンテンツ (複数の段落のテキストなど) を含むアイテムをドラッグすると、ヘルパーの高さが 1 行しかない場合でも、少なくとも移動するまでアイテムが下のアイテムにドロップされないことです。私のアイテムの元の高さ。

例えば：

item1 をドラッグすると、ヘルパーがこれを 1 行に変換します - 素晴らしく簡単にドラッグできます。ただし、item1 を item2 と item3 の間にドロップするには、マウスを画面の 5 行下に移動する必要があります。十分な高さにドラッグすると、アイテムは期待どおりに機能するようになり、元の高さまでドラッグする必要がなくなりました。

考えられるすべてのソート可能なオプションを試しましたが、役に立ちませんでした。誰かに提案があることを望んでいます。

私は列を均等化するためにこのコードを使用します：

..まともな仕事をしますが、私はそれらの列の1つにアコーディオンメニューがあり、列の高さを変更してスライドイン/スライドアウトします。equalheightはうまく機能しません。サイズを変更するたびに列を均等化することは可能ですか？

ヒープに感謝します！

さて、私はこのコードを持っています：

わかりました、上記の各 DIV は左にフロートされているので、DIV の 2 つの「行」が得られます。上の行には最初の 2 つが含まれ、2 つ目は後の 3 つの DIV ですよね?

各「layout_frame」には任意のコンテンツを含めることができるため、高さが異なりますが、行内で高さが等しくなるようにします。したがって、最初の 2 つはおそらく両方とも 800 ピクセルの高さにする必要があり、後者の 3 番目は、たとえば、「行」の最も高い DIV に基づいて 200 ピクセルにする必要があります。

したがって、jQuery position() を使用して、次のコードで同じ行にあるものを見つけています。

しかし、それは私が来た限りです。「pos」を「124」に設定しています。これは、最後の 3 つではなく、最初の 2 つが等しくなるはずです。ただし、DIVS の各「グループ」は、最も高いものに基づいて同じ高さを持つ必要があります。

これを正しく説明したことを本当に願っています。どんな助けでも大歓迎です

Ok, I'm trying to get a div to scale and the height is always the height of the viewport. I'm going to link to my examples as it needs some explaining.

www.madmediablitz.com/tv/precentdemo.html

The link above is the closest I've come to a solution and I'm hoping that someone here will find it simple to fix. What I want to happen is the tv to always be the height of the viewport (to a degree, min-height:~400px; max-height:~700px;). The code that I used there is based on http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/.

www.madmediablitz.com/tv/precentdemo_alt.html

This one is what I DON'T want to happen. IF you resize your window you will see it doesn't scale proportionally.

I've been trying both of these for about 2 days now and I haven't been able to get it to work. I'm literally praying for help as I think, this isn't too complicated.

1024x768の解像度の画面でのビューポート（表示領域）の平均および/または最大の高さはどれくらいですか？この決議で「フォールドの下」と見なされるものを知りたいのですが。

これに対応する 3 つの div があります。

すべてをラップする #wrapper があります。それは #EEE です #contain は #wrapper の直後にあります。それは #FFF (コンテンツの一部)
です。高さ:100% 完全に問題なく、位置:固定の #secondaryContent があります。これらのdivの両方の中にあります。

何が起きているかを確認するために、すべての主要な div に境界線を追加しました。

わかりましたので、中央の div の下部は 100% で下部まで拡張されるはずで、ラッパーからのグレーは表示されません。ページの上部をよく見ると紫色の線が見えます。これは実際には #content と呼ばれる div であり、そこにすべての投稿が含まれているはずです。何も表示されていないかのように表示されているかどうかはわかりませんが、 //(* 修正済み * - 2 番目の回答を参照)。

私のサーバーを介して私が何を意味するかを見ることができます。

サーバ

FIX***
#wrapper div に適用されるクラス '.container' がすべてを台無しにしました。

スクロール結果セクションを含む検索ツールを表示するために使用している次のコードがあります。IE では、コードは正常に動作します。

しかし、次を追加して IE8 フォーマットを使用するようにメタ タグを設定すると、次のようになります。

下部の DIV タグは、ページを超えて展開されます。私はいくつかのオプションを試しましたが、値の高さを実際に指定しないと回避する方法が見つかりません。ブラウザーウィンドウのサイズに関係なく、ページが画面の 100% を占めるようにしたいので、これは機能しません。

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

他サイトからページを読み込むiframeページを作りたいです。「jQuery iFrame Sizing」を試して、iframe の自動高さを設定しましたが、失敗しました。

どうしたの...？

これは私のコードです:

ほぼ 4 年間使用した後、テスターの 1 人が更新パネルに奇妙な点があることに気付きました。

表示モードがあり、高さが 100 ピクセルだとします。次に、ユーザーが編集モードに切り替えると、更新パネルが更新されます。ウィンドウの高さが 500 ピクセルになりました。ユーザーが保存をクリックすると、100 ピクセルのみの表示モードに戻ります。

現在、DOM は 100 ピクセルしか使用していませんが、スクロールバーは 500 ピクセルまであります。ユーザーが画面を 100 ピクセルまで縮小すると、そこにはもう何もないにもかかわらず、スクロールバーが表示されます。

これは一体何が原因で、どうすれば修正できますか? updatepanel がウィンドウにその高さがもう必要ないことを伝えていないようです。