Solved

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

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

How to improve team productivity

Quip adds documents, spreadsheets, and tasklists to your Slack experience
- Elevate ideas to Quip docs
- Share Quip docs in Slack
- Get notified of changes to your docs
- Available on iOS/Android/Desktop/Web
- Online/Offline

Join & Write a Comment

Foreword (July, 2015) Since I first wrote this article, years ago, a great many more people have begun using the internet.  They are coming online from every part of the globe, learning, reading, shopping and spending money at an ever-increasing ra…
Envision that you are chipping away at another e-business site with a team of pundit developers and designers. Everything seems, by all accounts, to be going easily.
The viewer will learn how to count occurrences of each item in an array.
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…

758 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

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now