Chris G wrote:
I'm trying to create a fairly simple table to lay out an itinerary.
Currently I'm using OpenOffice as it makes it easy to generate the table with row spans and column spans etc. It actually seems to produce quite straightforward HTML.
However neither Firefox 3 nor IE 7 seem to display the table borders correctly. Firefox 3 does really wierd things to some of the borders and IE 7 just shows them with differing thicknesses.
All I want is the same cell/table borders everywhere.
The default border style for tables is generally "outset" - this gives a slightly different shade on the inside and the outside. Furthermore, the cell at the bottom right contains no content at all - this reliably causes browsers to do strange things with the border around them (it promotes the border of what it thinks is the more "interesting" cells around the empty one).
You can fix the latter by including something like " " in the cell, or better to add something like
border-collapse: collapse; border: 1px solid #6e6e6e; empty-cells: show;
to the table "style" property. This gives everything a uniform 1-pixel black border and forces the cells without content to display as if they did.