Voici mon html:
J'ai repris le script pour la mise automatique du footer en bas de page.
Maintenant, voici mes css:
Mon but serait que le footer "prenne" avec lui le "global" afin que mon futur background aille jusqu'en bas.
D'avance merci beaucoup.
David
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Document sans nom</title>
<link href="bcv5.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
<!--
function getWindowHeight() {
var windowHeight = 0;
if (typeof(window.innerHeight) == 'number') {
windowHeight = window.innerHeight;
}
else {
if (document.documentElement && document.documentElement.clientHeight) {
windowHeight = document.documentElement.clientHeight;
}
else {
if (document.body && document.body.clientHeight) {
windowHeight = document.body.clientHeight;
}
}
}
return windowHeight;
}
function setFooter() {
if (document.getElementById) {
var windowHeight = getWindowHeight();
if (windowHeight > 0) {
var contentHeight = document.getElementById('page').offsetHeight;
var footerElement = document.getElementById('footer');
var footerHeight = footerElement.offsetHeight;
if (windowHeight - (contentHeight + footerHeight) >= 0) {
footerElement.style.position = 'relative';
footerElement.style.top = (windowHeight - (contentHeight + footerHeight)) + 'px';
}
else {
footerElement.style.position = 'static';
}
}
}
}
window.onload = function() {
setFooter();
}
window.onresize = function() {
setFooter();
}
//-->
</script>
</head>
<body>
<div id="global">
<div id="page"> </div>
<div id="footer"> </div>
</div>
</body>
</html>J'ai repris le script pour la mise automatique du footer en bas de page.
Maintenant, voici mes css:
html, body {
background-color: #fff;
color: #666666;
margin: 0;
padding: 0;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
#global {
position: absolute;
width: 800px;
left: 50%;
margin-left: -400px;
background-color: #000;
text-align: left;
}
#page {
width: 770px;
margin: 0 auto;
background-color:#0000FF;
}
#footer {
width: 770px;
height: 50px;
margin: 0 auto;
background-color:#993399;
}Mon but serait que le footer "prenne" avec lui le "global" afin que mon futur background aille jusqu'en bas.
D'avance merci beaucoup.
David