Я сделал сайт, но в IE7 что-то не так, у меня есть навигация, и когда я нажимаю на элемент li, все слайды li и соответствующие слайды div совпадают.
Это работает во всех браузерах, кроме IE7
Кто-нибудь знает, что мне нужно сделать, чтобы это исправить?потому что минимальная ширина: 0 не работает, и я должен использовать положение: относительное
Скольжение работает, но слайд не работает.
Это то, чтоУ меня есть ...
<ul id="menus">
<li class="post-1 post type-post hentry category-menus" id="post-1">
<h2><a href="#" rel="bookmark" title="Permanent Link to menu01" class="1">menu01</a></h2>
</li>
<li class="post-11 post type-post hentry category-menus" id="post-11">
<h2><a href="#" rel="bookmark" title="Permanent Link to menu02" class="11">menu02</a></h2>
</li>
<li class="post-59 post type-post hentry category-menus" id="post-59">
<h2><a href="#" rel="bookmark" title="Permanent Link to menu03" class="59">menu03</a></h2>
</li>
</ul>
<div id="menu-container">
<div class="post-1 post type-post hentry category-menus first_item" id="post-1">
Content
</div>
<div class="post-11 post type-post hentry category-menus" id="post-11">
Content
</div>
<div class="post-59 post type-post hentry category-menus" id="post-59">
Content
</div>
</div><!-- end #menu-container-->
CSS ..
/* Menu */
#menu-container { display: table; margin: 0px auto; padding-top: 50px; width: 500px; text-align: center; }
#menu-container .post { display: none; margin: 25px auto 50px; width: 575px; min-width: 0; }
#menu-container .first_item { display: block; }
#menu-container h2 { margin-bottom: 20px; }
js ...
var $j = jQuery.noConflict();
$j(function(){
$j('ul#menus li a').click(
function() {
$j('#menu-container .post').slideUp();
$j('#menu-container #post-' + $j(this).attr('class')).slideDown();
});
});