Partage
  • Partager sur Facebook
  • Partager sur Twitter

GROS problème de scrollbar dans un tableau qui ne s'affiche pas avec Mozilla

aaaaaaarrrrrrrrrrrggggggggggghhhhhhh

poupi
    16 juin 2006 à 16:48:56


    Bonjour bonjour,

    voilà je craque... o_O je viens de passer plusieurs heures sur ce problème et franchement, j'en peux pluuuuuuuuuuuuuuuuuuuuuuuuuus...

    Je souhaite afficher un tableau où mes 3 premières colonnes sont statiques tandis que les colonnes suivantes peuvent défiler à l'aide d'une scrollbar horizontale.
    En réalité, je fais ça avec 3 div :
    div1
    div2
    un tableau avec mes 3 colonnes
    /div2
    div3 (avec scrollbar)
    un tableau avec plusieurs autres colonnes
    /div3
    /div1

    enfin bref, tout n'est pas perdu... mon code marche sous IE... mais pas sous Mozilla!!! aaaaaaaarghhhh!!!!

    Quelqu'un aurait-il une réponse ? Je suis toute perdue... :euh:

    Voilà mon code pour les courageux...
    D'avance merci ^^



    <html>

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>one</title>
    <style type='text/css'>
    td.headcol1 {
    width:50px;
    background:rgb(198,255,198);
    }

    td.headcol2 {
    width:50px;
    background:rgb(198,255,0);
    }

    .div1 {
    float:left;
    display:inline;
    }

    table.table1 {
    display:inline;
    }

    .div2 {
    width:100px;
    display:inline;
    overflow-X:scroll;
    }

    </style>
    </head>


    <body>
    <div>

    <div class='div1'>     
    <table class='table1'>
    <tr colspan=5>
    <td class='headcol1'>Statut</td>
    <td class='headcol1'>Référence</td>
    <td class='headcol1'>Libellé</td>
    <td style="width:10px;"></td>
    </tr>
    <tr colspan=5>
    <td class='headcol2'>disponible</td>
    <td class='headcol2'>42.01234.2</td>
    <td class='headcol2'>jean&nbsp;bleu&nbsp;clair</td>
    <td style="width:10px;"></td>
    </tr>

    </table>

    </div>

    <div class='div2'>

    <table class='table1'>
    <tr colspan=5>
    <td class='headcol1'>Volume</td>
    <td class='headcol1'>magasin</td>
    <td class='headcol1'>Ville</td>
    </tr>

    <tr colspan=5>
    <td class='headcol2'>3</td>
    <td class='headcol2'>champion</td>
    <td class='headcol2'>cagnes</td>
    </tr>

    </table>

    </div>

    </div>

    </body>

    </html>
    </gras>

    • Partager sur Facebook
    • Partager sur Twitter

    GROS problème de scrollbar dans un tableau qui ne s'affiche pas avec Mozilla

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur ●
    • Markdown