つい先日、レイアウト重視でどうしてもテーブルを多用しなければならない機会がありました。 対応ブラウザとしてはIE9以降、ChromeとFirefox最新版とのことだったので、クロスブラウザで特に困ることはないだろうなーと思っていたのですが…やられました。 なぜかChromeだけ、テーブルの一部セルで、ボーダーがテーブル幅いっぱいに延びているという。 しかしFirebugで検証してみても、HTML・CSSともに全く問題なく、しばし頭を抱えるはめに。 完全にChromeを信用しきっていただけに、しばらくバグだという考えに至りませんでした。 ということで、以下原因と解決策です。 Webkitのバグのようだ はい、ChromeというよりWebkitのバグなんだそうです。 Safariが対応外だったこともあって、一切検証していなかったのも良くなかったですね。 原因としてはcolspanが悪さをしてい