471,888 Members | 1,839 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,888 software developers and data experts.

Phantom space and resize problem.

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>

Nov 17 '05 #1
0 1165

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

5 posts views Thread by Andrew | last post: by
4 posts views Thread by Peter Mrosek | last post: by
3 posts views Thread by memememe | last post: by
9 posts views Thread by Dave | last post: by
9 posts views Thread by TB | last post: by
3 posts views Thread by Chuck Cobb | last post: by
reply views Thread by zermasroor | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.