テーブル セルの動的な高さに問題があります。rowspan=2
高さには2行かかるように設定しました。
私のコード:
<table cellspacing="0" cellpadding="0" style="width: 640px;" align="center">
<tr>
<td colspan="3"><img src="bg-top.png" /></td>
</tr>
<tr style="height: 669px;">
<td><img src="bg-left.png" style="display: block"/></td>
<td valign="top" rowspan=2 >
lorem ipsu
</td>
<td><img align="right" src="bg-right.png" style="display: block"/></td>
</tr>
<tr>
<td background="cont.png"></td>
<td background="cont.png"></td>
</tr>
</table>
画像をテキストの周りの境界線のように見せようとしています.テキストが700pxに収まるよりも長い場合は、繰り返す必要がありcont.png
ます. Opera と Chrome では問題ないように見えますが、IE と Firefox では機能しません。
スクリーンショット:
- Mozzila: http://shrani.si/f/1h/12j/3c72q2gv/notworking.png
- クローム: http://shrani.si/f/Q/n/3w7G0jOn/working.png
私が何を変えることができるかについてのアイデアはありますか?