Discussione: Fare sparire la pagina dopo il menu...

Navigazione veloce HTML 5 Vai in cima

Visualizzazione discussione

15-06-2016, 16:30 #4

Krek_Stealth

Utente di HTML.it

codice:

<!DOCTYPE html>

<html>

<head>

<title>menu</title>

<meta charset="utf-8">


<style>
body{
margin: 0px;
background-color: gray;
}

#w-menu{
height: 100px;
z-index: 99;
position: fixed;
width: 100%;
background-color: gray;
}

#menu{
margin-top: 50px;
background-color: red;
width: 1000px;
margin-left: auto;
margin-right: auto;
}

#pagina{
width: 1000px;
margin-left: auto;
margin-right: auto;
background-color: white;
height: 1000px;
position: relative;
top: 100px;
}
</style>

</head>

<body>

  <div id="w-menu">
    <nav id="menu">MENU ORIZZONTALE</nav>
  </div>

  <div id="pagina">
  PAGINA
  </div>
</body>

</html>

Questa è una delle soluzioni lavoraci su e ne trovi di migliori.