KNOWN ISSUE: Table render issue in Chrome and Internet Explorer

1. 70

   cornwall_UKposted 10 years ago

   I've only just noticed, so will have to check all my hubs, but the new, narrower, version on Hubpages is making my tables look daft.  The floating portion goes completely over the top of the right hand side.
   
   It never used to be like that.
   
   It seems that "narrow tables only" will have to be the order of the day.
   
   This is the hub I am about to remove the table from entirely as it's the quickest way to "fix" it.
   http://cornwall-uk.hubpages.com/hub/Lea … in-Newquay

   replyreport
2. 90

   LCDWriterposted 10 years ago

   That is strange.  And it looked okay earlier?  I use tables a lot.  I'm going to check mine.  Have you tried breaking up that one long URL?  It might fix it....

   replyreport
3. 86

   Victoria Lynnposted 10 years ago

   That's odd. Mine always adjust to fit the page. I haven't noticed anything like this. Hmmmm . . . .

   replyreport
4. 70

   cornwall_UKposted 10 years ago

   Yes, it used to look OK, when the available page was wider. Now the page margins are so huge it doesn't fit.  I'd have never published it in the first instance looking like that.
   
   Yes I could break up the url, or remove the column.... instead I will remove the table and information and put it elsewhere.

   replyreport
5. 90

   LCDWriterposted 10 years ago

   From what I can tell so far my tables look the same.  That is strange.

   replyreport
   1. 89

      NateB11posted 10 years agoin reply to this

      Yes, my tables are fine too.

      replyreport
6. 83

   psycheskinnerposted 10 years ago

   It probably depends on the number of columns, whether the table was able to adjust down to the new size or not.

   replyreport
7. 86

   Robinposted 10 years ago

   If you type in "Command +" or "Command -" does it fix the problem?  Sometimes increasing or decreasing the size fixes the problem.  If you post a link we can all see if we are seeing the same issue. 

   replyreport
   1. 70

      cornwall_UKposted 10 years agoin reply to this

      I did post a link, it's here: http://cornwall-uk.hubpages.com/hub/Lea … in-Newquay
      
      And I've left it "as is" for now, so the problem can be seen.
      
      Me doing Command + or - would only make it appear differently on my screen, not my readers' screens.
      
      It seems to be OK in Firefox, not OK in Chrome.

      replyreport
      1. 90

         LCDWriterposted 10 years agoin reply to this

         Before you delete it, see if you can just break up that one long URL---they make the formatting funny for textboxes and for tables.

         replyreport
      2. 90

         LCDWriterposted 10 years agoin reply to this

         
         
         Don't know if you can see this but I tested the table breaking up that long url and it fixes it.

         replyreport
         1. 90

            LCDWriterposted 10 years agoin reply to this

            I just put a space after .com so that the table knows to wrap the text.

            replyreport
      3. 70

         Matthew Meyerposted 10 years agoin reply to this

         I have tested and reproduced the formatting bug in Chrome 28 and Internet Explorer 10.
         As you observed, it does not appear to affect Firefox, nor Opera.
         I have forwarded this to our engineering team so it can be addressed.
         Thank you for taking the time to let us know.

         replyreport
8. 70

   cornwall_UKposted 10 years ago

   I'll still remove the table, the info's a bit out of date and the list is too long to be useful ... and I've got a new home for the info.
   
   But I do need to look at other hubs - and think twice about future tables.
   
   I did it like that as I didn't want to provide outbound links from  my hubs unnecessarily.... and it used to always look fine, until they reduced the width of hubs.

   replyreport
9. 88

   IzzyMposted 10 years ago

   We have the same problem in this excellent hub about chickens - http://k9keystrokes.hubpages.com/hub/Ch … h-Problems

   replyreport
10. 70

    cornwall_UKposted 10 years ago

    Yes, the chickens have the same problem. 
    
    I'm happy to remove my table as it doesn't look right and doesn't really add much to the hub - and I've got a "new home" for my list (due to falling traffic I've no urgency to make it right here).
    
    So, it's not just me then
    And it's not just long character strings.

    replyreport
11. 96

    Glenn Stokposted 10 years ago

    The problem has been addressed by LCDWriter above. But maybe I can add some understanding to this. Tables always try to automatically adjust column width.  But it's limited by two things…
    
    (1) Too many columns and it will overflow anyway, as in IzzyM's example.
    
    (2) Width of columns adjusts by wrapping the text. But if you have a long string of characters (such as that URL you have in your table) then it can't wrap. It will, instead, widen the column to hold the long character string in one line.
    
    Now with HP's narrower Hub width, this problem is more noticeable.
    
    One solution is for HubPages to change the code so that long strings will be concatenated so that the column does not widen so much as to push the right side off the displayed area.
    
    But that's not a viable solution. I am sure no one wants text to be hidden. I suggest the best solution is the pay attention to text length when constructing tables, and break up long strings with spaces.
    
    As for that long URL in your example, replace it with something short. Forget about using full URL's anyway, since URL's are not clickable in table capsules (unless HP changes that in the future and adds the ability to make hyperlinks in tables).
    
    So the only viable solution (presently) is to shorten the URL into something else, and do away with displaying URLs in tables.

    replyreport
    1. 90

       LCDWriterposted 10 years agoin reply to this

       Very detailed and easy-to-follow explanation, as usual, Glen Stok!

       replyreport
       1. 96

          Glenn Stokposted 10 years agoin reply to this

          Thank you.

          replyreport
12. 86

    Robinposted 10 years ago

    Good morning!  We talked to our engineers about the issue, and it's quite a feat to fix the problem.  Unfortunately, we don't have the resources to work on it right now.  Both Glen and LCDWriter had great suggestions.  You could also include a tinyurl to shorten your long urls.  Sorry about the inconvenience!

    replyreport