为什么我的Aspx页面在FireFox和IE中呈现不同的HTML

Question

I have come across a problem where, my asp.net code is being rendered differently on Firefox and IE. When I say differently, I mean, A linkButton in IE renders as anchor tags. On Firefox however, it renders as a span

code example

<ItemTemplate>
   <div id="<%#Eval("Id","{0}") %>">
     <asp:LinkButton ID="ProductName" runat="server" CommandName="Listing" 
       CommandArgument='<%# Bind("Id") %>' Text='<%# Bind("Name") %>PostBackUrl=""></asp:LinkButton>
     <asp:Label ID="lbl_pricePerUnit" runat="server" Text="" />
   </div>
</ItemTemplate>

Some other controls aren't rendered at all, though visible.

I have no idea what's going on here and I have never seen this happen before. I am using the latest versions of the browsers and I have asp.net 3.5 and VS2008

UPDATE: Ok this is an AJAX page, the gridview is inside an update panel which reacts to the OnCommand event of the LinkButton. The code obviously compiles, and it runs fine on IE.

I have checked the Page Source on firefox and it is the same as the image. There was a good point made about the lack of ID on the containing DIV tag. Does embedded script cause problems for FireFox? What about id's beginning with numbers?

Answer 1

Surely this is caused by adaptive rendering, where ASP.Net emits html tailored for the browser?

http://aspnetresources.com/blog/adaptive_rendering.aspx

Answer 2

在您的代码示例中，asp：LinkBut​​ton标记格式不正确 - 缺少“<”。

Answer 3

It looks like there are some other problems with your templates.

As Chris states in a comment "Possibly if the link has no href?"

Looking at the html that has been generated in Firefox, there's also no ID on the containing div - while there is in IE.

Bear in mind that using Firebug to look at the source in Firefox, and actually looking at the source (right-click|View Page Source) are two different things - Firebug will display the source as parsed and processed by the browser, with any additions that JavaScript or the Browser engine have added/changed - Using the View Page Source will show you the actual source returned from the server before any processing happened - is that code correct/the same?

BrowserCaps used to make a right mess of all sorts of controls in a 1.x world - however they were updated to support Firefox etc with ASP.NET 2.0, so they shouldn't be affecting things here.

Answer 4

I am very emabarrased to admit that I have made the most absent minded of blunders

Jay S very rightly pointed out that I should make sure I'm looking at the correct instance of the code. Some of the links on the local version are pointing to the Dev version on the Dev Server. It is not up to date and actually has old code running there from before the product names were converted to links.

Apologies for wasting the collective brain energy and thank you all for your replies.

Answer 5

According to Microsof the LinkButton "Displays a hyperlink-style button control on a Web page.". As such I would not expect adaptive rendering to change this from a HyperLink to a span. I have never seen this behaviour.

If this is truly what is happening then you may want to check a couple of thigs:

1. Are there any DHTML or JS loading that changes the HTML after the page has published?
2. Are there any assemblies / server controls installed that override the default behaviour a link button?
3. Try a blank soloution with the bound link button and try to reproduce, then back track by adding asseblies & controls to the project to determine what is causing the issue.

Unfortunatly there is not enough information in your question from your code, and screen shots to give you a definative answer at this stage.