フィドル
<style>
* {
font-family: arial;
font-size: 9pt;
}
table {
border-collapse: collapse;
margin: 0;
padding: 0;
}
td, th {
margin: 0;
padding: 0;
border: none;
vertical-align: bottom;
}
</style>
<table>
<tr>
<td>I </td>
<td style="border-bottom:1px solid black;width:1.5in"> </td>
<td> have discussed the above Mission and Value Based Objectives with </td>
<td style="border-bottom:1px solid black;width:1.5in"> </td>
</tr>
<tr>
<td> </td>
<td colspan="2">(Name of staff person/advocate)</td>
<td>(Supported Individual)</td>
</tr>
</table>
Firefox では、これは 2 つの異なる下線付きのセグメントを示しています (私が予想しているように)。Chrome 26/Ubuntu では、「I」の後から最後まで 1 つの下線が表示されます。レンダリングのバグだと思います。「話し合いました...」セルを調べると、境界線が設定されていないことがわかります。
このバグを送信する前に、私が狂っていないことを他の誰かが確認できますか?