視覺基本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頁面有時呈現不正確

回答

相關問題