视觉基本asp.net页面有时呈现不正确

我已经在网上搜索这一个，但找不到像这个问题，所以如果你知道一个网站，请指点我的方向！我有一个视觉基本的asp.net网站，使用visual studio 2010编写在asp.net 3.5中。视觉基本asp.net页面有时呈现不正确

我设计了一个页面顶部框的自定义选择，包含一系列图像按钮和面板。当您按下一个图像按钮时，会显示其面板，其他所有图像都隐藏起来，从而有效地创建一个水平六角手风琴。请参考下面的标记（请注意，是列表等，除了panelParameters每个面板，但因为它们是不相关的我已删除他们的问题）：

 <asp:Panel ID="panelParameters" runat="server" Height="300" 
      BorderStyle="Ridge" BorderWidth="5px" Direction="LeftToRight" 
      BorderColor="#00539F" Visible="False" CssClass="parameterPanel"> 
      <asp:Panel ID="PanelArea" runat="server" Visible="true"> 
      &nbsp; 
       <asp:ImageButton ID="imgArea1" runat="server" Height="160px" Width="4%" ImageUrl="~/Images/Panels/Area1Panel.png" CssClass="inlineBlock" /> 
       <asp:Panel ID="panelArea1" runat="server" Height="160px" Width="71%" CssClass="inlineBlock"> 
       </asp:Panel> 
       <asp:ImageButton ID="imgSection" runat="server" Height="160px" Width="4%" ImageUrl="~/Images/Panels/SectionPanel.png" CssClass="inlineBlock" /> 
       <asp:Panel ID="panelSection" runat="server" Height="160px" Width="71%" CssClass="inlineBlock"> 
       </asp:Panel> 
       <asp:ImageButton ID="imgDate" runat="server" Height="160px" Width="4%" ImageUrl="~/Images/Panels/datePanel.png" CssClass="inlineBlock" /> 
       <asp:Panel ID="panelDate" runat="server" Height="160px" Width="71%" CssClass="inlineBlock"> 
       </asp:Panel> 
       <asp:ImageButton ID="imgResponse" runat="server" Height="160px" Width="4%" ImageUrl="~/Images/Panels/ResponsePanel.png" AutoPostBack="true" CssClass="inlineBlock" /> 
       <asp:Panel ID="panelResponse" runat="server" Height="160px" Width="71%" CssClass="inlineBlock"> 
       </asp:Panel> 
       <asp:ImageButton ID="imgArea1Compare" runat="server" Height="160px" Width="4%" ImageUrl="~/Images/Panels/Area1ComparePanel.png" CssClass="inlineBlock" /> 
       <asp:Panel ID="panelArea1Compare" runat="server" Height="160px" Width="71%" CssClass="inlineBlock"> 
       </asp:Panel> 
       <asp:ImageButton ID="imgSectionCompare" runat="server" Height="160px" Width="4%" ImageUrl="~/Images/Panels/SectionComparePanel.png" CssClass="inlineBlock" /> 
       <asp:Panel ID="panelSectionCompare" runat="server" Height="160px" Width="71%" CssClass="inlineBlock"> 
       </asp:Panel> 
      </asp:Panel> 
     </asp:Panel>

对于图像和面板，我使用了一个这是写在我的CSS为的CssClass：

.inlineBlock 
{ 
    display:inline-block; 
    border:none; 
    vertical-align:top; 
}

我现在用的是VB网页时显示和隐藏在“可见的”开关面板来控制。当我的笔记本电脑在本地运行项目时，此功能完美无缺。我已经将该网站发布到内部Web服务器上，并且在那里查看它时很好。在客户端计算机（使用Web服务器上已发布的站点）上查看时也是很好的，但是在其他计算机上运行相同的OS映像，相同版本的IE，相同的分辨率和监视器大小，由于某些原因，内联位不是不能正常工作，而面板会出现在另一个下面。

我们的内部网站开发人员对这一个难以置信，所以我真的希望你们中的一个人有一个想法;如果需要更多的代码或屏幕打印问题等，我很乐意提供。

来源

2013-07-03 Elatesummer

我很想检查IE中的安全设置，以及这是否发生在相同的帐户，因为它可能是一个安全问题的其他东西在这里检查。 –

它似乎不是安全相关的 - 我已经用我自己的登录测试了这一点，它似乎是“一些”计算机工作而其他人不工作。可悲的是，大约80％的地方它不起作用！ – Elatesummer

相同版本的IE并不意味着相同的模式。使用F12键并在所有浏览器模式下进行测试。 IE9模式和IE9兼容性视图模式存在严重差异。

来源

2013-07-03 15:36:18 KennyZ

按F12在我的浏览器上没有做任何事情（我有IE8，错过了IE9的公司范围的更新！），但也尝试过在IE9中这样做，它什么也不做？然而，我已经检查，它不是在兼容模式... – Elatesummer

这很奇怪。 IE8也有开发者工具。也应该在Tools菜单中，作为一个名为F12的开发人员工具。 – KennyZ

它在那里，在工具菜单下，但是当我点击它时什么也没有发生？对不起，如果我错过了一些明显的东西... – Elatesummer

视觉基本asp.net页面有时呈现不正确

回答

相关问题