Se vuoi fare una cosa obsoleta, usa i frame: e` sicuramente meno peggio della tabella.

Se invece vuoi fare una cosa moderna, usa i CSS.

Se hai due blocchi <div>, che in partenza hanno
codice:
#container {
  width: 100%;
}
#fascia {
  width: 30%;
  float: left;
  border-right: 2px solid black;
}
#princ {
  width: 69%;
  float: right;
}
(il codice HTML sara`:
<div id="container">
<div id="fascia"> ... </div>
<div id="princ"> ... </div>
</div>

Puoi modificare la posizione della divisione con:
document.getElementById('fascia').style.width="20% "; document.getElementById('princ').style.width="79%" ;

Non so dirti come fare con il drag-and-drop, ma potresti usare delle piccole icone con frecce, e cliccare su quelle.