Выплывающие меню выравнивать по основному меню

@qbk17 · Регистрация: 15.07.2014

Author24 — интернет-сервис помощи студентам

Добрый день. Во всех браузерах все отлично, кроме ie. ( у меня на пк 8 версия)
Выпадающие меню во всех нормуль, кроме ie. Никак не получается выравнивать его по наведенному основному меню.
Помогите будьте добры

HTML5

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru" dir="ltr">
<head>
      <base href="http://index/" />
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="author" content="Super User" />
  <meta name="generator" content="Joomla! - Open Source Content Management" />
  <title>МВУ- ● Главная</title>
  <link href="http://index/" rel="canonical" />
  <link rel="stylesheet" href="/cache/widgetkit/widgetkit-7def46de.css" type="text/css" />
  <link rel="stylesheet" href="/modules/mod_ariyuimenu/mod_ariyuimenu/css_loader.php?menuId=ariyui90" type="text/css" />
  <style type="text/css">
#ariyui90 A{font-size: 13px !important; font-weight: normal !important; text-transform: none !important;}
  </style>
  <script src="/media/jui/js/jquery.min.js" type="text/javascript"></script>
  <script src="/media/jui/js/jquery-noconflict.js" type="text/javascript"></script>
  <script src="/media/jui/js/jquery-migrate.min.js" type="text/javascript"></script>
  <script src="/media/system/js/tabs-state.js" type="text/javascript"></script>
  <script src="/cache/widgetkit/widgetkit-f3ccdf7d.js" type="text/javascript"></script>
  <script src="/media/system/js/mootools-core.js" type="text/javascript"></script>
  <script src="/media/system/js/core.js" type="text/javascript"></script>
  <script src="/media/jui/js/bootstrap.min.js" type="text/javascript"></script>
  <script src="/modules/mod_ariyuimenu/mod_ariyuimenu/js/yui.combo.js" type="text/javascript"></script>
  <script type="text/javascript">
function keepAlive() {  var myAjax = new Request({method: "get", url: "index.php"}).send();} window.addEvent("domready", function(){ keepAlive.periodical(840000); });
jQuery(document).ready(function()
                {
                    jQuery('.hasTooltip').tooltip({"html": true,"container": "body"});
                });
try { document.execCommand("BackgroundImageCache", false, true); } catch(e) {};
YAHOO.util.Event.onContentReady("ariyui90_menu", function () { var oMenu = new YAHOO.widget.Menu("ariyui90_menu", {"lazyLoad":true,"autosubmenudisplay":true,"position":"static","hidedelay":750}); oMenu.render(); oMenu.show(); if (0 > -1) oMenu.getItem(0).cfg.setProperty("selected", true); });
  </script>
 
    <meta name="viewport" content="width=1068">
    <link rel="stylesheet" href="/templates/system/css/system.css" type="text/css" />
    <link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" />
    <link rel="stylesheet" href="/templates/td-okini/css/template.css" type="text/css" />
    <link href='//fonts.googleapis.com/css?family=Open+Sans:400italic,400,700' rel='stylesheet' type='text/css' />
    <script type="text/javascript" src="/templates/td-okini/js/sfhover.js"></script>
        <!-- Slides Scripts --> 
    <script type="text/javascript" src="/templates/td-okini/js/NivooSlider.js"></script>
    <script type="text/javascript">
        window.addEvent('domready', function () {
            new NivooSlider($('Slider'), {
                animSpeed: 500,
                interval: 3000,
                controlNavItem: 'disc', 
                effect: 'random',
                directionNavHide: true
            });
        });
    </script>
    <style type="text/css">
        #slideshow {
            min-width: 1068px;
            background: url('/templates/td-okini/images/slide_shadow.png') no-repeat center bottom;
            
            margin-bottom: -1px;
        }
 
        #Slider {
            padding: 0 0 40px 0;
            clear: both;
            position:relative;
            width:1000px;
            margin: auto;
        }
 
        .nivoo-slider,
        .nivoo-slider-holder {
            height: 250px;
            overflow: hidden;
            position: relative;
            width: 1000px;
        }
 
        .nivoo-slider.got-control-nav {
            height: 250px;
        }
    </style>
        
