У меня есть несколько выпадающих меню, которые, похоже, не очень хорошо выравниваются в IE8 - они хорошо выравниваются в Firefox 3 и IE7. В частности, выпадающие списки, похоже, игнорируют мое право: 0; стиль. Картина говорит тысячи слов, так это то, что он выглядит следующим образом:Выпадающее меню CSS Неправильное в IE8
Как вы можете видеть, правая часть выпадающего списка следует совместив с правой стороны выделенного «админ» ли, но это кажется, посередине.
важных стилей выпадающего CSS являются:
.ajs-menu-bar .ajs-drop-down {
left:auto;
right:0;
}
важных "администратор" стили Ли являются:
.ajs-menu-bar .ajs-menu-item, .ajs-menu-bar .ajs-button {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:relative;
}
И HTML для этого бита:
<li class="normal ajs-menu-item">
<a href="#" class="user trigger ajs-menu-title" id="user-menu-link"><span><span>admin</span></span></a>
<div class="ajs-drop-down" style="width: 111px;">
<ul class="section-user-status first" id="user-menu-link-user-status">
... bunch of <li>s
</ul>
</div>
</li>
Если кто-то мог пролить некоторый свет, который был бы велик, просто заставляя меня немного гайки :(
Заранее благодарен !!!!
Приветствия, Jenny
Спасибо за кучи для этого! Возможно, я не смогу использовать условное условие, так как я работаю над sitemesh, но я получаю эту идею, и CSS работает. Grr! – jenny
Как сказал Робин Уильямс в Bicentenial Man ... Один рад быть полезным.^_ ^ –