This is an experimental layout and untested in a real situation but preliminary results look good. Note that opera 10.6 has introduced a bug where if the page has been scrolled and then refresh is clicked the fixed elements will disappear.

The header and footer need to be a fixed height and are therefore not suited to large amounts of fluid content.

Good browsers get normal fixed positioning but ie6 and under make use of a bug in ie6 where children of elements that have overflow defined behave as though they are fixed.

some text to wrap : some text to wrap : some text to cause scrolling : : some text to wrap : some text to wrap : some text to cause scrolling : : some text to wrap : some text to wrap : some text to cause scrolling : : some text to wrap : some text to wrap : some text to cause scrolling : : some text to wrap : some text to wrap : some text to cause scrolling : : some text to wrap : some text to wrap :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

some text to cause scrolling :

Last bit of text

Fixed Top & bottom- Demo works in IE5 IE5.5. and ie6 - Firefox 1.0+, Mozilla 1.3+, NN 6.2, Opera 6.03 7.2 7.5,8 : (Mac OS X 10.4 - FireFox 1.5.0.1, Safari 2.0.3 (417.8), IE 5.2 (5.2.3 (5815.1))