asked on
APS table usage
I have a user control developed a long time ago in asp.net 1.1 VS2003 and it has a table that displays detail info about a policy. Now I have upgraded the web app to .NET 4.0 and using HTML 4.01. The older version is running on the internet and when I come to the form that has this control on it, there is the possibility of having more than one value on one of the rows of data. When this happens there is a <asp:PlaceHolder to hold the additional value in the Insured First 5 Names and everything is supposed to shift down. If it only has one value then it only has one row and everything is ok. If it has more then one value it has as many rows as needed. Im not sure where this is going wrong but I did upgrade this to HTML 4.01 so Im thinking something is going wrong there. If you look at the correct pic and then the incorrect pic maybe it will become more clear. I had to erase some of the info on the page but hopefully you can tell whats going on. There is 5 Insured Names and everything is supposed to shift down but its not in the new version. Any help would be appreciated
Thanks
JK
Correct.jpg
InCorrect.jpg
Thanks
JK
Correct.jpg
InCorrect.jpg
ASP.NETVisual Basic.NETHTML
Last Comment
jknj72
ASKER
files are attached now...Sorry
ASKER
I have the code behind and the markup if anyone wants to see it as well
Is it the white background area that isn't growing? Have you looked at the page in dev tools, e.g. Chrome Developer Tools (Ctrl + Shift + I) to see what styling is being applied and, perhaps, what is preventing the section from growing?
Post up the markup and any styling (CSS) you have that is relevant to the control.
OM Gang
Post up the markup and any styling (CSS) you have that is relevant to the control.
OM Gang
ASKER
The white portion of the page should adjust to the additional rows that are being loaded. It should look like the correct.jpg that I attached. I have downloaded firefox and firebug to try and figure out the problem but I dont know how to use it. And....when I try to go to the page in production using firefox the same thing happens. It works fine in IE, in Prod) but in Firefox the same thing happens as if I was in Dev using IE. So Im thinking it is a browser issue(possibly a CSS issue). Any thoughts?
ASKER
Here are the markup for the form where the control resides and the control itself...I could really use some help on this so thank you for your time
JK
pcovIndivControl.ascx.txt
PcovIndiv.aspx.txt
JK
pcovIndivControl.ascx.txt
PcovIndiv.aspx.txt
ASKER
if you need any CSS let me know...
It looks like the div is you container and you have it set to a fixed height. Test by removing the height setting, i.e.
<div style="width: 100%;position:relative">
OM Gang
<div style="width: 100%;position:relative">
OM Gang
<div style="width: 100%; height: 184px;position:relative"> <---- this DIV is the container/white background
<table id="Table1" style="width: 100%; height: 32px;" cellspacing="1" cellpadding="1"
border="0">
<tr>
<td style="width: 248px; height: 55.49%; vertical-align: top; text-align: right;
background-color: #b0c4de; text-wrap: none">
<asp:Label ID="lblDescripNameSelected" runat="server" Width="240px" CssClass="PcovIndivDescript">Name Selected:</asp:Label>
</td>
<td style="height: 35px; vertical-align: top; text-align: left;" valign="top" nowrap="nowrap"
align="left" colspan="2">
<asp:Label ID="lblNameSelected" runat="server" CssClass="PcovIndivLabels"></asp:Label>
</td>
</tr>
ASKER
still not working...I attached main.css for the form just in case it may have something to do with it...Thanks for your help
JK
Main.CSS.txt
JK
Main.CSS.txt
I took the markup and created a simple html page with it. I specifically set the Table Row for the control to have a larger height and separate background color and changed the body background to a different color to differentiate. This renders correctly in Firefox and IE so I'm not sure what's causing the issue you are seeing. Tough to determine without being able to load an actual page from the app.
OM Gang
This is my sample html page. copy and paste into a notepad and same as SamplePage.html
OM Gang
This is my sample html page. copy and paste into a notepad and same as SamplePage.html
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body style="background-color:azure">
<table id="Table2" cellspacing="0" cellpadding="0" align="left"
border="0" style="vertical-align: top; width: 900px; height: 600px">
<tbody>
<tr>
<td width="3%" height="1"></td>
<td width="8%" height="1"></td>
<td width="86%" height="1"></td>
<td width="3%" height="1"></td>
</tr>
<tr>
<td width="3%"> </td>
<td valign="middle" align="left" width="8%" height="73" rowspan="3">
<!--***************************************Test Image*********************************-->
<a style="BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none;
BORDER-BOTTOM-STYLE: none"
href="http://www.njcrib.com">
<!--<IMG height="113" src="nj3.gif" width="65" border="0"> -->
<!--<IMG height="113" src="./images/nj3.gif" width="65" border="0">-->
<!--<asp:Image ID="Image1" runat="server" Height="113px" Width="65px" BorderStyle="None" ImageUrl="./images/nj3.gif" />-->
</a>
</td>
<td valign="middle" align="left" width="89%" colspan="2" height="73">
<!--***************************************Test Image*********************************-->
<a style="BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none;
BORDER-BOTTOM-STYLE: none"
href="http://www.njcrib.com">
<!--<IMG height="50" src="logo.gif" width="180" border="0">-->
<!--<IMG height="50" src="./images/logo.gif" width="180" border="0">-->
<!--<asp:Image ID="Image2" runat="server" Height="50px" Width="180px" BorderStyle="None" ImageUrl="./images/logo.gif" />-->
</a>
</td>
</tr>
<tr>
<td width="100%" colspan="4" height="10"></td>
</tr>
<tr>
<td width="100%" colspan="4" height="10"></td>
</tr>
<tr>
<td colspan="4">
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="Table3">
<tr align="left">
<td width="1%">
<!--<IMG height="24" src="./images/testl.gif">-->
<!--<asp:Image ID="Image3" runat="server" Height="24px" ImageUrl="./images/testl.gif" />-->
</td>
<td width="5%" bgcolor="#ffffff"></td>
<td width="88%" bgcolor="#ffffff"> </td>
<td width="5%" bgcolor="#ffffff"></td>
<td align="right" width="1%">
<!--<IMG src="./images/testr.gif">-->
<!--<asp:Image ID="Image4" runat="server" ImageUrl="./images/testr.gif" />-->
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" align="center" width="100%" colspan="4">
<table cellspacing="0" cellpadding="0" width="100%" align="center" bgcolor="#ffffff"
border="0" style="vertical-align: top;position:relative;">
<tr valign="top">
<td width="3%" style="height: 90px"> </td>
<td align="center" width="94%" colspan="1" style="HEIGHT: 90px">
<span class="Where">
<br>
<br>
POLICY COVERAGE SEARCH<br>
<hr width="90%" noshade="noshade" size="3">
</span>
<br>
</td>
<td width="3%" style="HEIGHT: 90px"> </td>
</tr>
<tr valign="top">
<td width="3%"> </td>
<td align="center" width="94%">
<table id="divTable" width="100%" border="0">
<tr>
<td width="10%"> </td>
<td width="80%" align="center">
<!--<uc1:FileUploadDate ID="Fileuploaddate1" runat="server"></uc1:FileUploadDate>-->
This is the File Upload date
</td>
<td width="10%"> </td>
</tr>
</table>
</td>
<td width="3%"> </td>
</tr>
<tr style="height:800px;background-color:crimson">
<td width="3%"></td>
<td align="center" width="94%">
This is the Control<br />
Here is some content<br />
</td>
<td width="3%"></td>
</tr>
<tr>
<td width="3%" style="HEIGHT: 67px"></td>
<td width="94%" style="HEIGHT: 67px">
<hr style="WIDTH: 100%; HEIGHT: 4px" width="100%" noshade="noshade" size="4">
<asp:Button ID="butBack" runat="server" BackColor="LightSteelBlue" Text="Back" Width="104px"
Height="24px"></asp:Button>
</td>
<td width="3%" style="HEIGHT: 67px"></td>
</tr>
<tr>
<td align="center" width="100%" colspan="3">
<hr>
<a href="http://www.njcrib.com" style="BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none;
BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none">Home</a>
<hr>
</td>
</tr>
<tr>
<td width="3%"></td>
<td align="center" width="94%">
<font face="Arial" size="1">
<br>
<br>
<br>
Copyright © 1997 - 2008 by NJCRIB<br>
All Rights Reserved
<br>
<br>
</font>
</td>
<td width="3%"></td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>
ASKER
ok I will give it a shot...what version did you use? I am working in VS 2012 .NET 4. This is a conversion from ASP.NET 2003 .NET 1.1(which is where I am assuming the issues are coming from). I actually tried to add the meta tag you had
<meta charset="utf-8" />
and I get the following...Dont know if its a show stopper but..
Warning 35 Validation (HTML 4.01): Attribute 'charset' is not a valid attribute of element 'meta'.
Any thoughts?
<meta charset="utf-8" />
and I get the following...Dont know if its a show stopper but..
Warning 35 Validation (HTML 4.01): Attribute 'charset' is not a valid attribute of element 'meta'.
Any thoughts?
I created the html page in VS 2013. The <meta charset="utf-8" /> needs to be at the top of the doc. Before any script, etc. tags. That should resolve the warning you are receiving.
OM Gang
OM Gang
ASKER CERTIFIED SOLUTION
THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
ASKER
That worked but I still have a few things not working but on other parts of the app....Thanks for your help