Сделать мое меню css в верхней части экрана?

как в http://facebook.com, у них есть тип навигационного типа, который остается в верхней части страницы, как я могу сделать это с помощью моего кода, У меня есть мое расширенное меню css, за исключением одной проблемы. ну вот моя ссылка на мой jsfiddle

Js скрипка

Основные части css

#cssmenu ul { margin: 0; padding: 0;}
#cssmenu li { margin: 0; padding: 0;}
#cssmenu a { margin: 0; padding: 0;}
#cssmenu ul {list-style: none;}
#cssmenu a {text-decoration: none;}
#cssmenu { height: 42px; background-color: rgb(35,35,35); box-shadow: 0px 2px 3px rgba(0,0,0,.4);}

теперь, если im не ошибается, это нужно сделать с этой частью, если не проверить JsFiddle

Ответ 1

Добавьте в свое меню css:

#cssmenu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}

В основном, как они это делают.

Ответ 2

Добавить фиксированное свойство

 #cssmenu {
          position:fixed;
 }

Ответ 3

Это можно сделать, если вы используете:

 position:fixed;

Ответ 4

Просто подумайте, не нужно ли добавлять z-index: 1000;, чтобы он плавал по всем элементам страницы?

Ответ 5

Используйте этот css для настройки вашей навигационной панели, установленной сверху.

 #cssmenu {
   position:fixed;
   top: 0;
   margin:auto;
   left: 0;
   right: 0;
   width: 100%;
  }

Здесь демо: http://jsfiddle.net/SkuhZ/

Ответ 6

Да, вы можете добавить z-index: 1000;, чтобы он плавал над всем содержимым. Как сказал RLCJohn выше.

Ответ 7

Просто эти 3 будут делать.

position: fixed;
top: 0;
width: auto;