Bonjour,
voilà j'ai un bug d'affichage sur les bordures d'un tableau html (généré automatiquement en php) sous FireFox mais pas sous Chrome et IE où je n'ai pas de problème.
Aperçu sous Chrome et IE :
http://img841.imageshack.us/img841/345/souschromeie.jpg
Aperçu sous Firefox :
http://img841.imageshack.us/img841/3875/sousff.jpg

Je n'arrive pas à trouver la où ça plante !

Merci !

Code html:

<div id="tabedt">
            <table>
               <thead>
                  <tr>
                       <th class="titre" colspan="23" scope="col">Master 2 IGC - Semaine n°09 (28/02/2011 au 05/03/2011)</th>
                  </tr>
                  <tr class="horaire"><th></th><th>8H</th><th></th><th>9H</th><th></th><th>10H</th><th></th><th>11H</th><th></th><th>12H</th><th></th><th>13H</th><th></th><th>14H</th><th></th><th>15H</th><th></th><th>16H</th><th></th><th>17H</th><th></th><th>18H</th><th></th></tr>
                </thead><tbody><tr><th scope="row">Lundi 28</th>
                                                <td colspan='4'>
                                                  <span class='mat'>Mathématiques</span>
                                                  <span class='prof'>Mahieux</span>
                                                  <span class='salle'>C265</span>
                                                  <span>UE : 4-2</span>
                                                  <span>Exposé - Groupe : 2</span>
                                                  <span>2 h (De 8h à 10h)</span>
                                                </td>
                                                <td colspan='4'>
                                                  <span class='mat'>Eurocodes 5</span>
                                                  <span class='prof'>Mahieux</span>
                                                  <span class='salle'>A204</span>
                                                  <span>UE : 3-4</span>
                                                  <span>TP - Groupe : 0</span>
                                                  <span>2 h (De 10h à 12h)</span>
                                                </td></tr><tr><th scope="row">Mardi 01</th></tr><tr><th scope="row">Mercredi 02</th></tr><tr><th scope="row">Jeudi 03</th><td colspan='2'></td>
                                                <td colspan='6'>
                                                  <span class='mat'>Mathématiques</span>
                                                  <span class='prof'>Mahieux</span>
                                                  <span class='salle'>A204</span>
                                                  <span>UE : 4-2</span>
                                                  <span>TD - Groupe : 2</span>
                                                  <span>3 h (De 9h à 12h)</span>
                                                </td></tr><tr><th scope="row">Vendredi 04</th></tr><tr><th scope="row">Samedi 05</th></tr></tbody></table></div>

Code CSS :

#tabedt{
    float:left;
    margin-left:100px;
    width:820px;
    font-family: sans-serif;

}
#tabedt table {
    width:820px;/*height:650px;*/
    border-collapse: collapse;
    background-color:#dce5f4;
    border : 1px solid #000;
    font-size:10px;
}
#tabedt thead tr th.titre{
     text-align:center;
     width:30px;
     height:25px;
     background-color:#8fb1ed;
}
#tabedt thead tr.horaire th{
    width:27px;
    height:25px;
    text-align:left;
    background-color:#b1c6ec;
    border : 1px solid #000;
}
#tabedt tbody th {
margin-left : 20px;
text-align:left;
background-color:#c5dbec;
border : 1px solid #000;
}
#tabedt tbody tr {
    height:100px; /*hauteur des lignes du corps principal du tableau*/
}
#tabedt tbody td {
    background-color:#ebeff5;
    border:1px solid #000;

}
#tabedt tbody td:hover {
    background-color:#fff;
}
#tabedt td span{display:block;font-size:10px;}
#tabedt span.mat{font-weight: bold;}
#tabedt span.prof{
    color: #ff3333;
}
#tabedt span.salle{
    text-decoration: underline;
}

2 réponses


Grafikart
Réponse acceptée

Enlève le code CSS et regarde si ton tableau est bien formé. Si ce n'est pas le cas il y a un problème d'équilibrage il faut avoir le meme nombre de TD dans chaque ligne :)

neoris
Auteur

OK merci pour la reponse, je vais tester ça !