Participant

Answered

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

Forum|Forum|7 years ago
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.

Nancy OShea

Community Expert

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

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.

Y

YattniceAuthor

Participant

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

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

Correct answer

Community Expert

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

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

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

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded