Html 对于不同分辨率的背景图像，表格太长

已解决：

我目前正在一个学校项目的网站上工作，我面临着不同屏幕分辨率的问题。我的网站在我的15.6上看起来不错“笔记本电脑的分辨率是正常的，但一旦我开始缩小，居中的表格元素对于背景图像来说就太长了，因为它的大小是固定的，不能与表格一起拉伸。我的第一个想法是将背景图像分为三部分，只拉伸中间的一部分。有人有更优雅的解决方案吗？如果没有，有人知道如何在HTML中实现这一点吗

正常：
缩小：

HTML:

---

请使用

背景尺寸：100%您应该显示您在提问时尝试过的内容。请查看以下链接：1。2.我忘了，现在添加了：）所以@DavidOnter我看到你的容器是一个图像当然这将是一个分辨率问题。你唯一能做的就是把背景图像切成两半，用白色边框。像这样，内容会在中间，对吧？因为它不能跨越不同的div…它的可能副本没有改变任何东西，可能是因为content div与背景图片的大小完全相同。没有汽车什么的。
<div id="content">
<table>
<colgroup>
    <col width="100">
    <col width="300">
    <col width="200">
</colgroup>
<tr>
    <td><b>Episode</b></td>
    <td><b>Title</b></td>
    <td><b>Available Hoster</b></td>
</tr><tr>
    <td>01</td>
    <td>Rebirth</td>
    <td>-</td>
</tr><tr>
    <td>02</td>
    <td>Confrontation</td>
    <td>-</td>
</tr><tr>
    <td>36</td>
    <td>January 28</td>
    <td>-</td>
</tr><tr>
    <td>37</td>
    <td>New World</td>
    <td>-</td>
</tr></table></div>

#content{
    width: 1024px;
    height: 950px;
    background: url(img/content_background.png) no-repeat;
    display: table-cell;
    vertical-align: middle;
}

#content table{
    border-collapse:collapse;
    color: white;
    margin: auto;
}

#content td{
    border: 1px solid white;
    text-align: center;
}