Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!
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
Do more with
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
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
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?
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
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>
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>
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
Please try:
View the page in Chrome
Key in Ctrl + Shift + I to enable Developer Tools
In the left hand pane, drill down to the html element you want to analyze (the TR where your user control is embedded).
View the styling that is being applied; note that you can change/experiment with modifying both the styling and/or the html markup. See screen shot below of the sample page I created.
OM Gang
View the page in Chrome
Key in Ctrl + Shift + I to enable Developer Tools
In the left hand pane, drill down to the html element you want to analyze (the TR where your user control is embedded).
View the styling that is being applied; note that you can change/experiment with modifying both the styling and/or the html markup. See screen shot below of the sample page I created.
OM Gang
Premium Content
You need an Expert Office subscription to comment.Start Free Trial