Большой стол, окружающие дивы с фонами не повторятся

Question

У меня есть страница шириной 1000px, которая содержит вывод в таблице, которая намного шире, чем остальная часть страницы.У меня нет проблем с горизонтальной прокруткой для чтения всех данных, но фоны окружающих элементов, таких как верхний и нижний колонтитулы, не повторяются с большой таблицей.

Я прочитал несколько советов по добавлению "display: inline-block "к div вокруг большого стола, но я все еще не нашел решения.

Помощь очень ценится.

<div id="top_ad">
</div>
<div id="header">
</div>
<table>
THIS IS THE HUGE TABLE
</table>
<div id="footer">
</div>

Фон заголовка div повторяется, потому что яустановите изображение в качестве фона ТЕЛА, а не в "заголовок" div.Однако фоны div "top_ad" и "footer" останавливаются на 1000px.Мой CSS ниже:

body {
background:url(/images/header_background_repeat.jpg) repeat-x 0 110px;
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
color:#262626;
text-align:center;
}

#top_ad {
width:100%;
height:100px;
background: #0f3245;
text-align:center;
padding-top:10px;
}

#footer {
    border-top: 6px solid #C9660D;
    padding-top: 0;
    width: 100%;
}

Answer 1

Звучит так, будто вам нужен прокручиваемый div, чтобы вместить вашу таблицу.Здесь я использую ширину 100%, но вы можете использовать ширину = ширину вашей страницы.

http://jsfiddle.net/XXhzp/

<div id="tablecontainer" style="width: 100%; overflow: scroll;">
    <table>
        <tr><td></td></tr>
        <tr><td></td></tr>
        <tr><td></td></tr>
    </table>
</div>

Answer 2

Попробуйте добавить контейнер div вокруг всего на странице.Предположительно, этот div будет принимать ширину дочерней таблицы, а затем присвоит эту ширину другим div, если они установлены на 100%.

Answer 3

добавить ширину 100% к вашему телу