Follow along with the video below to see how to install our site as a web app on your home screen.
Note: This feature may not be available in some browsers.
<!-- IE Quirks Mode -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Fixed header and left-sidebar</title>
<style type="text/css">
body{
margin:0;
padding:100px 0 0 150px;
background:#ccc;
}
div#header{
position:absolute;
top:0;
left:0;
width:500%;
height:100px;
background:#999;
color: #000;
}
div#left-sidebar{
position:absolute;
top:100px;
left:0;
width:150px;
background:#ccc;
color: #000;
}
div#content{
background:#fff;
}
@media screen{
body>div#header{
position:fixed;
}
body>div#left-sidebar{
position:fixed;
}
}
* html body{
overflow:hidden;
}
* html div#content{
height:100%;
overflow:auto;
}
</style>
</head>
<body>
<div id="header">
<p>Header content goes here....</p>
</div>
<div id="left-sidebar">
<ul>
<li><a href="http://www.google.com">Google</a></li>
<li><a href="http://www.tek-tips.com">Tek-Tips</a></li>
<li><a href="http://www.microsoft.com">Microsoft</a></li>
</ul>
</div>
<div id="content">
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
Example Main Content<br/>
</div>
</body>
</html>