View Full Version : DIV tag for vertical scrollbar causing blank space at the top of the DIV

Aug 23rd, 2010, 01:03 PM
From main jsp page I am calling the "openNewWin()" javascript, which will open a new jsp page(sample.jsp).
sample.jsp has more fields and the page is little bit long. And I am using the <DIV> tag for the vertical scroll bar and it's working fine.
But the issue is, sample.jsp page has more fields and while submitting I am doing the validation and if any of the field is empty, I am the using alert message to correct it.
Whenver, alert message popup opens the entire content inside the <DIV> tag moves down and causing a huge blank space at the top.
If I scroll the page (not with vertical scrollbar, using the mouse and draging on the page down) I can able to see the DIV content along with the vertical scrollbar.
If I removed the DIV tag, even on the alert popup message on validation it's not moving down. So the issue is with the DIV.
PLease help to advice whether am I using the DIV tag correctly?
How to fix this issue? I am using IE 7.0 browser.

function openNewWin(){
var options;
options = "windowtitle=no,toolbar=no,left=50,top=0,width= 910px, height=680px";
win = window.open("sample.jsp"",options);

<TABLE WIDTH="90%" BORDER="1" bordercolor="blue" CELLSPACING="0" CELLPADDING="0"
<TD class="clsLabel" colspan="4" height="200">

<DIV style="overflow: auto; width: 890px; height: <%= height%> padding : 0px; margin: 0px" class=clsScrollBar>

<TABLE WIDTH="100%" bordercolor="yellow" BORDER="1" CELLSPACING="0" CELLPADDING="0"
<TD colspan="4">&nbsp;</TD>