The included html contains 3 divs. One primary Div, with 2 nested divs.
the second nested DIV contains an empty table.
Problem 1: Phantom Space. When viewed within the browser, the div 'action
panel' is spaced a picel or two lower than the div 'ItemsPanel' even though
both are the same height. Oddly enough, if you remove the table (ID
Removemetowork) this phantom space dissappears and everything is fine with
the world
Problem 2: resize issue. Occasionally,when you grab the right hand border
of the browser and resize, the div 'ItemsPanel' will appear BELOW the div
'ActionPanel' resize a few more pixels, and it will go back where its
supposed to.
Anyone out here have anyideas. this is all part of a much more complex web
page, but I have narrowned it down to this rather benign set of HTML.
Thanks
Rod
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>MyPage</title>
<meta content="Microsoft Visual Studio 7.0" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5"
name="vs_targetSchema">
</HEAD>
<body id="PageBody" style="WIDTH: 100%; HEIGHT: 100%"
MS_POSITIONING="GridLayout" >
<form name="MyPage" method="post" action="MyPage.aspx" id="MyPage"
style="WIDTH: 100%; HEIGHT: 100%">
<div id="SplitCtl"
style="height:expression(document.body.clientHeigh t-90);border-width:1px;bor
der-style:solid;width:100%">
<div id="ActionPanel"
style="border-width:1px;border-style:solid;width:30%;height:expression(docum
ent.body.clientHeight-90);DISPLAY:inline">
</div>
<div id="ItemsPanel"
style="border-width:1px;border-style:solid;width:70%;height:expression(docum
ent.body.clientHeight-90);DISPLAY:inline">
<table id="RemoveMeToWork" ></table>
</div>
</div>
</form>
</body>
</HTML>