</head>
<body>
 
<div id="wrapper">
 
    <div id="header_wrap">
        <div id="header">
 
            <!-- LOGO -->
            <div id="logo">
 
                            <a href="/"><img src="/templates/td-okini/images/logo.gif"  alt="МВУ" /></a>
                        
            </div>
 
            <!-- SEARCH -->
            <div id="search">       
                
            </div>
 
            <!-- TOPMENU -->
            <div id="topmenu">
                <ul class="nav menunav nav-pills">
<li class="item-104"><a href="/index.php/struktura" >Структура</a></li><li class="item-105"><a href="/index.php/pologenie" >Положение</a></li><li class="item-107"><a href="/index.php/rukovodstvo" >Руководство</a></li></ul>
 
            </div>
        </div>
    </div>
    
 
 
    <!-- SLIDESHOW -->
        <div id="slideshow">
        <div id="Slider" class="nivoo-slider">
            <img src="/templates/td-okini/images/slides/slaide01.jpg" alt="" /><img src="/templates/td-okini/images/slides/slide02.jpg" alt="" /><img src="/templates/td-okini/images/slides/slide03.jpg" alt="" />     </div>
    </div>
        
    
 
    <!-- NO SLIDESHOW -->
        
 
 
    <!-- CONTENT/MENU WRAP -->
    <div id="content-menu_wrap_bg">
    <div id="content-menu_wrap">
        
        
 
        <!-- BREADCRUMBS -->
                <div id="breadcrumbs">
            
<div class = "breadcrumbs">
<span class="showHere">Вы здесь: </span><span>Главная</span></div>
 
        </div>
        
 
        <!-- LEFT MENU -->
                <div id="leftmenu">
                    <div class="moduletable_menu">
                    
<div class="yui-skin-sam" id="ariyui90">    
 
    <div class="yuimenu" id="ariyui90_menu">
        <div class="bd">
            <ul class="first-of-type">
                        <li class="yuimenuitem yuimenuitem-level-0 yuimenuitem-item101 yuimenuitem-selected first-of-type">
                <a class="yuimenuitemlabel yuimenuitemlabel-selected" href="/">● Главная</a>
                            </li>
                    <li class="yuimenuitem yuimenuitem-level-0 yuimenuitem-parent yuimenuitem-item109">
                <a class="yuimenuitemlabel" href="/index.php/deyatelnost">● Деятельность</a>
                
    <div class="yuimenu">
        <div class="bd">
            <ul>
                    <li class="yuimenuitem yuimenuitem-level-1 yuimenuitem-item116">
                <a class="yuimenuitemlabel" href="/index.php/deyatelnost/kontrol">Контроль</a>
                            </li>
                    <li class="yuimenuitem yuimenuitem-level-1 yuimenuitem-item117">
                <a class="yuimenuitemlabel" href="/index.php/deyatelnost/plan">План</a>
                            </li>
                    
                            </li>
                    
                    </ul>
        </div>
    </div>
            </li>
                    <li class="yuimenuitem yuimenuitem-level-1 yuimenuitem-item135">
                <a class="yuimenuitemlabel" href="/index.php/razmeshchenie-zakazov/arkhiv">Архив</a>
                            </li>
                    </ul>
        </div>
    </div>
            </li>
                    <li class="yuimenuitem yuimenuitem-level-0 yuimenuitem-item136">
                <a class="yuimenuitemlabel" href="/index.php/ssylki">● Ссылки</a>
                            </li>
                    <li class="yuimenuitem yuimenuitem-level-0 yuimenuitem-parent yuimenuitem-item137">
                <a class="yuimenuitemlabel" href="/index.php/sluzhba">● служба</a>
                
                    <li class="yuimenuitem yuimenuitem-level-0 yuimenuitem-parent yuimenuitem-item145">
                <a class="yuimenuitemlabel" href="/index.php/protivodejstvie-korruptsii">● Противодействие коррупции</a>
                
    <div class="yuimenu">
        <div class="bd">
            <ul>
                        <li class="yuimenuitem yuimenuitem-level-1 yuimenuitem-item146">
                <a class="yuimenuitemlabel" href="/index.php/protivodejstvie-korruptsii/akty">акты</a>
                            </li>
                    <li class="yuimenuitem yuimenuitem-level-1 yuimenuitem-item147">
                <a class="yuimenuitemlabel" href="/index.php/protivodejstvie-korruptsii/materialy"> материалы</a>
                            </li>
                    </ul>
        </div>
    </div>
            </li>
                    </ul>
        </div>
    </div>
