Untitled

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="http://code.jquery.com/jquery-1.10.1.js"></script>
    <script src="script.js"></script>
  </head>

  <body>
<div id="BANNER">
<!--#include virtual="$BASE$/BANNER?$CONFIG$" -->
    </div>
<div id="BODY">
<!--#include virtual="$BASE$/BODY?$CONFIG$" -->
</div>

  </body>

</html>

// Code goes here

$(document).ready(function(){
    $("#BANNER").load("1.html");
})

/* Styles go here */

#BANNER {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
   height: 200px;
    width: 500px;
}

#BODY {
    position: absolute;
   /* top: 150px; /* 140px (header) + 10px top padding */
   /* left: 10px; /* 10px padding */
   /* right: 10px; /* 10px padding */
/*    bottom: 10px; /* 10px padding */
    overflow: auto;

}

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>