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.
Voir les captures d'écran ci-dessous :
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 4 pages.
De plus je ne connais jamais les hauteurs et les largeurs.
Tout est calculé en relatif.
Voici mon code html :
Merci pour vos réponses.
Modifié par Guillaume34 (08 Dec 2006 - 11:38)
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.
Voir les captures d'écran ci-dessous :
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 4 pages.
De plus je ne connais jamais les hauteurs et les largeurs.
Tout est calculé en relatif.
Voici mon code html :
<!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.
Modifié par Guillaume34 (08 Dec 2006 - 11:38)
J'ai rectifié le tir. [J'espère] 