</div>      </div>
    
                    <div class="moduletable">
                    <h3>Вход :</h3>
                    <form action="/index.php" method="post" id="login-form" class="form-inline">
        <div class="userdata">
        <div id="form-login-username" class="control-group">
            <div class="controls">
                                    <div class="input-prepend">
                        <span class="add-on">
                            <span class="icon-user hasTooltip" title="Логин"></span>
                            <label for="modlgn-username" class="element-invisible">Логин</label>
                        </span>
                        <input id="modlgn-username" type="text" name="username" class="input-small" tabindex="0" size="18" placeholder="Логин" />
                    </div>
                            </div>
        </div>
        <div id="form-login-password" class="control-group">
            <div class="controls">
                                    <div class="input-prepend">
                        <span class="add-on">
                            <span class="icon-lock hasTooltip" title="Пароль">
                            </span>
                                <label for="modlgn-passwd" class="element-invisible">Пароль                           </label>
                        </span>
                        <input id="modlgn-passwd" type="password" name="password" class="input-small" tabindex="0" size="18" placeholder="Пароль" />
                    </div>
                            </div>
        </div>
                        <div id="form-login-remember" class="control-group checkbox">
            <label for="modlgn-remember" class="control-label">Запомнить меня</label> <input id="modlgn-remember" type="checkbox" name="remember" class="inputbox" value="yes"/>
        </div>
                <div id="form-login-submit" class="control-group">
            <div class="controls">
                <button type="submit" tabindex="0" name="Submit" class="btn btn-primary">Войти</button>
            </div>
        </div>
                    <ul class="unstyled">
                            <li>
                    <a href="/index.php/component/users/?view=remind">
                    Забыли логин?</a>
                </li>
                <li>
                    <a href="/index.php/component/users/?view=reset">
                    Забыли пароль?</a>
                </li>
            </ul>
        <input type="hidden" name="option" value="com_users" />
        <input type="hidden" name="task" value="user.login" />
        <input type="hidden" name="return" value="aW5kZXgucGhwP0l0ZW1pZD0xMDE=" />
        <input type="hidden" name="74d88b5c8db824edc92f636b6d73d4b1" value="1" />   </div>
    </form>
        </div>
    
            
        </div>
        
 
        <!-- CONTENTS -->
                <div id="content-w2">   
                
            
            
<div id="system-message-container">
<div id="system-message">
</div>
</div>
            <div style="height: 4px; overflow: hidden;position:absolute;"><span style="line-height:20px;">Уроки по Joomla 3 можно найти здесь: <a href="http://joomla3x.ru/">http://joomla3x.ru/</a></span></div><div style="height: 4px; overflow: hidden;position:absolute;"><span style="line-height:20px;">Шаблоны Joomla 3 здесь: <a href="http://www.joomla3x.ru/joomla3-templates.html">http://www.joomla3x.ru/joomla3-templates.html</a></span></div>         <article class="item-page">
        <h2>
            МВУ      </h2>
 
        <ul class="actions">
                                        <li class="print-icon">
                        <a href="/?tmpl=component&amp;print=1&amp;page=" title="Печать" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" rel="nofollow"><img src="/templates/td-okini/images/system/printButton.png" alt="Печать" /></a>               </li>
                
                                <li class="email-icon">
                        <a href="/index.php/component/mailto/?tmpl=component&amp;template=td-okini&amp;link=774e62577e214ebbcba70e5482c43afe5b0e9f41" title="E-mail" onclick="window.open(this.href,'win2','width=400,height=350,menubar=yes,resizable=yes'); return false;"><img src="/templates/td-okini/images/system/emailButton.png" alt="E-mail" /></a>               </li>
                                                </ul>
 
    
    
 
 
    
 
            <p style="text-align: justify;">Описание</p>
