overflow IE et FF
Publié : 08 déc. 2006, 13:50
Bonjour, après avoir écumé Google, et votre site, je me résoud à demander de l'aide.
Je dois afficher un datagrid dans un conteneur, (div), avec un overflow et une zone qui permet de faire amortisseur entre mon footer et la dernière ligne du tbody, un tr à height:100%.
Dans IE l'affichage me convient, mais dans FireFox j'ai un soucis : le footer est masqué par l'overflow du div, et je ne sias pas comment résoudre ce problème.
Attention, je ne veux pas recoder le datagrid avec n-div et du css, ce n'est pas le but. Je suis dans une application professionnelle complexe et non pas un site web avec des pages dont tout ou presque est connu.
De plus je ne connais jamais les hauteurs et les largeurs.
Tout est calculé en relatif.
Voici le code html de mon cas type :
Merci pour vos réponses.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.8) Gecko/20061025 Firefox/1.5.0.8
Je dois afficher un datagrid dans un conteneur, (div), avec un overflow et une zone qui permet de faire amortisseur entre mon footer et la dernière ligne du tbody, un tr à height:100%.
Dans IE l'affichage me convient, mais dans FireFox j'ai un soucis : le footer est masqué par l'overflow du div, et je ne sias pas comment résoudre ce problème.
Attention, je ne veux pas recoder le datagrid avec n-div et du css, ce n'est pas le but. Je suis dans une application professionnelle complexe et non pas un site web avec des pages dont tout ou presque est connu.
De plus je ne connais jamais les hauteurs et les largeurs.
Tout est calculé en relatif.
Voici le code html de mon cas type :
Code : Tout sélectionner
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
TD {overflow:hidden;white-space:nowrap;border:1px solid #CCCCCC;height:20px}
</style>
</head>
<body style="margin:0px;overflow:hidden">
<div id="conteneur" style="overflow-x:scroll;overflow-y:scroll;width:100%;height:100%">
<table style="width:100%;height:100%;table-layout:fixed;" border="0" cellspacing="0" cellpadding="0">
<colgroup>
<col style="width:0px;" />
<col style="width:25px;" />
<col style="width:278px;" />
<col style="width:83px; " />
<col style="width:100%;" />
</colgroup>
<thead>
<tr>
<td>Header 1</td>
<td>Header 2</td>
<td>Header 3</td>
<td>Header 4</td>
<td>Header 5</td>
</tr>
</thead>
<tbody>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr style="height:100%;">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="5">Footer</td>
</tr>
</tfoot>
</table>
</div>
</body>
</html>Merci pour vos réponses.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.8) Gecko/20061025 Firefox/1.5.0.8