Hello,
I finally found a solution using FireBug, fixed position and IE fix :
FixedHeaderFooter.doctype.xml :
<SkinDocType>
<![CDATA[<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">]]>
</SkinDocType>
FixedHeaderFooter.html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="skin.css" />
<title></title>
</head>
<body>
<div id="header">Header</div>
<div id="content">
<table cellspacing="0" cellpadding="0" border="0" summary="Main table for design" id="Table1">
<tr valign="top"><td>Content</td></tr>
<tr valign="top">
<td id="ContentPane" runat="server" valign="top"></td>
</tr>
</table>
</div>
<div id="footer">Footer</div>
<object id="StylesIE6" codetype="dotnetnuke/server" codebase="STYLES">
<param name="Name" value="IE6Minus" />
<param name="StyleSheet" value="css/ie6skin.css" />
<param name="Condition" value="LT IE 7" />
<param name="UseSkinPath" value="true" />
</object>
</body>
FixedHeaderFooter.css :
/* Empty File */
skin.css :
html {
overflow : auto
}
body {
margin:0;
padding:50px 0 50px;
}
div#header {
background:Blue;
height:50px;
left:0;
position:fixed;
top:0;
width:100%;
}
div#footer {
background:Red;
bottom:0;
height:50px;
left:0;
position:fixed;
width:100%;
}
* html body {
overflow:hidden;
}
* html div#content {
height:100%;
overflow:auto;
}
css/ie6skin.css :
body {
background: url(null) fixed ; /* avoid hopping */
}
div#header{
position: absolute;
top:expression(documentElement.scrollTop);
}
div#footer{
position: absolute;
top:expression(documentElement.scrollTop+documentElement.clientHeight-50+"px");
}
As a beginner with CSS, I don't understand every line of this code but this seems to work with IE6 and Firefox
(except selection menus of the editor that appears over the header when scrolling in IE6, but it doesn't matter)
Leave your comments if you think some changes should be done.
Thanks.