| xxxxx | xxx | xxxxxxxxxxxxxxxxx xxx xxxx xx xx xxxxx xxx xxxxx xxx xxxxx xxx xxx xxx xxxxx xxx xx | xxxxxx xx | xxxx xxxxx xxxx xxx xx xxxxxx xxx xx xxx xxx xxx xxx xxx xx |
Let us see then what
the different browsers make of this...
Mozilla renders the table borders in orange to match the table's background colour. The border's "bevels" are grey and are essentially the same as those on the horizontal line of the front page.
The columns are automatically
justified at an equal width. The font used is Arial, as expressed ahead
of the table.
As with the horizontal bar of the front page, Netscape 4.6 gives the borders blue "bevels". The rest of the colouring is black to match the page's background colour.
Like Mozilla, Netscape
justifies the columns of the table equally. But the font used is the page
default, and the Arial request is ignored. This means that to make the
table display correctly in N4.6, each cell needs its own font tag. This
is both time consuming and a waste of good bandwidth.
Netscape 6 adopts the same shadings for the border "bevels" as Mozilla, but uses the page background colour rather than the table background for the body.
Again, the columns
of the table are equally justified, and like Mozilla, the font used is
Arial.
As far as the borders are concerned, Internet Explorer is to Netscape 4.6 as Netscape 6 is to Mozilla. Mozilla and N6 share shadings, but take the body colour of the borders from a different tag. The same is true of IE5 and N4.6. Here the "bevels" are blue.
Unlike the Mozillas, IE5 does not give the table equal justification. Column 1 is as wide as its contents, as is column 2. As soon as column 3 exceeds a 50% share of the screen width, the line is split. The remaining two columns are perhaps split proportionally to their content.
The font used is
Arial, as requested, but it is smaller than that used by Mozilla and Netscape
6.
Opera 6 is something of a compromise between the two set-ups. It generates the border colours using the same system as Mozilla, but justifies the columns in the same way as IE5.
The font is the requested
Arial.
Poor old Lynx 2.8 doesn't have a good time with tables. The cells are displayed from left to right and without a break. Depending on the contents of the table this can be either a good thing or a bad thing. More often it is the latter.
If the table is:
A1 A2 A3
A4 A5 A6
A7 A8 A9
then Lynx expresses it:
A1 A2 A3 A4 A5 A6 A7 A8 A9
If the text is justified
differently in each cell - say if A1 is aligned left and A2 is aligned
right - then A2 will get put on a new line, which can make a table stretch
out to unpleasant and unreadable lengths.
|
|
|
|