Поскольку вы упомянули, что вы рассматриваете SVG без JS, я надеюсь, что это может вам помочь. https://codepen.io/anon/pen/daLoWN
.
I'm having the same issue. The accordion works great with ul though so I found this article about how to make a table without using .
http://mindrulers.blogspot.com/2008/03/create-table-using-css.html
Hope this helps.
Я решил использовать autoHeight true для IE6 и false для всех остальных браузеров.
var autoHeight = false;
if($.browser.msie && parseFloat($.browser.version) <= 7.0) { autoHeight = true; }
$("#accordion").accordion({ autoHeight: autoHeight });
Столкнувшись с той же проблемой, я нашел решение, которое работает во всех браузерах без необходимости изменять параметр autoHeight.
просто добавьте класс в свой css следующим образом:
* html .clearfix { height: 1%; }
А затем добавьте его в div содержимого после h3 (например:)
<h3>Header</h3>
<div class="clearfix">Whatever</div>
На самом деле проблема заключается в проблеме IE6 с отображением невидимого текста. Я тестировал его на контенте, содержащем неупорядоченные списки, сложные вложенные div и многое другое, все работает нормально. Сообщите мне, помогло ли это!
Добавление .ui-accordion-content {zoom: 1; } в моем CSS устранена проблема:
<link type="text/css" href="css/dark-hive/jquery-ui-1.7.2.custom.css" rel="stylesheet" />
<style type="text/css">
.ui-accordion-content{ zoom: 1; }
</style>
Проблема, похоже, связана с ошибкой рендеринга IE6. Это устранило проблему для меня.
// This is required for IE6.
if (jQuery.browser.msie && jQuery.browser.version.substr(0,1)<7)
jQuery('#accordion *').css('zoom', '1');