<p style="text-align: justify;">Описание2</p>
<p style="text-align: justify;">Описание3</p> <ul class="pager pagenav">
    <li class="previous">
        <a href="/index.php/pologenie" rel="prev">&lt; Назад</a>
    </li>
</ul>
 
        </article>
 
 
 
        </div>
 
 
        <!-- RIGHT MENU -->
        
 
    </div>
    </div>
 
 
    <!-- FOOTER -->
    <div id="footer_wrap">
        <div id="footer">
            
        </div>
    </div>  
 
    
    <!-- BANNER/LINKS -->
        
 
</div>
 
 
<!-- PAGE END -->
 
<div id="copyright_wrap">
    <div id="copyright">
        &copy;МВУ <br/>&nbsp;
    </div>
</div>
 
 
</body>
</html>

@qbk17 · 22.07.2014, 10:48 **[ТС]**

Подправил

CSS

1
2
3

#leftmenu a {
vertical-align: inherit;
}

CSS

/*----------------------------------------------*/
/* Menus (Left/Right)
/*----------------------------------------------*/
 
#leftmenu { 
    width: 211px;
    margin: 0px;
    padding: 0px;
    padding-right: 30px;
    margin-top: 20px;
    margin-bottom: 30px;
    margin-right: 18px;
    float: left;
    line-height: 1.7em;
}
 
#rightmenu {
    width: 211px;
    margin: 0px;
    padding: 0px;
    padding-left: 36px;
    margin-top: 20px;
    margin-bottom: 30px;
    margin-left: 12px;
    float: right;
    line-height: 1.7em; 
}
 
 
#leftmenu a {
vertical-align: inherit;
}
 
#rightmenu a {
    color: #000000; text-decoration: none;
}
 
#leftmenu a:hover,
#rightmenu a:hover {
    color: #dd2867; text-decoration: none;
}
 
#leftmenu ul,
#rightmenu ul {
    padding-left: 0px;
    list-style-type: none;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 20px;
}
 
#leftmenu ul li,
#rightmenu ul li {
    padding-top: 2px;
    padding-bottom: 2px;
    /* padding-left: 8px; */
    list-style-type: none;
}
 
#leftmenu ul li ul,
#rightmenu ul li ul {
    margin-top: 0px;
    margin-bottom: 0px;
}
 
#leftmenu ul li ul li,
#rightmenu ul li ul li {
    border: 0px;
    padding-bottom: 2px;
    list-style-type: none;
    font-size: 0.96em;
    line-height: 1.5em;
    padding-left: 8px;
}
 
#leftmenu ul.menu li.current a,
#rightmenu ul.menu li.current a {
    font-weight:bold;
}
 
#leftmenu ul.menu li.current ul li a,
 
#rightmenu ul.menu li.current ul li a {
    font-weight:normal;
}
 
 
.moduletable {
    overflow: hidden;
    margin-bottom: 16px;
    
}
 
.moduletable_menu {
    clear: both;
    
} 
 
.moduletable_menu h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #000000;
    font-size: 24px;
    margin-bottom: 6px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #b9b9b9;
    
}
 
.moduletable h1 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #000000;
    font-size: 24px;
    margin-bottom: 6px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #b9b9b9;
    
}

Теперь в ie выплывает норм. Но сама главная меню сморщилась. Скажите плз что необходимо дописать. Не понимаю я в этом просто ничего. Спасибо.

@qbk17 · 22.07.2014, 10:51 **[ТС]**

Название: глменю.jpg
Просмотров: 26

Размер: 20.4 Кб

@qbk17 0 / 0 / 0 Регистрация: 15.07.2014 Сообщений: 20
	22.07.2014, 10:51 [ТС]	3
	0