<html>
<head>
<style>
html, body{
margin:0;
padding:0;
height:100%;
width: 100%;
background-color:blue;
}
#conteneur{
height:20%;
width:50%;
background-color:green;
text-align:center;
max-height:20%;
overflow:auto;
margin-left:auto;
margin-right:auto;
display:block;
}
#tropGrand{
height:2000px;
width:100%;
background-color:pink;
text-align:center;
display:block;
vertical-align:top;
}
.Header
{
width:100%;
height:160px;
background-color:red;
}
.Footer
{
width:100%;
background-color:red;
height:160px;
}
.Body{
background-color:blue;
text:green;
height:100%;
width:100%;
vertical-align:middle;
text-align:center;
}
</style>
</head>
<body >
<table width=100% height=100% >
<tr align='center'>
<td class="Header">
Header
Taille fixe découpage d'images
</td>
</tr>
<tr >
<td align='center' class="Body">
<div id="conteneur">
<div id="tropGrand">
contenu a etre affiché dans le conteneur
</div>
</div>
</td>
</tr>
<tr >
<td align='center' class="Footer">
footer
Taille fixe découpage d'images
</td>
</tr>
</table>
</body>
</html> Bonjour,
Voici mon premier post sur ce forum,
Voici mon souci:
je souhaite avoir une page dont le corps est 'scrollable'.
De sorte à ce que le footer et le header soient et restent tjr visibles.
J'ai simplifié dans un exemple (voir ci-haut) le problème qui ce produit sous FireFox lorsque la taille en hauteur du DIV conteneur est Relative, soit en %.
Y a - t'il moyen de contourner celà?
