2009/06/29

[html][css]tableタグの中にあるtextareaについて

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 コメント:

コメントを投稿