2013-07-21 2 views
0

У меня есть проблема - http://pickup.eurocargo.fi/last500.php Мне нужно сделать главное меню, что всегда сверху, а ширина меню может быть в 2 раза больше, чем ширина монитора. Как это возможно в этом верхнем меню с горизонтальной прокруткой?меню всегда сверху и горизонтальная прокрутка

Здесь главное меню CSS:

.visibleDiv, #topmenu 
{ 

    position: fixed; 
overflow: auto ; 
    width: 100%; 
    border: solid 1px #e1e1e1; 
    vertical-align: middle; 
    background: #fff; 
    text-align: center; 
    top: 0px; 
    left: 0px; 
    padding-bottom:10px; 
} 

С переливом тегом я получаю свитки, 1 страницы и 1 из меню, мне нужно, чтобы объединить его в 1. Если я использую этот CSS без перелива , то я получаю cutted topmenu.

спасибо !!

ответ

0

Посмотрите на эту скрипку: http://jsfiddle.net/lulu3030/3sTWF/

CSS-код:

html { 
    height: 300%; 
} 

#menu-container { 
    position: fixed; 
    top: 0; 
    left: 0; 
    right: 0; 
    overflow: auto; 
    border: solid 1px #e1e1e1; 
    background: #eee; 
    text-align: center; 
    padding:10px; 
} 

#menu { 
    width: 200%; 
} 

HTML-:

<div id="menu-container"> 
    <div id="menu">My menu here</div> 
</div> 
+0

Некоторые проблемы ..... Пожалуйста, посмотрите результат - http://pickup.eurocargo.fi/last500.php. Прокрутка меню по-прежнему равна – user2421781

+0

Какие проблемы? Фон меню? Я не вижу. –

+0

Пожалуйста, смотрите, конец меню не может видеть. Вырезать часть этого меню. INV \t EX \t PL \t OUT \t Ячейки MRN могут видеть, прокручивается ли прокрутка вверх. Мне нужно добавить прокрутку вниз, вместе со всей страницей – user2421781

0

Вам все еще нужно установить фон :;

+0

btw проверить ее с помощью:; на #topmenu у вас обоих есть px и% – magnuskahr

+0

Что мне нужно написать в фоновом режиме, а какие проблемы с px и%? – user2421781

+0

хорошо, я вижу, вы использовали другое решение? – magnuskahr

Смежные вопросы