How to Zoomin from clientside

Question

I am designing a layout for a floor. I want to include zoom in and zoom out feature  from client side.I have a div and i made position = absolute,to give my lay out proper looks. I am calling a java script function for zoomin and zoomout. If I remove the position it is Zooming but with position= absolute it is not zooming.But  in my case position= absolute is important for looks. So anybody tell me how to ZOOM in from client side when position= absolute is activated.

 

 

My java script function is as follows:

 

function zoomin(){

if(parent.parent.document.body.style.zoom!=0)

parent.parent.document.body.style.zoom*=1.2;

else

parent.parent.document.body.style.zoom=1.2;

}

 

My .cs code is as follows:

 

 

string strSQL = "SELECT bdm_txt_BuildingType, bdm_txt_Caption, bdm_num_Left, bdm_num_Top,bdm_num_Length, bdm_num_Breadth, bdm_num_FontSize FROM BuildingDimensions WHERE bdm_num_PartId = " + Session["Id"] + " ";

DataSet dstData = new DataSet();

objDataAccess.GetDataSet(ref dstData, strSQL, "Event");

for (int intIndex = 0; intIndex < dstData.Tables["Event"].Rows.Count; intIndex++)

{

dblBuildLeft = Convert.ToDouble(dstData.Tables["Event"].Rows[intIndex]["bdm_num_Left"]) * 38 * 0.0576;

dblBuildTop = Convert.ToDouble(dstData.Tables["Event"].Rows[intIndex]["bdm_num_Top"]) * 38 * 0.0576;

dblBuildTop = dblBuildTop + 45;

dblBuildWidth = Convert.ToDouble(dstData.Tables["Event"].Rows[intIndex]["bdm_num_Length"]) * 38 * 0.0576;

dblBuildHeight = Convert.ToDouble(dstData.Tables["Event"].Rows[intIndex]["bdm_num_Breadth"]) * 38 * 0.0576;

strCaption = dstData.Tables["Event"].Rows[intIndex]["bdm_txt_Caption"].ToString();

hidSecLBreadth.Value = hidSecLBreadth.Value + "<table cellpadding='0' cellspacing='0' border='0' width='1250' height='100'><tr><td>";

hidSecLBreadth.Value = hidSecLBreadth.Value + "<DIV id='div2'style = 'BORDER-RIGHT: 1px solid;BORDER-TOP: 1px solid;BORDER-LEFT: 1px solid;BORDER-BOTTOM: 1px solid;";

hidSecLBreadth.Value = hidSecLBreadth.Value + " position:absolute; width:" + dblBuildWidth + "px; height:";

dblTotalWidth =+ dblBuildWidth;

hidSecLBreadth.Value = hidSecLBreadth.Value + dblBuildHeight + "px; z-index:4; left: " + dblBuildLeft;

hidSecLBreadth.Value = hidSecLBreadth.Value + "px; top: " + dblBuildTop + "px; background-color:#C0C0C0;";

hidSecLBreadth.Value = hidSecLBreadth.Value + " layer-background-color: #C0C0C0'><center><font size= " + intFontSize + ">" + strCaption + "</font></center></DIV></td>";

hidSecLBreadth.Value = hidSecLBreadth.Value + " <td width='50%' ></td></tr></table>";

}

I am displaying the hidSecLBreadth.Value into a label in .aspx page.