Skip to main content
Participant
September 6, 2018
Answered

Images justify to the left on android devices but display fine everywhere else

  • September 6, 2018
  • 3 replies
  • 451 views

I built a site using dreamweaver which displays fine in all browsers on the computer, but when I visit the site on android device the images justify to the left.

I have all of the alignments set to center but it seems to ignore this. I can't figure out the issue here, please help... thanks

Here is the site: http://skydivefitzgerald.com/

    This topic has been closed for replies.
    Correct answer Jon Fritz

    You have some errors in your html. HTML errors are a big contributor to display issues across browsers/devices.

    Run your page through the validator at http://validator.w3.org/nu and clean up the code. Once the code is clean/valid it may start working correctly for you. If not, post back with the updated code and the contributors here can try to find the issue for you.

    3 replies

    Nancy OShea
    Community Expert
    Community Expert
    September 6, 2018

    The ALIGN attribute  as you have used it is obsolete.  Some browsers won't respect it.

    Nancy O'Shea— Product User & Community Expert
    ALsp
    Legend
    September 6, 2018

    The page errors are anecdotal. Your page is table-based and not responsive. All bets are off with respect to phones. It will never display usably on a phone.

    YattniceAuthor
    Participant
    September 6, 2018

    I figured it out I just had to remove the top columns and rows that weren't being used and now it works fine thanks... check on your phone for yourself...

    ALsp
    Legend
    September 6, 2018

    Just a tip...

    It's often not necessary to fire up your phone's browser. Simply view the page on your laptop/desktop and make the window narrow. However, since your page is not responsive, what happens is that an enormous horizontal scroll bar appears. What this means is that a phone (any phone) will see that the page is not responsive, and missing a viewport meta tag. So, what will it do? It will simply attempt to shrink the page to fit inside the phone's viewport.

    The page would be extremely easy to fix, which would make it far more user friendly to phone users. But it's your decision.

    Jon Fritz
    Community Expert
    Jon FritzCommunity ExpertCorrect answer
    Community Expert
    September 6, 2018

    You have some errors in your html. HTML errors are a big contributor to display issues across browsers/devices.

    Run your page through the validator at http://validator.w3.org/nu and clean up the code. Once the code is clean/valid it may start working correctly for you. If not, post back with the updated code and the contributors here can try to find the issue for you.

    WolfShade
    Legend
    September 6, 2018

    I see a whole lot of "Use CSS instead" messages. 

    yattnice, I suspect all the deprecated attributes that you are using might be the culprit.  Remove all the height and width attributes, convert them to CSS, you should be fine.

    HTH,

    ^ _ ^

    UPDATE: Or as ALsp stated, get rid of the tables (I didn't know tables weren't responsive.)

    ALsp
    Legend
    September 6, 2018

    Tables can, after a fashion, be made responsive with CSS. But the OP's tables are most certainly not.