2012年3月28日水曜日

[webメモ]webkit系のブラウザでtableの変な解釈

[追記]
http://www.haikararou.com/lab/?p=1124

解釈が間違っていた。

>対応方法は「border-collapse: collapse;」をやめて、「border-spacing: 0;」とする。
>IE7ではセル間が開いてしまうのでtableに「 cellspacing=”0″」を追記する。

とのこと。
Webkitのバグらしい。



直下の段からセルを横に結合している時
(<td colspan="2">など)
tdとかthとかに幅指定したら、borderのスタイルをdottedでかけてあった場合
右のセルのborderが重なってしまってsolidの見ためになる。
左のセルのborderが長くなって表示されるようだ……