Проблемы с Ajax Accordion в Firefox / Chrome - PullRequest
1 голос
/ 25 октября 2011

У меня есть гармошка с 2-мя панелями.Дело в том, что если я установлю его на autosize = "Limit" и selectedindex = "0", при первой загрузке в IE 9 он работает отлично, но в 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>

Обновление: я пытался отлаживать с помощью firebug.Если я добавлю padding-bottom какое-то значение к css контенту аккордеона, это сделает панель контента длиннее, чем сам реальный контент, но это не реальное исправление, я думаю ..

Ответы [ 2 ]

0 голосов
/ 28 октября 2011

Я уже нашел решение для своего вопроса.

Он ведет себя таким образом из-за запуска аккордеонной css до его css контейнера.Таким образом, при первой загрузке аккордеон думал, что пространства div недостаточно, поэтому панель кажется меньше, чем должна.

Что я сделал, так это переместил div css поверх аккордеона css, где высотаDiv составляет 100%.

В IE кажется, что все прочитано, а не загружено.Но в другом браузере кажется, что он загружает материал один за другим в соответствии с его порядком.Вот почему он работал нормально только в IE.

извините, я должен отметить это как ответ ..

0 голосов
/ 25 октября 2011

Я бы удалил Высота = "100%" и посмотрел бы, существует ли ваша проблема.Также попробуйте фиксированную высоту и посмотрите, как она себя ведет.Не все браузеры отображают высоту одинаково.

...