Fixed header and sidebar:

Experimental layout - Use at your own risk

Note that the left fixed sidebar will become unusable if it extends below the fold so keep content to a minimum.

Tested in IE5, IE5.5,IE6, NN6.2, Mozilla1.3, Firefox 1.0 and Opera.7.5.

Also works in IE5.1 mac and NN7 mac

These are the styles for ie pc only and are hidden using the mac hiding hack coupled with * html.

/* mac hide \*/
* html, * html body{
overflow:hidden;
height:100%;
}
* html #left {position:absolute;}
* html #headerinner{margin-right:-143px;voice-family: "\"}\""; voice-family:inherit; }
* html #headerinner{margin-right:-17px;}
* html #header{position:absolute;}
* html #outer {height:100%;overflow:auto}
/* end hide*/

The only bit in the ie styles that will need altering if you change sizes of the fixed elements is in this section below. This gives ie5 a different size only by using the voice family hack to jump the next style

* html #headerinner{margin-right:-143px;voice-family: "\"}\""; voice-family:inherit; } /* ie5 gets this*/
* html #headerinner{margin-right:-17px;}/* ie5.5 and ie6 get this*/

This gives ie5 a different size only by using the voice familyhack to jump the next style. This just makes the header stretch in ie5 all the way across the screen (ie 5.5. and ie6 are ok anyway). It will need to be changed according to the width of the left sidebar. The margin-right:17px is for ie5.5, and ie6 is to avoid covering the right scrollbar.

Some content to scroll