title: How to keep a part of a page fixed on top when scroling
body: <p>When the page has enough contents that it'll need to be scrolled down, the header and the menu will disappear. Now, the header <strong>is not</strong> a problem, but I'd really really like the menu to be kept fixed on the top of the page while still scrolling contents down.</p>
  
  <p>Here I'm posting the code of a page with that header and menu</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;noscript&gt;&lt;meta http-equiv="REFRESH" content="0;URL=error-no-javascript.html"&gt;&lt;/noscript&gt;
  &lt;link rel="shortcut icon" href="http://www.vtsim.com/favicon.png" /&gt;
  &lt;title&gt;TRAINZ - VTsim.com&lt;/title&gt;
  &lt;/head&gt;
  &lt;body ondragstart="return false" onselectstart="return false" oncontextmenu="return false" link="red" alink="red" vlink="red"&gt;
  &lt;font face="Arial" size="2" color="black"&gt;
  
  &lt;p align="center"&gt;
  &lt;img src="http://www.vtsim.com/image/head_trz_1.png"&gt;&lt;a href="http://fs.vtsim.com" border="0"&gt;&lt;img src="http://www.vtsim.com/image/head_trz_2.png"&gt;&lt;/a&gt;
  &lt;/p&gt;
  
  //--- now starts the menu wich I pretend to be kept fixed on top when scrolling
  
  &lt;p align="center"&gt;
  &lt;a href="http://trainz.vtsim.com" border="0"&gt;&lt;img src="http://www.vtsim.com/image/b_home_a.png"&gt;&lt;/a&gt;&lt;a href="http://trainz.vtsim.com/trains.htm" border="0"&gt;&lt;img src="http://www.vtsim.com/image/b_trz_trains_i.png"&gt;&lt;/a&gt;&lt;a href="http://trainz.vtsim.com/tracks.htm" border="0"&gt;&lt;img src="http://www.vtsim.com/image/b_trz_tracks_i.png"&gt;&lt;/a&gt;&lt;a href="http://trainz.vtsim.com/trackside.htm" border="0"&gt;&lt;img src="http://www.vtsim.com/image/b_trz_trkside_i.png"&gt;&lt;/a&gt;&lt;a href="http://trainz.vtsim.com/scenery.htm" border="0"&gt;&lt;img src="http://www.vtsim.com/image/b_trz_scenery_i.png"&gt;&lt;/a&gt;&lt;a href="http://trainz.vtsim.com/routes.htm" border="0"&gt;&lt;img src="http://www.vtsim.com/image/b_trz_routes_i.png"&gt;&lt;/a&gt;&lt;a href="http://trainz.vtsim.com/others.htm" border="0"&gt;&lt;img src="http://www.vtsim.com/image/b_trz_others_i.png"&gt;&lt;/a&gt;&lt;a href="mailto:vasco@vtsim.com" border="0"&gt;&lt;img src="http://www.vtsim.com/image/b_email.png"&gt;&lt;/a&gt;&lt;br /&gt;
  &lt;img src="http://www.vtsim.com/image/sep_800.png"&gt;
  &lt;/p&gt;
  
  //--- and the menu code ended here
  
  &lt;p align="center"&gt;
  Contents will display here
  &lt;/p&gt;
  
  &lt;/font&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>