Home/ Questions/Q 7604587
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T23:56:56+00:00

I’m working on a mobile friendly website & I’m a bit baffled by this

  • 0

I’m working on a mobile friendly website & I’m a bit baffled by this issue I currently have with an image attribute.

I have its dimensions set as percentage. It displays fine with IE7+, Firefox & Chrome but not Safari. It distorts the image drastically!

Do I need to use JavaScript in order to display the image properly?

Thanks in advance…

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Code in question:

    <img src="images/uftMap.jpg" border="0" width="95%" height="95%" alt="Universal Fitness &amp; Training on Google maps" name="Universal Fitness &amp; Training on Google maps">

    Remove the height attribute and the browser will scale it proportionally.

    Putting percentages in the height and width attributes is not strictly copacetic though. From the HTML5 spec

    height = non-negative integer:
    The height of the image, in CSS pixels.

    width = non-negative integer:
    The width of the image, in CSS pixels.

    If you’re set on styling this inline rather than with a style sheet, you’d be better off with a style attribute:

    <img src="images/uftMap.jpg" border="0" style="max-width: 95%" alt="Universal Fitness &amp; Training on Google maps" name="Universal Fitness &amp; Training on Google maps">
    • 0