jQuery UI аккордеон проблема

Question

Я использую виджет аккордеона UQuery UI, а между каждым элементом у меня есть пробел. Проблема заключается в том, что в IE , когда вы перемещаете элемент, он слайд отлично, но он удаляет пространство между ним и восходящим элементом. Однако он работает хорошо в FF и других браузерах. alt text http://img208.imageshack.us/img208/5074/along.jpg

Когда я закончил работу с этим элементом, он создает это пространство.

Я использую doctype HTML5, но он не работает и с другими доктринами.

Спасибо.

Редактировать: Адрес live example.

Answer 1

Попробуйте подать заявку margin-bottom:5px; на номер .ui-accordion-header.

Это приведет к разрыву между открытым заголовком и его содержимым, но вы можете исправить это, удалив маржу на .ui-accordion-header.ui-state-active и применяя ее вместо .ui-accordion-content-active.

Таким образом, ваш CSS будет выглядеть следующим образом:

.ui-accordion-header {
margin-bottom:5px;
}
.ui-accordion-header.ui-state-active {
margin-bottom:0;
}
.ui-accordion-content-active {
margin-bottom:5px;
}

Это может понадобиться немного тонкой настройки, но должны получить вас в основном там.

Answer 2

У меня была такая же проблема, это странная ошибка, которая происходит только тогда, когда направление элемента, к которому применяется маржа, находится справа налево. Решение, которое сработало для меня, это дать ему direction: ltr, а затем применить direction: rtl к его потомкам.

Опять же, я понятия не имею, почему это так, но если я попытаюсь понять Microsoft, я бы убил себя. Это была счастливая догадка с моей стороны, и я надеюсь, что это поможет кому-то еще.