FileNav

online
online: /HTML & CSS/HTML_&_CSS_Tables.textile

HTML & CSS Tables

Browser Table Bugs

WebKit

Bug 29528 – "border-collapse: collapse;" tables with unnecessary colspans draw screwey borders
Safari – WebKit Browsers Rendering Problem for Table Depending on colspan – Stack Overflow

  1. WebKit 1px bug can be fixed by adding an additional tbody with an empty cell for each column.
  2. WebKit will not override height or width of a cell (that spans?) to fix it’s layout.

Tables Links

HTML, CSS and tables – the beauty of data (includes accessibility info and links)
Techniques for Accessible HTML Tables (extensive article)

CSS Table

Comparison of layout engines – Cascading Style Sheets)

border-collapse – CSS 2

Trident: 8.0
Gecko: 1.0
WebKit: 125
KHTML: All
Presto: 1.0
Prince XML: 5.1

border-spacing – CSS 2

Trident: 8.0
Gecko: 1.0
WebKit: 125
KHTML: All
Presto: 1.0
Prince XML: 6.0

caption-side – CSS 2

Trident: 8.0
Gecko: 1.4
WebKit: 85
KHTML: All
Presto: 1.0
Prince XML: 5.0

table-layout – CSS 2

Trident: 5.0
Gecko: 1.8
WebKit: 125
KHTML: All
Presto: 1.0
Prince XML: 6.0

Cell

empty-cell – CSS 2

Trident: 8.0
Gecko: 1.0
WebKit: 125
KHTML: All
Presto: 1.0
Prince XML: 5.0