Hi Steve,
Thanks for your project. For your convenience I copied your reply here:
Allen,
thank you for your reply.
Does it work in IE-- Yes
What version of Firefox-- 3.0.1
I have attached a sample program that reproduces the problem.
In the main content, the content from the masterpage overlaps the content
of the grid in the child page. I have this same basic problem with a very
detailed page in my production website along with a more simple one like
this one in this sample.
In the header area, the dropdownlist does not display it's height properly.
I have included the databases from SQLServer express. You will need to
change the connection strings perhaps and attach the databases to an
install on your machine maybe. Let me know if I have left something out.
Steve Long
GIS Analyst
Clark County, WA
360-397-2092 ext 4421
I've tested it in IE 7 but still get the overlapped GridView. To clarify
the problem I've sent you an email with a screenshot. Please check if the
layout is what you've seen in FireFox.
If it's the same layout here's the solution:
1. Open the master page GISMasterSearch .master with Notepad.
2. Search "Panel1" in it and remove the Height from the element: <asp:Panel
ID="Panel1" runat="server" Width="642px" BorderStyle="So lid"
BorderWidth=0px BorderColor=lig htGray>.
3. Save the file and close it.
Here are the steps how I troubleshoot:
1. I opened your page and found the GridView is overlapped.
2. I viewed the source and copied all the content in a newly created
testpage.aspx. The reason to do this is that I can simply edit the page and
preview the layout in Split view of Visual Studio.
3. I removed other irrelevant html tags one by one to narrow it down.
4. Finally here's the concise html that can reproduce this problem:
=============== =============== =============== =====
<table border="0" cellpadding="0" cellspacing="0" width=100%
style="position : relative; height: 528px" >
<tr>
<!-- SECOND COLUMN of "BODY" TABLE -->
<td bgcolor=white valign=top style="height: 475px" >
<a id="ctl00_Menu1 _SkipLink"></a>
<br />
<div id="ctl00_Panel 1"
style="border-color:LightGrey ;border-width:0px;borde r-style:Solid;hei ght:50p
x;width:642px;" >
<table cols=2 style="width: 376px; height: 152px; font-family: Arial;
font-size: medium" id="tblSearch" >
<tr>
<td style="width: 232px">
<span
id="ctl00_lblNa me">Annexatio n Name</span></td>
<td style="width: 192px">
<input name="ctl00$txt Name"
type="text" id="ctl00_txtNa me" /></td>
</tr>
<tr>
<td style="width: 232px">
<span
id="ctl00_lblAg ency">Annexatio n Agency</span></td>
<td style="width: 192px">
<input
name="ctl00$txt Agency" type="text" id="ctl00_txtAg ency" /></td>
</tr>
<tr>
<td style="width: 232px;
height: 12px">
<span
id="ctl00_lblSt atus">Agency Status</span></td>
<td style="width: 192px;
height: 12px">
<select name="ctl00$ddl Status"
id="ctl00_ddlSt atus" title="Annexati on Status may be mixed with Agency to
get a list of agencies with status" style="width:15 3px;">
<option selected="selec ted" value="-1">None</option>
<option value="1">Propo sed</option>
<option value="2">In Process</option>
<option value="3">Certi fied</option>
<option value="4">Compl eted</option>
<option value="8">Faile d</option>
<option value="9">No Data</option>
</select></td>
</tr>
<tr>
<td style="width: 232px;
height: 12px">
<span
id="ctl00_lblTa xYear">Tax Year</span></td>
<td style="width: 192px;
height: 12px">
<input name="ctl00$txt TaxYear"
type="text" id="ctl00_txtTa xYear" style="width:14 8px;" /></td>
</tr>
<tr>
<td style="width: 232px;
height: 12px">
<span
id="ctl00_lblEf fectiveYear">Ef fective Year</span></td>
<td style="width: 192px;
height: 12px">
<input name="ctl00$txt EffectiveYear"
type="text" id="ctl00_txtEf fectiveYear" style="width:14 8px;" /></td>
</tr>
<tr>
<td style="width: 232px;
height: 12px">
</td>
<td style="width: 192px;
height: 12px">
<input type="submit"
name="ctl00$But ton1" value="Search" id="ctl00_Butto n1" title="Leave all
field blank to select all" style="width:15 3px;" /></td>
</tr>
<tr>
<td style="width: 232px;
height: 12px">
</td>
<td style="width: 192px;
height: 12px">
<a id="ctl00_lbtnC hangePwd"
href="javascrip t:__doPostBack( 'ctl00$lbtnChan gePwd','')">Cha nge
Password</a></td>
</tr>
</table>
</div>
<div>
<table cellspacing="0" rules="all" border="1"
id="ctl00_MainC ontent_OrgUnits gv" style="border-collapse:collap se;">
<tr>
<th scope="col">Org Unit ID</th><th scope="col">L1</th><th
scope="col">L2</th><th scope="col">L3</th><th scope="col">USE R</th>
</tr><tr>
<td>1</td><td>Sheriff</td><td>na</td><td>na</td><td>MAIN DID SHERIFF</td>
</tr><tr>
<td>2</td><td>General
Services</td><td>Purchasi ng</td><td>na</td><td>MAIN DID PURCHASING</td>
</tr><tr>
<td>3</td><td>Medical Examiner</td><td>na</td><td>na</td><td>MAIN DID
MEDICAL EXAMINER</td>
</tr><tr>
<td>4</td><td>Public Works</td><td>na</td><td>na</td><td>MAIN DID PUBLIC
WORKS</td>
</tr><tr>
<td>5</td><td>Public Works</td><td>Operatio ns</td><td>na</td><td>MAIN
DID ROAD MAINTANANCE</td>
</tr><tr>
<td>7</td><td>Public Works</td><td>Environm ental
Services</td><td>na</td><td>MAIN DID PUBLIC WORKS</td>
</tr><tr>
<td>11</td><td>Human Resources</td><td>na</td><td>na</td><td>MAIN DID
HUMAN RESOURCES</td>
</tr><tr>
<td>12</td><td>Juvenile </td><td>na</td><td>na</td><td>MAIN DID
JUVENILE</td>
</tr><tr>
<td>13</td><td>CRCA</td><td>na</td><td>na</td><td>MAIN DID CRCA</td>
</tr><tr>
<td>14</td><td>General Services</td><td>Risk
Management</td><td>na</td><td>MAIN DID RISK MANAGEMENT</td>
</tr><tr>
<td colspan="5"><ta ble border="0">
<tr>
<td><span>1</span></td><td><a
href="javascrip t:__doPostBack( 'ctl00$MainCont ent$OrgUnitsgv' ,'Page$2')">2</a
></td><td><a
href="javascrip t:__doPostBack( 'ctl00$MainCont ent$OrgUnitsgv' ,'Page$3')">3</a
></td><td><a
href="javascrip t:__doPostBack( 'ctl00$MainCont ent$OrgUnitsgv' ,'Page$4')">4</a
></td><td><a
href="javascrip t:__doPostBack( 'ctl00$MainCont ent$OrgUnitsgv' ,'Page$5')">5</a
></td><td><a
href="javascrip t:__doPostBack( 'ctl00$MainCont ent$OrgUnitsgv' ,'Page$6')">6</a
></td><td><a
href="javascrip t:__doPostBack( 'ctl00$MainCont ent$OrgUnitsgv' ,'Page$7')">7</a
></td><td><a
href="javascrip t:__doPostBack( 'ctl00$MainCont ent$OrgUnitsgv' ,'Page$8')">8</a
></td><td><a
href="javascrip t:__doPostBack( 'ctl00$MainCont ent$OrgUnitsgv' ,'Page$9')">9</a
></td><td><a
href="javascrip t:__doPostBack( 'ctl00$MainCont ent$OrgUnitsgv' ,'Page$10')">10 <
/a></td><td><a
href="javascrip t:__doPostBack( 'ctl00$MainCont ent$OrgUnitsgv' ,'Page$11')">.. .
</a></td>
</tr>
</table></td>
</tr>
</table>
</div>
<br />
<br />
<br />
<br />
<br />
</td>
</tr>
</table>
</td>
</tr>
</table>
=============== =============== =============== =====
5. Now it's obvious that the style of the div (or table) causes this
problem. I removed the height of ctl00_Panel1 and it works fine then.
6. Then I need to find the counterpart in the master page that renders this
div and change the style. I opened GISMasterSearch .master and searched
"Panel1" to find the Panel. I saw the Height is hard coded there. So I
removed it and the problem was gone.
If you have further questions please feel free to ask.
Regards
Allen Chen
Microsoft Online Support
--------------------
| X-Tomcat-ID: 106961535
| References: <uw************ **@TK2MSFTNGP04 .phx.gbl>
| MIME-Version: 1.0
| Content-Type: text/plain
| Content-Transfer-Encoding: 7bit
| From:
v-******@microsof t.com (Allen Chen)
| Organization: Microsoft
| Date: Mon, 28 Jul 2008 08:29:38 GMT
| Subject: RE: munged rendering in Firefox ASP.NET 2.0
| X-Tomcat-NG: microsoft.publi c.dotnet.framew ork.aspnet
| Message-ID: <2n************ **@TK2MSFTNGHUB 02.phx.gbl>
| Newsgroups: microsoft.publi c.dotnet.framew ork.aspnet
| Lines: 104
| Path: TK2MSFTNGHUB02. phx.gbl
| Xref: TK2MSFTNGHUB02. phx.gbl
microsoft.publi c.dotnet.framew ork.aspnet:7269 2
| NNTP-Posting-Host: tk5tomimport1.p hx.gbl 10.201.218.19
|
| Hi SAL
| From your description your page doesn't display the expected layout in
| FireFox (I have two questions as to this: What's the version of the
| FireFox? Does it work in IE?).
| Based on my experience it's generally caused by the different rendering
| engine of different browsers. FireFox uses Gecko while IE uses MSHTML.
| If you could send me a demo project that can reproduce this problem I'll
| try to find the root cause and a workaround if there is.
| My email is
v-******@microsof t.com.
|
| Regards
| Allen Chen
| Microsoft Online Support
|
| Delighting our customers is our #1 priority. We welcome your comments and
| suggestions about how we can improve the support we provide to you.
Please
| feel free to let my manager know what you think of the level of service
| provided. You can send feedback directly to my manager at:
|
ms****@microsof t.com.
|
| =============== =============== =============== =====
| Get notification to my posts through email? Please refer to
|
http://msdn.microsoft.com/subscripti...ult.aspx#notif
| ications.
|
| Note: The MSDN Managed Newsgroup support offering is for non-urgent
issues
| where an initial response from the community or a Microsoft Support
| Engineer within 1 business day is acceptable. Please note that each
follow
| up response may take approximately 2 business days as the support
| professional working with you may need further investigation to reach the
| most efficient resolution. The offering is not appropriate for situations
| that require urgent, real-time or phone-based interactions or complex
| project analysis and dump analysis issues. Issues of this nature are best
| handled working with a dedicated Microsoft Support Engineer by contacting
| Microsoft Customer Support Services (CSS) at
|
http://msdn.microsoft.com/subscripti...t/default.aspx.
| =============== =============== =============== =====
| This posting is provided "AS IS" with no warranties, and confers no
rights.
|
|
| --------------------
| | From: "SAL" <SA*@nospam.nos pam>
| | Subject: munged rendering in Firefox ASP.NET 2.0
| | Date: Fri, 25 Jul 2008 13:45:39 -0700
| | Lines: 28
| | X-Priority: 3
| | X-MSMail-Priority: Normal
| | X-Newsreader: Microsoft Outlook Express 6.00.2900.3138
| | X-MimeOLE: Produced By Microsoft MimeOLE V6.00.2900.3198
| | X-RFC2646: Format=Flowed; Original
| | Message-ID: <uw************ **@TK2MSFTNGP04 .phx.gbl>
| | Newsgroups: microsoft.publi c.dotnet.framew ork.aspnet
| | NNTP-Posting-Host: host189114.clar k.wa.gov 64.4.189.114
| | Path: TK2MSFTNGHUB02. phx.gbl!TK2MSFT NGP01.phx.gbl!T K2MSFTNGP04.phx .gbl
| | Xref: TK2MSFTNGHUB02. phx.gbl
| microsoft.publi c.dotnet.framew ork.aspnet:7260 9
| | X-Tomcat-NG: microsoft.publi c.dotnet.framew ork.aspnet
| |
| | Hello, I did google this issue and found some stuff related to
| BrowserCaps
| | section of either web.config or machine.config but it didn't work.
| |
| | It seems that most pages in my webapp are okay but a couple of the
| Firefox
| | is munging up.
| | So, on my information page there is a gridview in the content section
of
| the
| | page. The masterpage contains searching capabilities for the gridview.
| The
| | masterpage has controls contained in a panel control, labels, textboxes
a
| | dropdownlist and a button to execute the search. Firefox shows the
| Gridview
| | just fine but it looks like it's overlaying the masterpage onto the top
| part
| | of the gridview.
| | I dropped the browsercaps section from slingfive into my web.config
file
| but
| | it didn't change anything.
| |
| | I tried replacing the panel with a placeholder and it fixed the munging
| | problem but the text box widths don't render the same either. My master
| page
| | contains stuff for the header of everypage and there's a dropdownlist
in
| | there with some other stuff. This gets kind of munged too.
| | Now, I could go through and make some similar changes to the master
page
| | like I did with replacing the panel server control with a placeholder
but
| it
| | seems like there should be a better way to make this stuff render
| correctly
| | in Firefox.
| |
| | Any help here with this issue?
| |
| | SAL
| |
| |
| |
|
|
