chaleastale
asked on
My control inside the <div> tag is overlapping with the next row of the table.
I have a textarea control with id "txtNameAddressThirdParty" which is put under a <div> tag. This div is going to be displayed dynamically when the user chooses yes in the radio button list. But, when the div get displayed, it overlaps with the next row element of my table.
This problem is happening in firefox.
Here is my css:
.container
{
position: relative;
width: auto;
height: auto;
margin: 0 auto;
}
Here is my html code:
<table>
<TR>
<TD colSpan="3">
<DIV id="lblUseThirdParty" class="container" runat="server"> Name/Address <TEXTAREA onkeypress="return imposeMaxLength(this,512); " id="txtNameAddressThirdPar ty" style="Z-INDEX: 101; LEFT: 2px; WIDTH: 737px; POSITION: absolute; TOP: 17px; HEIGHT: 29px"
tabIndex="326" name="txtNameAddressThirdP arty" rows="1" cols="96" runat="server"></TEXTAREA>
</DIV>
</TD>
</TR>
<TR>
<TD colSpan="3">Software used for storing, transmitting or processing Card
Transaction or Authorization requests<BR>
<TEXTAREA onkeypress="return imposeMaxLength(this,199); " id="txtSoftwareUsed" style="WIDTH: 737px; HEIGHT: 29px"
tabIndex="327" name="txtSoftwareUsed" rows="1" cols="95" runat="server"></TEXTAREA>
</TD>
</TR>
</table>
This problem is happening in many areas of my web page since it has more dynamicity in it.
Is the problem in the css settings?
Thanks in advance.
This problem is happening in firefox.
Here is my css:
.container
{
position: relative;
width: auto;
height: auto;
margin: 0 auto;
}
Here is my html code:
<table>
<TR>
<TD colSpan="3">
<DIV id="lblUseThirdParty" class="container" runat="server"> Name/Address <TEXTAREA onkeypress="return imposeMaxLength(this,512);
tabIndex="326" name="txtNameAddressThirdP
</DIV>
</TD>
</TR>
<TR>
<TD colSpan="3">Software used for storing, transmitting or processing Card
Transaction or Authorization requests<BR>
<TEXTAREA onkeypress="return imposeMaxLength(this,199);
tabIndex="327" name="txtSoftwareUsed" rows="1" cols="95" runat="server"></TEXTAREA>
</TD>
</TR>
</table>
This problem is happening in many areas of my web page since it has more dynamicity in it.
Is the problem in the css settings?
Thanks in advance.
In the first <TEXTAREA change the POSITION to relative.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
And the above problem is happening only in firefox. IE works fine.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.