Html 网页设计针对1024x768进行了优化

我正在尝试创建一个支持多种分辨率的网页，1024是支持的最小分辨率。分辨率更高的用户只需在网页的左侧和右侧获得白色条

在页面的顶部中心将有一个横幅。下面是两张图片，一张在左边，另一张在右边

目前，我正在使用HTML

来控制图像和横幅的位置，以确保更高分辨率的监视器不会破坏我的布局

这是我的密码：

<table style="width: 1024px; margin: auto; border: 0px">
  <tr>
  <td rowspan="2">
   <img alt="banner" class="float-left" src="img/banner.png" />
  </td>
 </tr>
 <tr>
  <td>
   <asp:ImageButton class="float-left" ID="ImageButton2" runat="server" ImageUrl="~/img/img_left.png" />
  </td>
  <td>
   <asp:ImageButton class="float-right" ID="ImageButton3" runat="server" ImageUrl="~/img/img_right.png" />
  </td>
 </tr>
</table> 

如果我使用高于1024的分辨率查看布局，则布局工作正常，但如果使用1024查看布局，则页面的左右两侧都有窄的白色条，并且我可以水平滚动

---

有人能看出我做错了什么吗？

我建议你做的是说明最大宽度。这将使该网站仍然是1024倍，它不会扩大到这一点以上。从那里，你可以陈述一个百分比的宽度

最大宽度：1024px；宽度：95%；（或100%）

---

希望这能有所帮助。

我建议使用宽度百分比而不是像素。通过将宽度设置为1024px，表示您的桌子将始终为1024px宽。因此，在分辨率小于1024的监视器上，您将看到水平滚动条。尝试将宽度设置为80%，看看是否效果更好。如果使用

进行布局，则可能是做错了。使用

。使用div或设置宽度不起作用，我仍然会在页面周围看到狭窄的白色边框。我找到了一种“缓解”问题的方法，通过减少我的横幅img的宽度，并为div添加了背景色，使其看起来像横幅。