By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
440,417 Members | 1,856 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 440,417 IT Pros & Developers. It's quick & easy.

Phantom space and resize problem.

P: n/a
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
Share this question for a faster answer!
Share on Google+

This discussion thread is closed

Replies have been disabled for this discussion.