サイズを変更するために、上下に線が入っています(上下のスペースを増やします)。
基本的に分割画面レイアウト。しかし、下の部分を正しく表示するのに問題があります。何をしても常にページを超えてしまいます。下の部分のボックスがページの上部とまったく同じように機能するようにしたいのです。
次のデモは、基本的に私がやっていることと私の問題を示しています。
http://jsfiddle.net/mstefanko/e38bE/67/
ハードコーディングされた高さはありませんが (現在、すべてが % によって設定されています)、私の問題を示すためにそれらをフィドルに追加しました。
現在、上部と下部のサイズを変更する仕切りは上部のサイズを変更しています。jQuery UI Resizable alsoResize reverseから、下部のサイズを逆に変更するコードがいくつかあります。追加のコードが必要かどうかはわかりませんが、これを整理できなかったときは、試してみる価値があると考えました。
また、jquery ui ハンドルを正しく取得するために、上部に大きな下マージンがあります。これが問題を引き起こしている可能性がありますが、それで遊んでも問題は解決しないようです。
どんな助けでも大歓迎です、ありがとう!