?
Solved

My control inside the <div> tag is overlapping with the next row of the table.

Posted on 2006-12-01
6
Medium Priority
?
1,295 Views
Last Modified: 2008-01-09
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&nbsp;                                                      <TEXTAREA onkeypress="return imposeMaxLength(this,512);" id="txtNameAddressThirdParty" style="Z-INDEX: 101; LEFT: 2px; WIDTH: 737px; POSITION: absolute; TOP: 17px; HEIGHT: 29px"
tabIndex="326" name="txtNameAddressThirdParty" 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.
0
Comment
Question by:chaleastale
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
6 Comments
 
LVL 11

Expert Comment

by:ch2
ID: 18055178
In the first <TEXTAREA change the POSITION to relative.
0
 
LVL 11

Accepted Solution

by:
ch2 earned 200 total points
ID: 18055220
Or delete the POSITION: absolute;
0
 

Author Comment

by:chaleastale
ID: 18084955
And the above problem is happening only in firefox. IE works fine.
0
 
LVL 2

Assisted Solution

by:sehhorng
sehhorng earned 200 total points
ID: 18101262
You are using Position Option which causes the DIV to float. Therefore the table will appear overlapping the div.
0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Developer portfolios can be a bit of an enigma—how do you present yourself to employers without burying them in lines of code?  A modern portfolio is more than just work samples, it’s also a statement of how you work.
Because your company can’t afford for you to make SEO mistakes, you’ll want to ensure you’re taking the right steps each and every time you post a new piece of content. This list of optimization do’s and don’ts can help you become an SEO wizard.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

762 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question