Ajax在firefox/chrome中的手風琴問題

我有一個帶2個窗格的手風琴。問題是，如果我將它設置爲autosize =「Limit」並且selectedindex =「0」，那麼在IE 9中第一次加載時，它工作得很好，但在firefox/chrome中，內容窗格的大小比內容。但是，如果我關閉並打開窗格，它將正常工作。Ajax在firefox/chrome中的手風琴問題

如果我將它設置爲selectedindex =「 - 1」，在IE9中它可以在所有窗格都會崩潰的情況下正常工作，但是在Chrome/Firefox中，它會完全打開第一個窗格。

我怎樣才能使它在所有瀏覽器中完全打開。我嘗試設置autosize =「Fill」，但結果與上面相同。

下面是代碼

<ajaxToolkit:Accordion id="Accordion" runat="server" Height="100%" Width="100%" HeaderCssClass="accordionHeader" HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent" AutoSize="Fill" RequireOpenedPane="true"> 
         <Panes> 
          <ajaxToolkit:AccordionPane ID="accordionPaneReport" runat="server"> 
           <Header>Reports</Header> 
           <Content> 

//some treeview content 
</Content> 
</ajaxToolkit:AccordionPane> 
          <ajaxToolkit:AccordionPane ID="accordionPanePcGroup" runat="server" Visible="false"> 
           <Header>PC Groups</Header> 
           <Content> 

//some treeview content 
</Content> 
</ajaxToolkit:AccordionPane> 
         </Panes> 
        </ajaxToolkit:Accordion>

更新：我試着用螢火蟲來調試。如果我將填充底部的某些值添加到手風琴內容CSS中，它會使內容窗格比實際內容本身更長，但它不是真正的修復程序，我猜...

來源

2011-10-25 sicKo

我已經爲自己的問題找到了解決方案。

由於手風琴css在其div容器css之前運行，所以它的行爲如此。所以當第一次加載時，手風琴認爲div空間不夠，因此，窗格看起來比應該小。

我所做的是在div的高度爲100％的手風琴css頂部移動div css。

在IE中，似乎它讀取的只是加載它的全部內容。但在其他瀏覽器中，似乎是根據它的順序逐一加載。這就是爲什麼它只能在IE中正常工作。

對不起，我必須勾選這個答案..

來源

2011-10-28 09:33:39 sicKo

我會移除Height =「100％「看看你的問題是否仍然存在。也嘗試一個固定的高度，看看它的行爲。並非所有瀏覽器都以相同的方式渲染高度。

來源

2011-10-25 03:02:24

仍然有同樣的問題。我不能有一個固定的高度因爲我想高度成爲整個頁面。 – sicKo

Ajax在firefox/chrome中的手風琴問題

回答

相關問題