2014-01-28 5 views
0

Я использую KEndo UI на веб-сайте asp.net mvc, и меню прекрасно работает во всех браузерах, кроме IE 9.0. Я использую Float: право, но когда я открываю страницу в IE 9 и переместите мышь над меню, то он перемещается справа налевоKENDO ui menU IE9 issue

enter image description here

Но это должно быть, как это

enter image description here

Mt CSS

.float-right-menu { 

    float: right; 
} 
+0

бы нужно увидеть ваш HTML/CSS для всего меню, чтобы помочь. Или еще лучше создать простую демонстрацию, воссоздающую проблему. – luke2012

ответ

0

Вы, возможно, потребуется какой-то сброс CSS для тех любезные вопросов

0

Добро пожаловать в IE :(Если я правильно помню, IE9 имеет нечетную ошибку рендеринга, где, если ваш плавающий элемент не имеет ширины, указанной в CSS, тогда он решает сделать его 100% шириной (например, неплавающей div будет). Я думаю, чтобы исправить это, вы должны дать ему ширину в CSS. К сожалению, это трудно сделать, если вы не знаете фактическую ширину меню. Но попробуйте установить его на что-то вроде «width: 300px;» просто чтобы проверить, исправляет ли он проблему.

+0

Я создал новый образец проекта и как я могу загрузить проект здесь –

0

Вы можете использовать что-то вроде этого

<script type="text/javascript"> 
    function SetMenuWidth() 
    { 
     var menu = $('#MenuName'); 
     menu.width(menu.width()); 
    } 

    $(document).ready(function() { 
     SetMenuWidth(); 
    }); 
</script>