This is an experimental layout and untested in a real situation but preliminary results look good.
The header and footer need to be a fixed height and are therefore not suited to large amounts of fluid content.
The code comments for ie are documented below as they needed to be removed from the code for ie mac
* html, * html body{
overflow:hidden;/* remove scroll mechanism from body*/
padding:50px 0;/* for ie5 and 5.5.*/
margin:-50px 0;
padd\ing:0;
margin:0;
}
* html #outer {
overflow:auto;/* this is basically the root element now*/
height:100%;
/* we need to make ie5 jump the next style block ( contain-all) so we use
the voice hack*/
voice-family: "\"}\""; voice-family:inherit;
}
* html #contain-all{/* must contain all content except for top and bottom
bars - ie5 doesnt want this so jumps it as mentioned above*/
position:absolute;/* due to a bug in ie6 where children of elements that
have overflow defined behave as those they are fixed*/
overflow-y:scroll;
width:100%;
height:100%;
z-index:1;
}
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