例えば
というソースがあったとして、住所のセルは横幅80pxの小さいセルにしたいのに、なぜか、横幅50%まで自動的に大きくなっちゃう問題。
おきるときと起きないときが あって。
なんでだろうな、と思っていたら、tableにかけているcssのせいだった。
↑こいつが悪い
たまに横幅をしっかり決めたいために、table-layout:fixedつかうことがあったんだけど、これをやると、colspan="2"とかやったときにwidthがきかなくなっちゃうようだ。
しょうがないので、table-layout:fixedをはずして解決。
WEBシステムの画面をコーディングする際などには、セル結合はよく使うのではずしておいたほうがよい
という知見。
<table>
<tr>
<th colspan="2">あいうえお</th>
</tr>
<tr>
<td width="80">住所</td>
<td>アメリカ</td>
</tr>
</table> というソースがあったとして、住所のセルは横幅80pxの小さいセルにしたいのに、なぜか、横幅50%まで自動的に大きくなっちゃう問題。
おきるときと起きないときが あって。
なんでだろうな、と思っていたら、tableにかけているcssのせいだった。
table{table-layout: fixed;}
↑こいつが悪い
たまに横幅をしっかり決めたいために、table-layout:fixedつかうことがあったんだけど、これをやると、colspan="2"とかやったときにwidthがきかなくなっちゃうようだ。
しょうがないので、table-layout:fixedをはずして解決。
WEBシステムの画面をコーディングする際などには、セル結合はよく使うのではずしておいたほうがよい
という知見。