Solved

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

Posted on 2006-12-01
6
1,281 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 50 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 50 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

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Does your audience prefer people in photos or no people? How can you best highlight what you’re selling? What are your competitors doing, and what can you do that is different and unique from them?  Continue reading to learn how to make your images …
Although a lot of people devote their energy toward marketing for specific industries, there are some basic principles that can be applied to any sector imaginable. We’ll look at four steps to take and examine how those steps were put into action fo…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.

732 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