Labels

Fixed positioning

This post will hopefully be updated when I have done a little more (like explaining stuff and publishing combinations of three, maybe four columns), for now:

Fixed Header:

Code

<!-- IE in quirks mode -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<title>Fixed header</title>
<style type="text/css">
 body{
  margin:0;
  padding:<length> 0 0 0;
 }
 div#header{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:<length>;
 }
 @media screen{
  body>div#header{
   position: fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  overflow:auto;
 }
</style>
<div id="header"> header </div>
<div id="content"> content </div>
 
 

Related examples

One or two columns

Labels:

Comments

Post a Comment

Popular Posts