デスクトップのようなルック アンド フィールの Web アプリを継承しました。レイアウトにはテーブルを使用します。GUI の「パネル」をサイズ変更可能にする必要があります (分割ペインなど)。
私が達成する必要があることの例: http://demos.dojotoolkit.org/demos/mail/ (サイズ変更可能なコンテンツ領域)
しかし、レイアウトに div を使用する代わりに、非常に複雑なネストされたテーブルを使用する必要があります。これを達成できるものはありますか、またはレイアウトにテーブルを使用しないようにコードを変換する必要がありますか?
警告: サードパーティ製品を推奨しようとしています。それがあなたを怒らせるなら、読むのをやめてください。
時間ではなく、サードパーティ製ソフトウェアの費用を正当化できる場合は、Telerik のコントロールをお勧めします。完全に機能するスプリッターを備えています。それは私にとって本当にうまくいきます。
それでも、テーブル レイアウトを提案するつもりはありません。このテーブルの混乱があなたを台無しにする前に、安全な時間を借りることができれば.
サイズ変更可能なテーブルの例を次に示します。このページのソースを表示すると、スクリプトが含まれていることがわかります。
<script type='text/javascript' src='resizable-tables.js'></script>
そしてスタイルシート:
<link rel='stylesheet' href='resizable.css' type='text/css' media='screen' />
また、!doctypeそこに定義されているトリックもあります。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- it is transitional only because of using width='xx%' property in table example -->
<html xmlns='http://www.w3.org/1999/xhtml'><head>