Question

我手风琴有2个窗格。问题是如果我将其设置为autosize =＆＃34; Limit＆＃34;和selectedindex =＆＃34; 0＆＃34;，第一次加载时，在IE 9中，它工作得非常好，但在firefox / chrome中，内容窗格的大小小于内容。但是，如果我关闭并打开窗格，它将正常工作。

如果我将它设置为selectedindex =＆＃34; -1＆＃34;，在IE9中，它将在所有窗格都会折叠的情况下正常工作，但是在chrome / firefox中，它会完全打开第一个窗格。

如何在所有浏览器中完全打开它。我试图设置autosize =＆＃34; Fill＆＃34;，但结果与上面相同。

这是代码

<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>

更新：我尝试使用firebug进行调试。如果我将padding-bottom的一些值放到手风琴内容css上，它会使内容窗格比真实内容本身更长，但它不是真正的修复，我猜...

Answer 1

我会删除高度=“100％”并查看您的问题是否仍然存在。也尝试固定的高度，看看它的行为。并非所有浏览器都以相同的方式呈现高度。

Answer 2

我已经为自己的问题找到了解决方案。

由于手风琴css在其div容器css之前运行，它表现得那样。因此，当第一次加载时，手风琴认为div空间不够，因此，窗格看起来比它应该的小。

我所做的是将div css移动到手风琴css的顶部，div的高度为100％。

在IE中，似乎它只是读取整个内容而不是加载它。但在其他浏览器中，似乎根据其顺序逐个加载东西。这就是为什么它只在IE中正常工作。

抱歉，我必须将此作为答案。

firefox / chrome中的Ajax Accordion问题

2 个答案: