Html/Css 图像无法在 IE 中正确显示并调整大小(左而不是右)

Question

我尝试在 Stack 上研究这个问题的解决方案，但找不到任何对我有帮助的东西。您可以在 jmltechnologie.com 查看我的网站 我是硬件人员，我对 Html/css 非常业余，所以请给我任何您看到的提示 :D

我的问题是图像。我无法使用 @media for mobile 调整它们的大小，当我在旧版本的 IE 上打开我的网站时(我怀疑许多用户仍在使用，尤其是可能会检查我的网站的那个)它们显示在左侧而不是右侧...令人沮丧。

我需要基本的提示和技巧来正确定位我的图像并能够在移动设备上调整它们的大小。这是我的代码示例，请查看我的网站以更好地了解问题。泰 Vim

.test123 table {
  width: 90%;
  float: center;
  margin: 125px auto 10px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 55px;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 3px 3px 5px 6px #ccc;
  /* Firefox 3.5 - 3.6 */
  box-shadow: 3px 3px 5px 6px #ccc;
  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.test123 td {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.test123 img {
  margin-top: 6%;
  margin-left: 22%;
  position: absolute;
  display: inline;
}

<div class="test123">
  <h1 id="Personnalisez-votre-ordinateur">Assemblage</h1>
  <h2>Terminé la lenteur, les annonces publicitaires, la perte de données et l’odeur de brulé;<br> Augmentez votre productivé grâce à nos PC personnalisés</h2>


  <table>
    <tr>
      <td style="text-align: center;">


        <img src="https://jmltechnologie.com/assemblage.png" width="220" height="150" alt="Assemblage d'ordinateur">
        <tr>
          <td style="color: #111111">Nos ordinateurs sur mesure ne contiennent aucun logiciel préinstallé qui pourraient nuire au rendement de votre ordinateur.</td>
        </tr>
        <tr>
          <td style="color: #111111">Bénéficier de nos <strong>conseils gratuits</strong></td>
        </tr>
        <tr>
          <td style="color: #111111">Vos avez déjà vos pièces, mais vous éprouvez des difficultés?<br> <strong>Nous pouvons vous aider.</strong></td>
        </tr>
        <tr>
          <td style="color: #111111">Nous nous occupons de <strong>tout</strong>: Choix des pièces, l'assemblage et l'installation à domicile.</td>
        </tr>
        <tr>
          <td style="color: #111111">Vous obtenez toujours plus de performance à meilleur prix, lorsque vous décidez d'assembler votre ordinateur.</td>
        </tr>
        <tr>
          <td style="color: #111111"><strong>Peu importe votre budget</strong>, nous serons en mesure de vous assembler un ordinateur performant.</td>
        </tr>





  </table>

</div>

Answer 1

在<td>在你的图像上方你有:

<td style="text-align:center">

将其更改为:

<td style="text-align:left">