Hi all i am having 2 check boxes and 2 div's on my web page. On checking particular check box i will show the corresponding div to the user but if i show second div the space which was occupied by first div is occupying empty space why it is happening
Assume my structure is as follows
<div id="div1" runat="server">
<div>
</div>
<div id="div2" runat="server">
<div>
</div>
</div>
<asp:checkbox id="chk1" runat="server" text="Show Div1" autopostback=true />
<asp:checkbox id="chk2" runat="server" text="Show Div2" autopostback=true />
in code i am showing as follows for both the check boxes
if (chk1.Checked)
{
div1.Visible = true;
}
else
{
div1.Visible = false;
}
if (chk2.Checked)
{
div2.Visible = true;
}
else
{
div2.Visible = false;
}
Can any one tell how to resolve this
Sample Style applied for Div is as follows
.style1
{
width: 268px;
height: 19px;
position: absolute;
top: 16px;
left: 335px;
float: left;
z-index: 1;
}