Small table issue

[dorayme]

Came to update a table (about tables!) I had on a site and
noticed that it was obligingly rendered in all my browsers except
Safari and Opera. You can see the space problem perhaps in
Windows Opera? In Mac IE, FF, iCab it looks fine. I will be
getting around to looking more closely at the html but if anyone
spots any obvious omission or correction needed, I'd be obliged.
Least change is what I am after for now.., I will check WinIE soon

http://members.optusnet.com.au/droovies/test/icabFF_etc.png

http://members.optusnet.com.au/droovies/test/safariandopera.png

http://members.optusnet.com.au/droovies/test/tableIssue.html


[

Plus, just one more tiny thing, if anyone can help: I cannot get
out the Guardian's Sudoku number 407. I reckon it is wrongly
printed as I have had 3 goes, the last careful and it is
impossible surely?

http://image.guardian.co.uk/sys-files/Guardian/documents/2006/08/1
0/GdnSudoku407_060826.indd.pdf

]

 

[cwdjrxyz]

Came to update a table (about tables!) I had on a site and
noticed that it was obligingly rendered in all my browsers except
Safari and Opera. You can see the space problem perhaps in
Windows Opera? In Mac IE, FF, iCab it looks fine. I will be
getting around to looking more closely at the html but if anyone
spots any obvious omission or correction needed, I'd be obliged.
Least change is what I am after for now.., I will check WinIE soon

http://members.optusnet.com.au/droovies/test/icabFF_etc.png

http://members.optusnet.com.au/droovies/test/safariandopera.png

http://members.optusnet.com.au/droovies/test/tableIssue.html

First, your html page will validate at w3c if you add character
encoding, but that is not the problem.

I am on Windows XP with all updates. I have the most recent versions of
browsers to be mentioned. On 4 browsers I get 4 different views. All
have about the same screen width, using a large portion of a 1024 px
wide screen. However the screen height of the table varies greatly. On
Firefox, the height is the smallest, and everything is spaced in an
even manner in the vertical direction. Both IE6 and Opera give a much
larger table height. Everything is fairly evenly spaced in the vertical
direction on IE6. However on Opera the spacing is even until you get to
the bottom area for the second square, and this is much larger than the
other vertical spacings. The old Netscape 4.8 likely does not
understand the CSS well and gives no lines in the table. To me this is
no problem since the Netscape 4 series is all but gone.

I am going to leave it to a table person to explain what is going on. I
hate tables, and have not used them in a long time, so I am not very
up-to-date concerning the finer points of table usage.

 

[dorayme]

First, your html page will validate at w3c if you add character
encoding, but that is not the problem.

My test page to show folks is a grab from another context, (which
had the encoding you probably mean, I failed to grab it). It
seems to be doing what I showed in the pic urls from your
information. I was not quite sure what you were conveying to me
beyond my own information, but thank you anyway.

As to tables, you hating them.... I have to use them as I have a
fair number of tabular data sets of info to cope with and have no
distaste for them. they are old friends and I welcome
opportunities to hang about with them. The one you see here is
not quite how I would do it these days with the pics - though the
text info would best be part of a table.

Anyway, as I am working on the original from which I grabbed the
puzzling table I think I did something when cleaning it up and it
is now showing up in Safari and Opera as in the others. There is
now only some oddness about the test case! I better not stop to
investigate for now...and get on with the work.

 

[cwdjrxyz]

"cwdjrxyz" <[email protected]> wrote:

My test page to show folks is a grab from another context, (which
had the encoding you probably mean, I failed to grab it). It
seems to be doing what I showed in the pic urls from your

Anyway, as I am working on the original from which I grabbed the
puzzling table I think I did something when cleaning it up and it
is now showing up in Safari and Opera as in the others. There is
now only some oddness about the test case! I better not stop to
investigate for now...and get on with the work.

I think I may have found the problem. See
http://www.cwdjr.net/test/tabletrouble.html . What I did is explained
in a comment near the bottom of the source code. It appears that when
you need more vertical space for the swatch image column than the text
columns alone would need, a sort of overflow adjustment is made, and it
is different for different browsers. I removed 2 swatch images to
correct the problem. You likely could do the same thing by adding more
text rows or adding some extra breaks or something to use more vertical
space between the text rows. Excuse the images. I did not have a link
for yours, so I just threw in the first things that came to mind, but
kept the image dimensions the same as you used. The page now views
about the same on most recent versions of Firefox, Mozilla, Netscape,
Opera, and IE6 on Windows XP. Of course different text size defaults on
the different browsers make some difference. Even old Netscape 4.8
works except all of the lines in the table are missing.

 

[dorayme]

I think I may have found the problem. See
http://www.cwdjr.net/test/tabletrouble.html . What I did is explained
in a comment near the bottom of the source code. It appears that when
you need more vertical space for the swatch image column than the text
columns alone would need, a sort of overflow adjustment is made, and it
is different for different browsers. I removed 2 swatch images to
correct the problem. You likely could do the same thing by adding more
text rows or adding some extra breaks or something to use more vertical
space between the text rows. Excuse the images. I did not have a link
for yours, so I just threw in the first things that came to mind, but
kept the image dimensions the same as you used. The page now views
about the same on most recent versions of Firefox, Mozilla, Netscape,
Opera, and IE6 on Windows XP. Of course different text size defaults on
the different browsers make some difference. Even old Netscape 4.8
works except all of the lines in the table are missing.

Thank you for taking the trouble cwdjrxyz... I will have to come
back to this later. It was interesting to see the way different
browsers cope. Love your frog! (I did not include any actual pics
for the test html).

The practical problem is not severe in fact I realise now. In the
real context, the problem is hidden because the table is in a
page where it has a naturally restricted (not author imposed)
width - in other words, there is other stuff and the prob might
only appear on improbably big screens then. You can see all
behaving better in Opera and Safari as you restrict the width of
the browser window even if you have as many as four chipmunks on
the right.