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;
}