IEだけの仕様なような気がするのですが、tableタグの中にあるtextareaを印刷する際に、なぜか、右側に余白ができる現象があります。
具体的にどーいうことかといいますと、
<style type="text/css"> @media print { textarea { overflow:visible; border:none; } }
</style> <table border="1"> <tr> <td> <textarea cols="10" rows="5" name="hoge"> 長い内容・・・ </textarea> </td> </tr> </table> |
上のソースで印刷を行うと、なぜか右側に余白ができてしまうんですよね。
なぜだか理由がわからんのですが。
で、これを回避すには、widthを追加すればいいのかなと。
<style type="text/css"> @media print { textarea { overflow:visible; border:none; width:△△△px; } }
</style> <table border="1"> <tr> <td> <textarea cols="10" rows="5" name="hoge"> 長い内容・・・ </textarea> </td> </tr> </table> |
firefoxで確認したら、overflow:visibleが有効になっていなかったので、別の方法を模索する必要がありです。
0 コメント:
コメントを投稿