Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] Issue with table appearing too wide on iphone:

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #173879
    jayg-7
    Participant

    Hello!

    This issue is occurring on the iphone 5, but not when I shrink the browser window. It’s also odd because there are two tables on the page, both have the same class: but only the second one is looking off.

    screenshot: https://www.evernote.com/shard/s3/sh/6672584d-770b-4dd2-b3c4-302008c65424/abc189b79d812dc29da8aadfe75a9ff5

    Thanks so much for any assistance. Here’s the link: http://nebda.studioissa.com/

    #173885
    shaneisme
    Participant

    It’ll happen in any browser if you shrink it far enough.

    When using tables, you should know that the browser will overwrite anything you do with styles to make the content fit. It really doesn’t matter what you do.

    If you’re interested in responsive tables, there are quite a few solutions out there. The best one I’ve come across is the Tablesaw by Filament Group: https://github.com/filamentgroup/tablesaw

    #173889
    jayg-7
    Participant

    Thanks Shaneisme,

    One line was too long without spaces. That fixed it!

    Thanks so much!

    Jay

    #173892
    shaneisme
    Participant

    No problem. Glad it was a quick fix after all :)

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.