Display problems in iphone / safari

  • There is something very strange happening on this website that I am developing. I am using the sandbox theme to start with. I have made two widget areas on the front page.

    The left column is made up of four widgets.. Two text widgets with image code and two rss widgets with outside of the website rss feeds.

    The other widget area is for those four content squares at the bottom which have names and then a short description underneath.

    So what happens when viewed through safari on the iphone is if the content is more than 6 lines it looses it’s styling (on the iphone) and overflows the other content beneath it.

    I was able to fix the issue by just cutting the content down, but the RSS feeds are still displaying wrong.

    If you look at it on the iphone, the text is WAY bigger than it should be. I can not figure out why, because when viewed in firefox, looking at firebug, everything looks right. I had a look at the CSS and it is displaying the font size correctly.

    here is a link to the site
    https://96.9.157.245/~rrochlin/

    When you view it in firefox you can see the text on the left is just about as long as the text on the right.. but if you view in the iphone, the left text is WAY longer and larger than the text on the right.

Viewing 3 replies - 1 through 3 (of 3 total)

  • I hate to say it in this scenario I think you really really need to get it to W3C validate first before trying to debug CSS – there appears to be several unclosed tags.

    PC browsers can be a litle more forgiving when rendering pages – mobile devices can rely much more heavily on the HTML being strictly correct.

    (that said I know nothing about safari on the iphone).

    Thread Starter lindsayanng

    (@lindsayanng)

    I did go to W3C to validate and I saw all of the missing tags, but I dont understand why these missing tags are there.

    I have a feeling like wordpress or the wordpress/ sandbox widgets are generating this mess.. honestly I dont know!!

    Are you familiar with how/ why a theme would do this??

    Hey Lindsay, on some pages there are more than 60 error. May be you should think about hire a coder. ^^

    Or try it yourself:

    • You should start with outsourcing the js code.
    • Then you should add the “alt” attributes to all image tags.
    • You should move all “style” attributes to the style sheet.

    And then lets look what tags are wrong too. ??

    Best regards,
    Dennis

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Display problems in iphone / safari’ is closed to new replies.