Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 16.02.2014, 14:22   #1
_ZixeL_
Форумчанин
 
Регистрация: 04.11.2012
Сообщений: 151
По умолчанию Гориз. плавающее меню. Отменить фиксацию по горизонтали

Добрый день. Помогите решить проблему.
Постараюсь максимально описать её.

И так:
имеем горизонтальное плавающее меню, всё вроде бы нормально, но!

У меня стоит min-heigth на body 1060px
Если у пользователя расширение меньше, то появляется, соответственно, скролл горизонтальный. Если пользователь проскролит страницу в правую сторону, то минюшка так же скроллится, при этом половина меню за пределами стенок браузера



Html код меню:


Код:
<header>
...
</header>
 
 
<nav id="top_nav" style="top: 118px;">
    <div id="rt-menu">
    <div class="rt-container">
        <div class="rt-grid-10 rt-alpha"> 
        <ul class="menutop level1 " >
            <li class="item482 active root" ></a>
            <div class="fusion-submenu-wrapper level2 columns2" style="width:420px;"> 
            <li class="item435 active root" ><a class="orphan item bullet" href="/"><span>Главная</span></a></li>
            <li class="item473 root"><a class="orphan item bullet" href="/index/nashi_uslugi/0-13"><span>Наши услуги</span></a></li>
            <li class="item482 root" ><a class="orphan item bullet" href="/news/1-0-1"><span>Акции</span></a></li> 
            <li class="item473 root"><a class="orphan item bullet" href="/faq/1-1"><span>FAQ (вопрос/ответ)</span></a></li>
            <li class="item499 root" ><a class="orphan item bullet" href="javascript://" onclick="opensvaz();return false;"><span>Обратная связь</span></a></li>
            <li class="item483 parent root" ><a class="daddy item bullet"><span>Быстрый заказ</span></a>
                <div class="fusion-submenu-wrapper level2" style="width:210px;">
                <ul class="level2" style="width:210px;">
                    <li class="item564" ><a class="orphan item bullet" href="javascript:;" onclick="openzakaz();"><span>Отзывы</span></a></li>
                    <li class="item564" ><a class="orphan item bullet" href="javascript:;" onclick="openzakazc();"><span>Оценки</span></a></li>
                </ul>
                <div class="drop-bot"></div>
                </div>
            </li>
            </ul>
        </div>
        </div>
        <div class="clear"></div>
    </div>
    </div> 
</nav>
CSS

Код:
/*шапка*/
header{
   height:151px;
}
/*фиксированное плавающее меню*/
#top_nav{
   top: 118px; /*высота шапки в пикселях*/
   position: fixed;
   z-index: 1000;
   width: 100%;
}
 
/* Menu */
#rt-menu {padding-bottom:0px; background: url("/templates/images/menus/bg_menu.png") repeat-x scroll 0% 0% transparent;}
#rt-menu .rt-container {background: url(/templates/images/menus/bg_menu.png) repeat-x;height:42px; width:960px; }
#rt-menu .rt-container .rt-grid-10.rt-alpha {
margin: 0 auto; display: inline;
 
}
 
/* Header section */
#rt-header-bg {background: #010101 url(/templates/images/header/header_bg_big.jpg) repeat-x top;}
#rt-header .rt-container { background: url(/templates/images/header/header_main.jpg) no-repeat center top; padding:0 !important;}
#rt-header .rt-block {margin:0; padding:0;}
#mod-search-searchword.inputbox,
#rt-menu .rt-container { }
Буду благодарен тем, кто откликнется.
_ZixeL_ вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
CSS! Гориз. резиновое меню из ul li, как его расстянуть по ширине на весь экран? AlienNation HTML и CSS 1 21.01.2012 01:27
динамическое гориз меню вверх ilma55 HTML и CSS 0 23.06.2010 13:45
BC++ 5 Плавающее меню Kachagar Помощь студентам 0 24.05.2010 22:12
Плавающее сообщение agregator Microsoft Office Excel 2 11.02.2010 14:21