Jak zrobić przesuwająe się menu w HTML

Question

Za grafika mam się nie najgorszego, ale jeżeli chodzi o późniejsze kodowanie strony pojawiają się schody :P
Chciałbym, aby menu na mojej stronie działało w ten sam sposób, co na tej stronie http://lagraf.co/aktualnosci/

nie chodzi o jakieś rozwijane tabelki, tylko o sposób, w jaki się to menu przemieszcza przy scrollowaniu. Oczywiście szukałem w googlu, ale nie mogłem trafić na nic co by rozwiązało mój problem, próbowałem uzyć position: fixed itd, ale dało to tyle, co to, że zniknęło mi menu :P Do kodu źródłowego tej strony też zaglądałem, bo myślałem, że coś podpatrzę, ale nie mogłem się odnaleźć w masie kodu :P

Do zrozumienia problemu może się przydać mój szablon w którym chcę to zastosować http://imgur.com/a8UJ8dr

Z góry dzięki za pomoc!

Answer 1

.menu
{
  width: 100%;
  position: fixed;
  background: rgba(255, 255, 255, 0.65);
  height: 35px;
  padding: 25px 0;
  text-align: center;
}

 

Podsyłam proste takie menu: 

http://codepen.io/ReVieR/pen/eNjrYW

Comments

Dzięki wielkie, wszystko teraz działa jak trzeba ;)

Answer 2

Wystarczy, że do DIV-a z menu dodasz:

position: fixed;

Pozdrawiam. 

EDIT: Oj, przepraszam, bo nie doczytałem do końca problemu. Spróbuj dodać:

z-index: 100;

Do div-a z menu i powiedz czy działa. 

Comments

Zamiast używać <div id="menu"> , proponuje od razu uczyć się semantyczego kodu i używać <nav> </nav> ( działa, tak samo jak div ).  :)

---

Dzięki wielkie, ot teraz będę używał znaczników typu <footer> itd :D