Bonjour,
J'aimerai comprendre pourquoi mon tableau ne se comporte pas bien avec IE ici !
je veux un tableau "elastique" qui complète mon écran, sauf la premiere ligne qui s'adapte à son contenu.
je ne peux pas passer par des DIV car la 2eme ligne contiendra un motif qui s'alignera au coin en haut à droite de la cellule.
Je me suis dis qu'il fallait donc un tableau de 100% de hauteur, et ne déclarer que la hauteur sur la première ligne, la seconde prennant logiquement le reste de la fenetre...
Et bien sous firefox, OK, mais IE il veut rien savoir, il fait 50/50...
Et si je met 100% en hauteur a la 2eme ligne, IE me rajoutera un scroll, ce que je ne souhaite pas, je veux que le surplus de la hauteur de cette ligne soit tronqué.
Je rappel que celle ci est destiner à contenir un motif de fond qui doit s'aligner au coin haut/droite de la cellule.
Voici mon code de test
Code :
- <!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>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>Bordel d'IE</title>
- <style type="text/css">
- <!--
- html, body, table {
- margin:0px;
- border:0px;
- border-spacing:0px;
- border-collapse:collapse;
- empty-cells:hide;
- padding:0px;
- width:100%;
- height:100%;
- }
- table{
- height:100%;
- width:100%;
- }
- .rouge{
- text-align:center;
- color: #FFFFFF;
- background-color:#FF0000;
- height:50px;
- }
- .bleu{
- text-align:center;
- color: #FFFFFF;
- background-color:#000099;
- }
- -->
- </style>
- </head>
- <body>
- <table>
- <tr>
- <td class="rouge">Rouge</td>
- </tr>
- <tr>
- <td class="bleu">Bleu</td>
- </tr>
- </table>
- </body>
- </html>
|
(j'ai lacher les DIV qui me prenait le systeme, et me voila embêté avec les TABLE aussi !)
---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.