Small table issue

Discussion in 'HTML' started by dorayme, Sep 4, 2006.

  1. dorayme

    dorayme Guest

    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

    ]

    --
    dorayme
     
    dorayme, Sep 4, 2006
    #1
    1. Advertising

  2. dorayme

    cwdjrxyz Guest

    dorayme wrote:
    > 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.
     
    cwdjrxyz, Sep 5, 2006
    #2
    1. Advertising

  3. dorayme

    dorayme Guest

    In article
    <>,
    "cwdjrxyz" <> wrote:

    > 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.

    --
    dorayme
     
    dorayme, Sep 5, 2006
    #3
  4. dorayme

    cwdjrxyz Guest

    dorayme wrote:
    > In article
    > <>,
    > "cwdjrxyz" <> 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.
     
    cwdjrxyz, Sep 5, 2006
    #4
  5. dorayme

    dorayme Guest

    In article
    <>,
    "cwdjrxyz" <> wrote:

    > dorayme wrote:
    > > In article
    > > <>,
    > > "cwdjrxyz" <> 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.


    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.

    --
    dorayme
     
    dorayme, Sep 5, 2006
    #5
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. David Williams
    Replies:
    2
    Views:
    1,136
    Jacob Yang [MSFT]
    Aug 12, 2003
  2. Rio
    Replies:
    4
    Views:
    1,199
  3. Ivana Lottaspam

    Small issue with navigation

    Ivana Lottaspam, Mar 12, 2008, in forum: HTML
    Replies:
    1
    Views:
    380
    dorayme
    Mar 12, 2008
  4. v4vijayakumar

    small issue with Idle

    v4vijayakumar, Aug 8, 2008, in forum: Python
    Replies:
    2
    Views:
    237
    Mike Driscoll
    Aug 8, 2008
  5. Chris Large

    Small issue with REXML output

    Chris Large, Dec 23, 2005, in forum: Ruby
    Replies:
    1
    Views:
    84
Loading...

Share This Page