Fixed Position Header

by mattography

HTML

<div id="header">
  <h2>
Jonathan Tessler
</h2>
</div>

CSS

#header {
    position: fixed;
    left: 0;
    /* top left corner should start at leftmost spot */
    top: 0;
    /* top left corner should start at topmost spot */
    width: 100%;
    /* take up the full browser width */
    z-index: 200;
    /* high z index so other content scrolls underneath */
    height: 100px;
    /* define height so you can define for content */
    background-color: brown;
    /* otherwise content underneath will be visible */